网站导航

成功案例

当前位置:主页 > 成功案例 >
图标的意义:可识别 易明白
时间:2021-08-05 19:57 点击次数:
本文摘要:比力典型的就是下面这张图里表达的: 于是设计师到底应该如何明白图标的寄义设计出一份切合产物功效特性的图标呢? 图标虽然重要无论是设计师还是某款产物的用户见到产物中的图标应该都能明白其寄义否则就失去了该图标存在于产物中的意义。 在写这篇文章的时候无意中看到一则内容或许是说:「+1」与「1+」所代表的意思是差别的。譬如我们聊薪资说这个月人为 2k+从数字来看2k+ 指的是 2k 以上这个「+」代表的意思是更多。

亚博app安全有保障

比力典型的就是下面这张图里表达的:

于是设计师到底应该如何明白图标的寄义设计出一份切合产物功效特性的图标呢?

图标虽然重要无论是设计师还是某款产物的用户见到产物中的图标应该都能明白其寄义否则就失去了该图标存在于产物中的意义。

在写这篇文章的时候无意中看到一则内容或许是说:「+1」与「1+」所代表的意思是差别的。譬如我们聊薪资说这个月人为 2k+从数字来看2k+ 指的是 2k 以上这个「+」代表的意思是更多。

而 +1+2更突出加几个好比聚餐同事说加他一个这里的「+」是为了知道后面的详细数字。

在界面设计中图标的作用有这么几种: 行动引导(点赞)内容区分(标签栏图标)以及状态提示(乐成或失败)。

这时候图标中「+」的使用也受到了这种逻辑的影响。好比说加入购物车一般会把「+」放在右边而不会放在左边左边看着更像是加一个购物车而不像加入购物车。

单体字就是单个图标如关闭「×」;组合字就是组合图标如回删。

3

扩展点击区域:好比文字太小配一个图标点击区域更大用户操作更利便; 定位/导航:让用户知道自己现在处于什么位置; 节约空间:有些内容两三个字表达不了意思通过图标来简化文字信息。

但同样不能少了「便于明白」这层逻辑。

在一些电脑软件中(上右图)尤其能看到图标自己的寄义有时候不得不佩服这些设计师细致的视察能力。

且着重聊了在设计图标时应优先思量图标寄义而不是视觉效果。

这样看起来确实能说的也就只有欠好看了。

还不如直接显示个文字「相册」来得更清晰了。

那图标的存在另有意义么?似乎这类图标用文字表述也未尝不行?好比下图。

这种图形区别于一般的图画是通过以图代字的方式用来交流与通报信息用的所以每个图形都代表了某个详细的事物。

亚博app安全有保障

因为打字是从左到右图形左就表现往左删除特别容易明白。加坠字就类似于图标的变化好比开关(Switch)的开启与关闭。

标签栏图标的作用是:

像极了我们设计的图标。

可是随着时间的流逝事物的更替认知的提升人们需要缔造更多图形来记载更庞大的信息。

于是他们通过种种图形的组合来代表新的事物。

但似乎很少人会去探讨图标造型背后的意义包罗图标与图标之间的组合关系。设计师们并没有从符号学角度来论述图标的字面意思以及与用户行为之间的关系而只是从装饰的角度去看待。

或许大家会有疑问为什么图里另有个「加坠字」呢?因为某类事物是存在变体的譬如想说光线单个太阳的图形就无法通报这种信息于是就通过符号与图形的组合来表达一种事物的变化:

包罗下左图意思也很明确是新建文档:

可是现在许多设计师设计的图标就丝毫没有这种逻辑了。譬如让设计一个「相册」设计师为了凸显特别就会设计成这样:

:-)

这种图形称之为「加坠字」它所通报的信息更为抽象表现一种事物的变化。

相信上图中纵然我不用加文字列位也能知道其所代表的寄义吧?

上一篇:2020年江苏省农村实现资源化利用和无害化处置

下一篇:没有了

如果您有任何问题,请跟我们联系!

联系我们

Copyright © 2009-2021 www.andyoumagazine.com. 亚博app科技 版权所有 备案号:ICP备80528953号-2

地址:山东省济宁市杭锦后旗化远大楼870号

在线客服 联系方式 二维码

服务热线

0159-59191295

扫一扫,关注我们