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

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


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

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

经典的视觉符号

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

箭头

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

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

公共卫生间

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

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

暂停/播放

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

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

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

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

相关推荐

  • 网页重设计的7个常见误区与解决方案

    “如果所有都是重点,那么就不存在重点了。——Patrick Lencioni”“用户在手机上永远用不到这些内容。”

    2017-05-23
  • Axure官方教程中文版第2课:页面操作-木卫艾欧网原译

    Axure真正的官方教程,入门必备,木卫艾欧独家翻译,免费!

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

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

    2015-01-04
  • 设计师要懂心理学の眼见非脑见

    我们一般认为,当我们观察周围的一切时,眼睛会将看到的信息传输给大脑,大脑再对信息进行处理,让我们感受到真实的世界。但其实不然,脑见并非眼见,因为大脑总会解析眼睛看到的所有信息。试举一例,请观察下图: …

    2014-11-26
  • SKETCH教学视频

    则灵君分享的是“静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-20
  • 陌陌:不全面商业化 不伤害用户体验

    关注订阅号“电商大世界”,海量电商资讯文章打包阅读以下文章数据,由电商大世界 "AI-贝贝",采集、分拣,由编辑 北风整理发布。电商本周要闻:阿里慧聪两大人事变动阿里巴巴B2B事业群总裁戴珊接任速卖通阿里巴巴集团合伙人、B2B事业群总裁戴珊将直接负责全球速卖通业务,而原阿里巴巴全球速卖通总经理沈涤凡,将出任阿里健康CEO。据了解,全球化战略是阿里未来20年的三大核心战略之一。业内人士认为,戴珊此次接任速卖通业务,不仅说明以速卖通为代表的...

    2018-04-01
  • Mockplus实例之一看就会de五个交互功能

    实例来源:豆瓣新加日记(https://www.douban.com/note/create)先看看豆瓣新加日记的网页:再看看已经制作好的原型预览页面:在原型制作中有五个有特色的交互功能:1 题目和正文切换时,边框颜色变深这里需要交互…

    2016-07-27
  • 不好意思,简历有了它,你就领跑于820万毕业生

    又临近一年毕业季找工作成为了应届生们的头等大事但今年的就业形势依旧不容乐观来自教育部的数据2018年全国高校毕业生预计上升至820万人再创近10年毕业生人数新高▲教育部官网截图▲中商产业研究院数据显示:2010-2017年的毕业生人数按照2%-5%的同比增长率逐年增长,近7年间累计毕业生人数达到5706万人。年年都是“史上zui难就业季”并且每年的毕业生人数始终呈增长态势800多万的应届毕业生让“你竟是一个大学生”变成“你只是一个大学生...

    2018-03-27
  • UCD,以用户为中心的设计

    前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我会把所有所得分章节逐渐整理发出,希望能对行业尽一份绵薄之力,同时也作为一种仪式,好让自己重新出发。任何项目都从一个idea开始,你走在路上,蹲在马桶上;吃着饭,看着电视,灵光一闪,觉得大致可以做一个什么东西来实现世界的爱与和平,这就是一个愿景的诞生;来源无法归纳,却是后面折腾的开始。
    然后就是“分析研究”,分析市场,分析技术,分析用户,一边分析一边验证愿景;顺利通过这个环节,得到的就是设计需求。需求的来源多元,组成亦是多元。需求得到,就要进行梳理,以确定下来;这就是“需求过滤”或者“需求定义”。
    接下来就是把需求转化成对应的功能和数据,这是产品的骨骼血肉,功能数据要满足需求。比如需求是解渴,对应的功能就能是可乐或者矿泉水,但不能是热干面。从这个环节起,产品从抽象变具体。
    功能数据有了,长什么样?我们要把它们设计出来。设计分成“概念设计”和“细节设计”两个阶段,设计又分为“交互设计”和“视觉设计”两条线,所以就有了“概念交互和视觉设计”及“细节交互和视觉设计”。
    设计过程中需要进行“测试验证”,验证的结果用来迭代设计,所以大家看到有个双箭头。设计好了,提交研发。在这个阶段,我们做“研发支持”,也就是传达设计需求给研发,并且做研发过程中针对突发情况进行及时的设计修改;比如某个提示的补漏之类的。
    最后是“设计验收”。一般来讲,刚研发出来的版本多少有些变形有些不符合设计需求,所以我们要验收。列出结果清单,打回去重新调整。调整到什么程度才可以,要看具体到项目周期和策略。举个例子:我们筛选好约好被试(测试用户),分配给他们分析产品和分析任务,比如对比京东和淘宝的支付流程,让他们回去好好体验一个礼拜,让用户熟悉产品以心里产生评价。然后回到我们实验室,再走一遍,这一遍是被观察。然后就是访谈,询问他们的各种维度的评价,比如对于收货地址选择方式的偏好,最后我们统计归纳。这就是让用户来帮我们分析。“其实你什么都没有做错,错在你太老了。我们最早看到Snapchat,外国13-18岁小孩在用,我们高管用了觉得好傻好无聊,看不到价值,只投了一点,后来涨得很快。这个公司我们副总去过,就是海边一个玻璃房,很小的公司,感觉一个石头就把他们击破了。当时只有2000万美金,我们没进去,现在远远超过我们想象,百亿美金。

    2017-05-31
  • 清华美院交互设计考研相关问答

    分享考研资料集:你的问题我来答!一考研资料福利贴这是新蕾北京公众号第001篇资料帖今天分享的是清美交互设计考研相关资料汇总针对此专业考研相关问题我们一一作出解答01进入通道报考清华大学美术学院交互设计研究生,可以报考两个方向,一个是信息艺术系的交叉学科硕士的交互设计方向,另外一个是信息艺术设计系的信息艺术设计的普通硕士,但是他们的考试内容有较大差异,进校后都可以学习交互设计,导师组基本相同,由于近年来大部分招生名额倾向于交叉学科,本文重...

    2018-04-28