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

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


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

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

经典的视觉符号

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

箭头

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

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

公共卫生间

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

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

暂停/播放

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

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

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

1. 图形直观简明

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

2. 容易理解和被记忆

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

移动端图标设计的原则

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

可识别性

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

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

差异性

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

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

合适的精细度,元素个数

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

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

风格统一性

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

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

小结

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

 

作者:EthankDesign

来源:微信公众号【优秀网页设计】

版权声明:人人都是产品经理尊重行业规范,所转载的文章都注明作者和来源,若标注有误,请联系主编QQ:419297645更改。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26874/

(0)
CatherineCatherine
上一篇 2017-05-16 00:47
下一篇 2017-05-16 02:54

相关推荐

  • 猎豹资深交互设计师分享:如何利用数据来支撑设计?

    作者:可风 我最早的时候认为设计就是如何去做出各种新奇的图形、质感和界面,追逐潮流和创意。可是后来发现设计最难的是平衡各方面的因素,在条条框框的限制中找到方案还要推进下去,并被人看到价值。前者很容易满…

    2015-11-15
  • Principle:交互动画实例

    Principle是一款交互原型设计软件,轻松让你的想法变成现实,支持将交互动画转换成视频或者GIF,分享给别人。 你的动画交互想法,比如设计更好的移动APP交互效果成为现实,用Principle轻松帮你实现。Principle的原…

    2016-01-28
  • 交互设计师必备的9种能力(下篇)

    让我们继续来跟着大饼哥来看交互设计师必备的9种能力。

    2017-05-15
  • 让产品经理无言以对的交互设计流程

      首先,要感谢我的 Leader 和师姐,在他们的帮助下,我才理清了这个交互设计流程。   虽不敢说这套方法一定是最优的,但至少是我工作以来一个的专业上里程碑。   话不多说,直接开讲。   日常…

    2017-03-06
  • 交互设计师的60日计划第十八天

    今天一直在以龟速写下周要分享的用研总结。写的过程中总是想这么讲老大会不会pk我,这么讲老大会有什么想法…果然是最近看他们做晋级ppt留下阴影了么…但不论怎么说,做一下这个分享还是挺好的,不然一个星期的时间,…

    交互专题 2015-08-20
  • 【优秀作业展示】交互设计基础(三)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优秀作业。优秀学生作业第三期陆晗产品设计15201高铁购票界面设计搜索目的地如果没有没有您想要的目的地可以选择搜索功能选择日期如果选择三天以后出...

    2018-05-08
  • 小优姐姐,大家都在说的交互设计,它日常工作内容究竟是啥?

    封面设计:vivien bertin每次亲朋好友来问我,做什么工作的啊?自豪的回答:交互设计然后然后就没有然后了。。。朋友每次看完俺的文章都会说很好啊还会给我打赏但是最后的最后会补充一句没看懂,太高深以及最近被一波接地气的央视海报刷屏大家纷纷表示看到了希望先来两张海报让大家感受一下连一向以严肃正经形象示人的央视好像被触发了某个开关变得越来越不正经亲切可爱咱们交互设计师是不是也要走下神坛来说说交互设计师每天那点事9:00查看邮件确认是否有...

    2018-01-31
  • 儿童键盘输入交互方式探讨:为熊孩子设计的输入法

    想必针对婴幼儿用户所设计的产品出发点与普通的产品设计出发点一定有所不同,那么在设计幼儿产品时,应该考虑哪些交互细节点呢?文章以一款儿童输入法为例,为我们解读了在儿童产品设计过程中该注意的一些交互细节点。

    2017-04-27
  • 交互设计与服务设计视角下,谁才是用户,什么又是产品?

    服务设计,是2017-2018比较火热的一个专业了,相比于交互设计或工业设计,服务设计更关注与利益相关者之间的关系。今年的Aalto New Media 专业的申请中,有明确要求需要根据两篇文章的读后感写一篇Essay(1),其中一篇是“How to Fix Facebook—Before It Fixes Us(2)”,深入阅读之后,有一个明确的观点想和大家分享一下。之前从交互式设计角度或者用户研究角度对于 Facebook 的分析文...

    2018-05-02
  • Axure制作酷我音乐安卓端高保真原型案例下载

    本案例为原型库网站原创制作,转载请保留出处。这个原型文件,忘记是什么时候练习axure 时做的,做的不好,有bug,部件的层级关系不够明确,仅供参考。拿出来给有兴趣的朋友下载研究吧,关于这个原型的问题就不要找我提问咯,早已忘记了。
    前段时间又重新做了一下安卓端的酷我高保真原型,进步了很多,层级关系十分明确,这个最新的原型等过段时间再给大家分享吧。

    2015-01-04