行动派行动派
  • 首页
  • 随笔
  • 建站
  • 设计
  • 前端
  • 读书
  • 相册
  • 歌单
  • 视频
  • 邻居
  • 首页
  • 随笔
  • 建站
  • 设计
  • 前端
  • 读书
  • 相册
  • 歌单
  • 视频
  • 邻居
主页 › 读书 › 读书笔记:图标的设计原则
#读书#

读书笔记:图标的设计原则

3年前
1,010 0 0

随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达。现在各种各样的图标充斥在不同的 App 中,那么怎样的图标才是设计师应该追求的方向呢?评价一个图标设计的好坏的标准是什么呢?下边我们从 4 个方面来分析一下。

 

一、表意性原则

表意性原则也叫可识别原则,图标作为快捷传达信息的载体,首要的标准就是要准确地表达含义,如果一个图标不能准确快速地表达含义,也就不能快速准确地引导用户操作,那么这个图标也就没有存在的必要了,所以表意性原则是图标设计的灵魂,也是图标设计的第一原则。

表意性原则中,一个非常简单的图标设计即是象形,图标的图形可以准确表达相应的内容,如与生活中的实物相同或相似。当我们看到一个图标时,自然联想到生活中的实物,这样就能明白它所代表的含义。

当然,也有一些设计师在设计时会充分考虑象形,但可能会做出抽象的象形图标,或是有些不容易被人一眼识别出来的图标,这时候怎么办呢?那就可以加些说明性的文字,这样也可以达到快速识别的目的。

 

二、美观性原则

图标在界面设计中非常重要,我们有时候会把文字比喻成点睛之笔,其实在 UI 界面中,图标比文字更加重要,在这里点睛之笔应该是图标,所以图标的美观性就显得非常重要。常言之:爱美之心人皆有之,一个图标的美观度决定了用户对这个图标的观感,进而影响到整个应用;帅气、美观的图标会大大增加用户点击的概率从而更有效地传达图标所代表的含义。

 

三、差异性原则

什么是差异性原则呢?其实从字面意思就可以看出,所谓差异性就是事与事、物与物之间存在的不相同的特点性质,让用户一眼看上去,就能感觉到他们之间的差异性,这也是图标设计很重要的一条原则,且很容易被忽略。但我们可以想象,如果图标没有差异性,当我们看到时又怎样去区分呢?如果图标设计失去了这一点,我认为图标设计就失去了意义。

在图标设计中,差异性的重要性从上面的图中已经可以看出来,因为图标设计出了漂亮之外,更重要的是识别性。如果差异性极小,在具体的应用中用户读取会很吃力,也就失去了存在的价值和意义了。所以在图标设计中,我们要尽量放大它们之间的差异性,减弱它们之间的相似性。如果一套图标有同一元素,为了强调差异性可以考虑放弃使用同一元素,或是同一元素中放置不同的醒目内容来区别图标。

 

四、适合的精细度原则

要了解精细度原则,首先要明白图标设计的第一大原则,表意性原则,图标的主要设计原则是表意性,即识别性,其次才是美观,图标在很时候可以代替文字,所以图标的识别性非常重要。很多设计师为了精细度往往忽略了表意性原则,片面追求精细、高光和质感,其实这样就会陷入一个误区。这里跟大家强调一下,图标的表意性其实是随着精细度的变化而变化的,它类似于波峰的曲线,在初始阶段,图标表意性随着精细度的变化而上升,但是达到一定的精细度以后,图标的表意思性往往会随着图标的精细度而下降。

 

五、风格统一性原则

在图标设计中,同一产品中保持同样的图标风格显得尤为重要,统一性是保证设计品质的重要一环。如果一套图标的视觉设计非常协调统一,我们就说这套图标具有自己的风格,统一风格的图标设计会极大地提升设计品质,这样的图标看上去也会更美丽、更专业,同时也会提升用户的满意度。

有时可能有些人从互联网上收集一些图标,然后将这些图标堆砌出一个设计界面,由于没有完全配套的图标,只能东拼西凑,导致页面粗制滥造,业余,一套不统一设计风格的图标会极大地降低产品的设计品质。

 

六、与场景协调原则

图标很少有单独存在的,特别是在 UI 界面制作中,整个界面上放置一系列图标时。如我们常见的手机主题界面,图标通常是系列存在的,这时除了前面讲解的原则外,还要特别注意图标与场景的协调原则,要考虑到图标所处的场景,这些图标是否适合当前的场景。如以大海为背景的 UI 界面,你可以考虑与大海相关的实物作为元素来制作图标,如各种海鱼、海草、海滩、海石等。如果你放置一些与大海不相关的实物元素,做出来的图标就会显得非常不协调。

 

七、原创性原则

原创性对于设计师来说是非常重要的,需要在设计领域有一定的造诣,这对设计师提出了一个更高的要求,对于初学者来说有一定的挑战性。但其实图标设计不同于平面设计,图标的风格就目前来说已经种类繁多,易用性较高的风格也就那么多种,所以不要过度追求图标的原创性,否则往往会降低图标的易用性,而易用性是图标设计的关键,失去了易用性也就失去图标设计的意义了,所谓“好看不实用”就是这个道理。

 

 

 

0
Action
# 设计美学# 读书笔记
相关文章
如何让自己变得更优质?
想太多会毁了你
现代孔乙己
硬核干货!UI 设计常用设计素材网站
当你设计时,你应该思考些什么?
评论 (0)
再想想
    Action站长
    要努力,要酷,要做一个可爱的人!
    167文章 331评论 40获赞
    猜你喜欢
    失败的前四年
    11月前
    感谢 isdola
    11月前
    停用 OSS 对象存储,如何将 OSS 上的文章图片迁移回服务器?
    9月前
    删除后台标题中的 WordPress 后缀
    3年前
    利用这 6 个方法有效提升网站的打开速度
    2年前
    • 今日快讯
    • 站点地图
    • 给我留言
    • 给我投稿
    Copyright © 2014-2021 行动派. Designed by nicetheme. 萌ICP备20201122号 粤ICP备14089240号