网页美工UI设计

1. 设计概念
在这里插入图片描述

2. UI设计中常见的名词

在这里插入图片描述

3. UI分类

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

4. 图标设计

  • 图标分类

  • 从造型方面分类
    在这里插入图片描述

  • 硬件图标设计和软件图标设计
    在这里插入图片描述

  • 图标设计的优点

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

     不同的目标必须使用不同的图标识别,以免引起混淆
    
    当图形无法完全准确表达功能时,可配文字标注
    
  • 图标设计的基本流程
    在这里插入图片描述

  • 36中图标设计的灵感来源
    在这里插入图片描述

  • 像素图标及其设计规范
    在这里插入图片描述

  • 剪影2D图标

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

在这里插入图片描述

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

     扁平化图标的基本用色
    
     ①科技色:蓝色、灰色、湖蓝色、绿色
     
     ② 亮彩色:以纯度很高的几个颜色搭配起来,背景多以黑色或者白色为主
     
     ③ 淡浅色:以明度很高的几个颜色搭配起来,以乳白色为主高雅简洁
     
     ④ 糖果色:色相丰富,且用色甜美可人、轻松愉悦
    
相关推荐
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页