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

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


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

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

经典的视觉符号

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

箭头

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

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

公共卫生间

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

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

暂停/播放

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

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

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

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

相关推荐

  • 写在 [ 交互设计小厨房 ] 一周岁

    时光荏苒,感谢无情岁月!感谢大家容忍这个公众号『隔三差五』抽疯式的更新;感谢太太长期战斗在『丧偶式育儿』的第一线;感谢各位『互联网老炮』容忍洒家在微信群里污力十足的飚车;最后还要感谢这个优雅的排比句。当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放金平糖の精の踊り~カチューシャ浜口史郎 - 『ガールズ&パンツァー』オーケストラ・コンサート~Herbst Musikfest 2015~产品厨子的运营总结2017年3月24日,『交...

    2018-03-24
  • 译文 | iOS 10 人机界面设计指南 (完结)

    iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?本文是系列文章的完结篇,enjoy~Note
    模板图片(template image)会丢弃图片本身的色彩,而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP  对于多行或是多样式的文本输入,请使用文本视图。请参阅Text Views。

    2017-05-02
  • 移动端用户体验:底部导航

    把最重要最常用的操作放在屏幕底部非常重要,因为它们能用一只手指轻松触及。

    2016-10-30
  • 如何建立用户评价模型,量化用户体验

    在互联网趋势盛行的当下​,我们不得不思考: 用户体验是个很重要的事情,要真正领会其精髓并将其发挥到极致, 绝不是通过简单的模仿就能实现的。同样, 一个网站受欢迎的程度远不只与精美程度相关,更重要的是用户在登陆网站的过程中是否能够得到愉悦的体验。

    2017-06-02
  • 【笔记】北美大公司里做UX Designer是啥体验?(附视频)

      UXRen北美社区成立至今,旨在聚集华人UX设计师群体,为提供大家一个交流的平台。此外,我们希望大家也能够能线下碰面、聊天、互相认识,分享彼此的UX设计宝贵经验。   本期撰文/Leecy 会议记录/陈若涵 整理/Leecy…

    交互专题 2017-08-07
  • web端和移动端产品设计的区别

    移动设备发展非常迅速,移动端产品越来越多。今天小编来扒一扒web端与移动端产品设计有哪些不同。 场景不同,需求不同 首先,两者对应的需求场景不同,这会相应地导致功能点的优先级变动,进而影响到界面控件和信息…

    交互设计 2015-06-15
  • 抛砖引玉——VR应用UI设计心得

    “2016是VR元年”,这一观点早已在计算机互联网行业中流行开来,与VR相关的各种分析研究也是层出不穷,包括盈利模式、发展预测、平台构建等。而随着Google Cardboard等技术逐渐普及,VR使用成本也在不断降低。因此在未来,VR技术对于日常生活的影响,也将变得非常令人期待。目前很多VR应用不在以PC端为主要载体,而是将平台选定为保有量大、技术成熟的手机作为硬件平台。而UI作为应用中一个重要组成部分,其对于用户体验和产品推广的重要性可想而知。笔者想借此机会简单分享一下个人对于VR应用UI设计的心得和体会。(注:笔者在下文中所指的VR模式指用户已经带上VR体验设备,双眼通过分屏已经进入沉浸式体验情况)

    2017-05-28
  • 牛X的交互设计稿应该具备的5个特点

    在交互稿中,除了注意那些既定的、能够清晰辨别出是对是错的内容外,比如功能缺失,逻辑错误等,还有一些更高层次的特点,需要懂得并加以注意。那我们今天就来聊一聊舒服的交互稿应该具有的特点。

    2017-05-11
  • 译文 | 结合用户体验设计和心理学来影响用户行为的发生/改变

    你是否曾经困扰为什么你的用户总是不按你设计的思路来操作产品?成功说服用户去操作某个功能,比如注册或者购买产品,对于任何一个产品来说都是很有难度的,尤其当这些行为是你的产品的核心功能时。“设计并非设计外观,感觉如何,而是设计产品的工作原理。”

    2017-05-27
  • iOS和Android设计理念的演变

    IOS和Android是移动操作系统中最大的两个阵营。毫无疑问,这两个系统可以说是手机行业里的一个奇迹,并且也在逐渐变得完善。

    2017-06-05