UI

UI: User Interface(用户界面设计)

用户界面: 联系数据和用户的桥梁(GUI=HUI+WUI)

• HUI, 手持设备用户界面设计
• WUI, WEB UI (实现功能, 注册\登陆框, 可点击按钮, 搜索框, 导航)
• 其他, 车载导航, 电视操作页面

UI的基础是图标(ICON)

• 基础造型视觉形态
• 表现形式(质感, 风格) 五大调子: 高光(最亮) 亮调 明暗交界线 暗调 反光

透视

两点透视(两个视觉灭点)

形态

• 具象形态
• 抽象形态
• 自然形态
• 设计形态
  • 具象形态抽象化
  • 赋予理念

ICON 制作

• 统一形态
• 统一造型(透视关系)
• 颜色运用,多走无色系, 用统一的颜色做点缀; 在明度和饱和度上寻求变化(建议)

2D 平面, 细节造型风格的统一, 构成造型的细节的统一(线的统一)

2.5D 浮雕, 凸起厚度保持统一, 配色, 质感表现方式

3D 立体, 透视角度, 光源角度, 质感表现方式

流程

• 风格定位(可爱 炫酷 ;扁平化 拟物化)
• 初稿绘制
• 完成手稿, 线条更加精简, 到位, 形态更加准确
• 扫描
• 选择自认为比较容易实现(表现), 一个图标开始制作; 确定颜色搭配(主色调, 辅色调)(色值)
• 完成其余图标, 保存为透明背景格式(首选PNG)