UI图标

  1. 图标分类

    1 扁平化图标(当下最流行)特点:形状+颜色

    2 微扁平图标 特点:形状+颜色或简单的渐变+简单的光影关系

    3 拟物化图标 特点:形状+颜色+渐变+真实的光影关系+材质表现

  2. 做一组图标的细节

    1、协调美观,2、易于理解,3、视觉平衡,4、效果统一

  3. 写实图标的细节问题

  4. 画形状的时候,一般都是偶数
  5. 常见的光源角度 90° 60° 120°
  6. 投影要做两层或两层以上(尤其大的形状)
  7. 观察物体是凹入还是凸出,凹入影子在里面,凸出影子在外面
  8. 同一个形状上,如果是受光线影响的渐变,对比度不会很强
  9. 图标中很少使用纯黑或纯白
  10. 如果要调微弱的渐变,可以直接在渐变编辑器里面吸过渡色
  11. 做图标渐变优先在形状属性里面做。

    四 表现凸出:

  12. 渐变上亮下暗
  13. 投影在物体的外面
  14. 高光(亮边在物体的上方)

    五 表现凹入:

  15. 渐变上暗下亮
  16. 投影在物体的里面
  17. 高光(亮边在物体的下方)

    六 木纹效果

    1新建空白图层,恢复默认前景色背景色为黑白,滤镜——渲染——纤维

    2滤镜——模糊——动感模糊

    1. 滤镜——液化

    4 色彩平衡把黄色调到最亮,色相饱和度勾上着色,色相调到黄色,饱和度调高,明度调高。

    1. 新建空白图层,填充木头颜色(黄色),降低不透明度,Ctrl+E和下面木纹纹理合并。

    七 话筒的孔效果制作

    1打开AI,选择极坐标网格工具,取消编组,删除里面的直线段

    2把所有的圆选中,打开描边面板,勾上虚线,点击选择圆头端点,把虚线的长度改为0,把虚线的间距调大。粗细调粗

  18. 对象——扩展外观——扩展


    八 图标背板形状

    矩形:严肃正式的感觉

    圆形:圆润活泼的感觉

    圆角矩形:圆润活泼的感觉

     

     

     


     

yang, xiaoyun

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: