快好知 kuaihz

探究设计的本质,运用符号元素的经典好设计有哪些?

符号,通常是指具有代表意义的标志。人类运用图形符号来传达信息远比文字传达信息早,它的起源可以追溯到原始社会中部族的图腾标志。随着人类文明的发展和科技的进步,符号设计有着由简至繁再至简的波浪式发展过程。今天很多的图形符号从古至今不断的发展演变,日趋精简,成为经典的视觉符号设计。

经典的视觉符号

经典的视觉符号设计因其简洁、易懂、跨越语言限制的特性,对于人类文明的发展有着巨大的意义,在我们日常生活随处可见、必不可缺。

箭头

无论是在高速公路上开车,商场里逛街,手机或者电脑上网…作为指示类图形符号中的经典,我们的日常生活基本上离不开箭头符号

公共卫生间

尽管现如今世界各地公共卫生间的标志有了很多创意的大胆设计,但是说到最具辨识性、同时也最简洁的设计莫非图上这种了。

暂停/播放

这个简单几何形状组成的符号,在电子设备随处可见的现在,使用的普遍性和便捷性不言而喻。

由上文列举的几个例子我们发现,图形符号作为人类传递信息的视觉符号,必须具备两大类的特征:

1. 图形直观简明

符号作为文字的图形化,是需要被快速阅读的对象,不能过于复杂,否则就失去了最本质的作用。

2. 容易理解和被记忆

大众符号标志的受众几乎是所有人群,经典通用的符号可以跨越文化和语言的障碍,因此它的设计原型必须是通俗易懂的。

任何事物的发展、变革和创新与时代的发展变化密不可分,随着人类文明的进程,科学技术的现代化传播方式的多样化,互联网时代来临,越来越多的符号标志被赋予了新的含义。

其实,很多人可能不知道,我们现在手机或者电脑上常用的一些符号,起源于很早的时期。

第二次世界大战时期,工程师用二进制来标记独立电源按钮,1973年国际电气工程委员会模糊地设定了一个破碎的圆圈,当中插一束表示“备用电源状态”。然而,美国电气和电子工程师觉得这个定义过于含糊,将其定义为“电源”。

USB图标设计灵感是来自罗马神话,海神尼普顿的武器三叉戟,设计者将三叉戟的三根尖齿进行了修改,将左右两根的三角形分别改成了圆形和正方形,寓意着任何外部设备都可以渗透过USB连接起来。

传说哈罗德国王超喜欢吃蓝莓,有一颗牙齿被染成了永久性的蓝色,于是称为Harald Bluetooth。蓝牙符号实际上是Harald Bluetooth名字中的,h和b两个古北欧字母的结合。

这个符号大概起源于公元6世纪,当时的修道士开始用这个符号来代替拉丁文中的ad。也就是耶稣纪元后,即我们现在所说的“公元”。

这样看来,移动端一直使用的一些图形符号,其实有着非常渊源的起源。有些是之前就存在,通过不断发展被赋予新的含义,有些则是设计师根据一些远古的传说为出发点来进行设计。无论是哪一种形式,经典的符号设计都有着文化传承的作用。

而社会发展到今天,互联网空前发达,各种软件层出不穷。我们的生活方式不断的被其改变,朝着越来越便捷的方向发展。扁平化的潮流,极简主义的不断发展,App UI中的图标设计也越来越被重视。图标,就是一种现代社会中最长见到的符号之一了。

因移动端设备尺寸的限制,我们通常要在一个巴掌大的地方展示很多内容,纯文字描述显然不是一个简洁的方法,这时候一个高度简洁又能传达准确信息的图标显然最为合适。

移动端图标设计的原则

和传统图形符号直观简明、易懂易记的基本特征要求外,一个设计完美的移动端图标设计还需要具备怎样的规范或者说原则呢?

可识别性

图标的图形,要能准确表达相应的操作。换言之,就是当用户看到一个图标,就要明白它所代表的含义,这是图标设计的灵魂。可以当之无愧称之为图标设计的第一原则。

差异性

如果一个界面上有六个图标,用户一眼看上去,要能第一时间感觉到他们之间的差异性,否则怎么辨认呢?这是图标设计中很重要的一条原则,但也是在设计中最容易被忽略的一条,图标和文字相比,它的优越性在于它更直观一些,但是如果图标设计失去了这一点,就失去了意义。

合适的精细度,元素个数

图标的主要作用是代替文字,第二才是美观。但现在的图标设计者往往陷入了一个误区,片面的追求精细,高光和质感。但是达到一定精细度以后,图标的可用性往往会随着图标的精细度而下降。

风格统一性

如果一套图标的视觉设计非常协调统一,我们就说这套图标具有自己的风格,这样的图标看上去也会更美丽,更专业,同时也会增强用户的满意度。

小结

UI图标作为原始图形符号的发展延伸,我们在设计的时候,既要符合现代UI界面设计规范,也要在文化底蕴上“寻根”——要有相应的理论支撑和设计之源。这样我们的设计,大到整套UI界面,小到每一处的细节图标,才会是经得起推敲和检验的经典的设计!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:设计  设计词条  探究  探究词条  符号  符号词条  本质  本质词条  元素  元素词条  
交互

 Web、App中添加动效设计应遵...

曾经某高级产品经理指导工作中一再的强调要炫酷炫酷,动效交互不能少。于是苦逼兮兮地在原型上加各种交互。但是最终做出来的成品很差强人意。用户体验糟糕,炫酷的效果大打...(展开)