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

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


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

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

经典的视觉符号

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

箭头

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

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

公共卫生间

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

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

暂停/播放

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

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

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

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

相关推荐

  • 90后消费者对广告无感!90后心理研究PPT分享

      大部分企业的中高管人员都是90前出生的一代,很多CEO和传统大企业的高管,很可能还是80前。他们出生和成长的年代,根本没有手机或者互联网,接受的教育以及文化熏陶,和当下最有潜力的消费主力,也就是90后…

    2015-02-02
  • 常用中后台交互设计控件使用场景与规范总结

    最近刚完成平台安畅云 2.0 的改版设计,平台模块很多,经常存在很多类似的页面和组件,若不制定统一的规范和控件,则会导致很多重复的工作,大大降低产品的设计效率;同时,平台的一致性也得不到保障。所以,我们视觉、交互、前端的小伙伴们针对我们踩过的坑,大家认真总结和提炼出一个符合公司定位的设计规范,统一公司项目的前端 UI 设计,规避不必要的设计差异和实现成本,实现设计和前端资源的效率最大化。

    2017-05-02
  • 选择爱情与用户体验

    用计算机思维的视角来看爱情和用户体验。一、做结婚教练的互联网产品经理最近发现一个心理咨询师现在转型做了一个结婚教练。她是我的一个心理咨询师朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。那么这个结婚教练以前是干什么的呢?她以前也是做过一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何...

    2018-02-03
  • 2016年度13篇最佳UI/UX参考文章【UXRen译#161】

    作者:Grace Jia(UI/UX Researcher & Analyst)  |  翻译:代代子,校审:Chen Jing   本文收集了2016年度最受推荐的设计文章,内容涉及(1)UI/UX设计的原则、书籍和工具(2)如何做出更好设计的方法和建议(3…

    交互专题 2017-08-07
  • Justinmind 和 Axure谁更适合做原型?

    Justinmind 和 Axure 都是目前很强大的原型设计工具,被业界推为原型设计神器,在很多项目中起着不可估量的作用,但这两者的之间的作用是相互竞争还是相辅相成呢,我们应该客观地进行分析,使之更好地服务于我们的…

    Axure 2015-08-25
  • 交互设计需要掌握哪些"必备"心理学知识?

    交互设计是以人为中心的设计,设计者要站在用户的角度出发,深入、全面的了解用户的需求才能够设计出具有良好用户体验的产品。而想要在作品集中向考官体现同学们对用户心理需求的把控能力,除了做好用户调研之外,也要掌握一些常用到的心理学知识。交互设计是人与其他一切事物之间的行为设计,而人的行为中包含感知和认知这两种与心理学密切相关的要素,因此,同学们在设计项目时,每一个功能设计、每一个操作流程以及UI的设计都要基于了解用户心理学的基础上开展设计。本...

    2018-04-10
  • 绘制用户体验

    在今年的UX Weeks大会上,Jim Kalbach组织了一场Mapping Experience的工作坊,提出在产品和服务之间关系日益密切的今天,如何形成一个服务生态系统,是商业竞争中的重点。其实阿里巴巴集团在早前就提出了“商业生态”这个概念,但是到底应该如何做?Jim提出:想要在竞争中胜出,其中非常重要的,就是必须清楚的了解自己提供的各种产品和服务是如何相互作用的,以及是怎样在用户的生活中发生影响的。

    2017-05-16
  • 【交互设计-UX/UE】评论回复

    前项目有做到评论回复功能,途中遇到一些不解,就是回复某个人的时候,到底回复的类容是紧接着被评论者的下方,还是按时间另起一栏? 我们可以先对比一下QQ和微信.....keep watching!!! 微信版本号:V6.3.16 QQ…

    2016-08-03
  • Sketchbox:会画图就能使用的AR建模应用

    在目前的情况下设计虚拟现实和增强现实产品并不容易,仍存在挑战。Unity和Epic Games可以说是现在比较常用的编辑应用,帮助用户以非常精确的方式去编辑虚拟现实内容。但需要指出,这两者都是为已掌握相关技术的人群所提供的技术项目,虽然没必要会写代码,但是了解一些简单的原理和技术能达到的界限也还是需要的,从这方面看,设计VR或AR产品的门槛相对还是比较高的。最近,Y Combinator的最新一期项目中的Sketchbox可以帮助设计师...

    2018-03-23
  • 译文 | 交互设计中对于“可控性”的理解

     “今天,你可以自由的调节你的屏幕的亮度,关掉应用的通知,自主决定是否连接手机的无线网络等等,虽然这些只能将你的手机电量多延长了几分钟,但却让你满足于一种成就感:你可以完全掌控你的手机,你可以调整所有的设置!(其实你无法控制你手机的电池寿命!) ”

    2017-05-31