2021-08-12

1.什么叫做ICON?

也就是咱们经常所说的图标,图标是具有明确指代含义的计算机图形,其中桌面图标是软件标识,界面中的图标是功能标识,他源自于生活中的各种图形,是计算机应用图形化的重要组成部分。

2.图标的意义

图标分为广义和狭义两种。

广义:具有指代意义的图形符号,具有高度浓缩并快捷传达信息,便于记忆的特性,应用范围很广,软硬件网页社交场所公共场合无所不在。

狭义:用于计算机软件方面,包括程序标识,数据标识,命令选择,模式信号或切换开关,状态指示等。

3.ICON在app里的应用

因为移动端有很多种不同的尺寸规格,所以当我们设计出ICON之后会应用到不同尺寸上。

位图会因为不断地扩大缩小而失真,但是矢量图不会,所以我们在做ICON的时候一般会采用ps里的矢量工具(形状工具)或者直接采用ai来做。

目前在主流app内,ICON大多使用较为简洁的扁平化设计风格,这些ICON有的由线构成,有的由面构成,还有的是线面结合而成。

对于功能型ICON来说,最好选择用户熟悉的ICON元素。

我们要选择主要的元素,表意要简洁,可以适当联想。

附上文案:表达足够准确,消除理解上的差异。

4.线性ICON的应用

线性图标简单的是由包括直线,曲线,点在内等元素组合而成的图标样式。

第一类:简易线性(用尽量少的线条去描述图标所要表达的意义。

第二类:复杂线性(通过增加图标的某些局部细节,使图标更具层次性和个性,适用于图标整体尺寸较大,限制较小的情况。

第三类:插画类型线(通过增加图标的点阵,使图标看上去类似喷绘的效果。 

第四类:轮廓类线性图标(通过对图标轮廓的粗线条描绘或描边,是图形轮廓显而易见,再辅以些许细节和底色,使图标轮廓清晰图形易于理解)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 书接前文,这是《设计师必看的图标设计指南》系列之「中」篇 ​ 功能图标的设计规范及应用 除了产品图标,还有一种图标...
    印迹阅读 2,715评论 0 19
  • ICON 在设计中看似只占一个很小的区域,但是它却是考验设计师基本功能力的重要一项,在工作中我们经常会接到关于 I...
    简单如12阅读 2,355评论 0 9
  • ICON 在设计中看似只占一个很小的区域,但是它却是考验设计师基本功能力的重要一项,在工作中我们经常会接到关于 I...
    简单如12阅读 937评论 0 10
  • 这是一篇对新人非常友好的文章,希望大家喜欢:) 欢迎加入UI设计群587751709 图标的定义 一说到图标,我想...
    UI设计鲲鹏阅读 2,172评论 1 7
  • 一、图标的定义 一说到图标,我想您一定会觉得非常熟悉。图标,也称为 icon 或 picto,是指有明确含义的图形...
    开花了阅读 3,144评论 0 0

友情链接更多精彩内容