绘四方视觉传达
26-04-21 09:43

视传考研🔥UI设计分享 ✅
🚀 宇宙探索 APP UI 手绘快题完整解析~这是一张主题为昆工科技馆「宇宙探索」线上科普 APP VI 全案设计,完整覆盖主题立意、界面视觉、图标系统、用户流程、设计说明全模块,希望带给你灵感~
✅整体版式与风格定位
📝色彩体系
主色调选用深空藏蓝 + 暖金橙黄,搭配星空白、星云柔粉,贴合宇宙航天的科技氛围感;冷暖撞色强烈醒目,马克笔平涂渐变干净,画面层次分明,视觉冲击力强,符合快题高分配色逻辑。
📝画风风格
卡通国潮手绘风,线条圆润流畅,元素童趣治愈,弱化硬核科技的冰冷感,适配科普类APP面向全年龄用户的产品定位。
📝版式布局
经典考研4开竖向排版,上下左右模块分区清晰:顶部主题标题区、中部核心界面展示区、左下角ICON图标组、右下角思维导图+设计说明区,信息排布均衡饱满,无版面空白缺陷。
✅画面模块逐一拆解:
📝主题标题区(顶部)
· 主标题:宇宙探索
· 副标题:昆工科技馆VI设计
· 搭配元素:宇航员、航天火箭、星云、星球、星轨线条,直接点明航天科普的设计内核。
📝APP界面设计区(画面中部核心),完整展示了产品多端视觉效果:
· 平板端首页:手绘星空星云场景,搭配灵狐视觉IP形象,打造沉浸式宇宙浏览首页。
· 移动端登录页+选择页:完整还原APP交互界面,包含标题栏、星球选择控件、登陆按钮、英文标注、行星信息模块,界面布局规范,信息层级清晰。
📝ICON图标系统(左下角)
8个统一风格的功能图标,整套图标造型圆润、配色统一,涵盖航天、社交、用户、搜索、设置、工具等APP通用功能,形成完整专属图标库,贴合宇宙航天主题,保证产品视觉统一性。
📝用户流程思维导图(右侧中部)
完整梳理APP用户使用链路:注册 → 登录成功 → 进入APP首页 → 分支【个人信息】&【我的】逻辑闭环清晰,完整交代产品基础交互架构,是 UI 快题里必不可少的功能逻辑板块。
#四方手绘##设计考研##视觉传达考研##视觉传达##数媒考研##考研手绘 ##UI设计##考研视传快题#

发布于 重庆