美文网首页
PS图标学习1——图标的分类及设计原则

PS图标学习1——图标的分类及设计原则

作者: YamZhang | 来源:发表于2018-05-17 22:06 被阅读0次
什么是图标?

图标通常分为两种:应用图标和功能图标。


应用图标
功能图标.jpeg
应用图标类型
类型 示例
剪影图形
轻拟物
轻质感
拟物
叠加
文字主体
插画
像素
功能图标类型
类型 示例
面形图标
线形图标
扁平线形图标
图标设计原则

应用图标
  • 可识别性
    表意明确,让人一看到就能知道它代表的含义,突出产品核心功能
  • 差异性
    在众多的同类产品中,与众不同,避免视觉同质化
  • 延续产品界面
    一个字,搭——图标要和产品
  • 谨慎白色背景
  • 突出品牌
  • 色彩鲜活
  • 使用栅格线
  • 多场景测试
功能图标
  • 表意明确
  • 绘制草图
  • 轮廓清晰
  • 使用图标网络

    PS=>视图=>显示=>像素网格
    48*48px网格区域
    蓝色为绘制区


  • 整套风格统一

Yam的话:注重细节~

相关文章

  • PS图标学习1——图标的分类及设计原则

    什么是图标? 图标通常分为两种:应用图标和功能图标。 应用图标类型 功能图标类型 图标设计原则 应用图标 可识别性...

  • 如何从0到1设计一组图标?

    上一篇,主要介绍了图标的分类,以及设计原则。具体可看《图标设计原则及分类,新人必看[http://mp.weixi...

  • 图标的设计原则

    图标设计需要耐看、细节是关键: 1.线条的粗细 2.图标的大小 3.图标的圆角弧度 4.风格和装饰元素

  • PS设计系列之一:电话小图标

    今天我们来看看简单的小图标的设计——当当当当!!!!最终效果请看图七和图八。 注:本文需要有一定PS基础。 1.打...

  • 设计师必看的图标设计指南「中」

    书接前文,这是《设计师必看的图标设计指南》系列之「中」篇 ​ 功能图标的设计规范及应用 除了产品图标,还有一种图标...

  • 图标学习的课程笔记1

    自己对图标设计的理解:分为几个大块: 图标的规范、制作技巧、审美、设计分类以及输出 最近两天在看图标课程。 购买和...

  • 图标常用小tips

    一、图标样式分类 将图标按照样式进行分类,可以分为线框图标、填色图标、多色图标。 二、图标文件格式分类 图标的文件...

  • UI设计中图标的分类

    UI图标的分类 图标是一个具有...

  • 图标的分类

    图标在界面中起到代替文字(示意)和辅助文字(装饰)的作用。 根据应用场景不同分为: 工具图标:有明确功能、提示含义...

  • 高质量的图标和图片库推荐!

    图标的使用在设计界已经无处不在了,目前被广泛用于UI和网页设计的界面领域。收藏一些不错的图标设计网站!​ 1.六图...

网友评论

      本文标题:PS图标学习1——图标的分类及设计原则

      本文链接:https://www.haomeiwen.com/subject/ehmidftx.html