网页美工UI设计

1. 设计概念

2. UI设计中常见的名词

3. UI分类

• 网页界面
• 手持设别界面
• 手持设备界面
• 平板电脑、电脑系统、应用软件系统、游戏界面等
• 智能电视界面等
• 医疗设备及各种数码机床
• 卡拉OK点歌、远程设备等

4. 图标设计

• 图标分类

• 从造型方面分类
  

• 硬件图标设计和软件图标设计
  

• 图标设计的优点

  易于被快速识别、具有直观性，产生国际通用性
   
   在形、意、色等多方面具有刺激、传递信息量大
  
  抗干扰能力强、可调节大小、表示视觉和控件概念、便于布局美观
  

• 图标设计的原则

   不同的目标必须使用不同的图标识别，以免引起混淆
  
  当图形无法完全准确表达功能时，可配文字标注
  

• 图标设计的基本流程
  

• 36中图标设计的灵感来源
  

• 像素图标及其设计规范
  

• 剪影2D图标

剪影图标设计时如何统一风格？

   剪影图标设计的技巧有哪些？
   
    1、确定图标对应功能，确定整套图标的数量
    2、抽象对象造型，表达图形寓意
    3、添加阴影和外发光，是图标在不同颜色背景上都能凸显
    4、反复调整，是图标更加完美、精致

• 扁平化图标

   扁平化图标的基本用色
  
   ①科技色：蓝色、灰色、湖蓝色、绿色
   
   ② 亮彩色：以纯度很高的几个颜色搭配起来，背景多以黑色或者白色为主
   
   ③ 淡浅色：以明度很高的几个颜色搭配起来，以乳白色为主高雅简洁
   
   ④ 糖果色：色相丰富，且用色甜美可人、轻松愉悦