应用办公生活信息教育商业
投稿投诉
商业财经
汽车智能
教育国际
房产环球
信息数码
热点科技
生活手机
晨报新闻
办公软件
科学动态
应用生物
体育时事

图标该配上文字吗

  图标不仅增加了界面美观性,同时也在破坏着界面的清晰性,在设计的过程中,如果你纠结于图标是否需要配上文字,那请仔细阅读这篇文章。
  首先扪心自问下是否清楚在设计中什么时候用图标?什么时候用文字?什么时候用图标文字?你是否能清晰的分辨他们分别在什么场景下使用呢?
  前言
  之所以要写一篇这样的文章是因为最近有很多的设计小伙伴反复在争论一个问题:图标配上文字是否有必要?
  举个栗子:
  如下图一位设计同学觉得右上角红圈里面只需要图标就好了不需要文字的存在,并且节省屏幕空间,可是公司的开发和测试同学一脸懵,这个操作觉得不够清晰,识别性较差严重影响用户体验,当前视觉层面和功能层面产生了强烈的撞击。
  带着这个问题我们从图标的定义,图标变迁史,图标的优劣势来讲述今天的文章,相信文末你会有自己的答案。
  图标定义
  广义:图标是指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广,软硬件网页社交场所公共场合无所不在,例如:男女厕所标志和各种交通标志等。
  狭义:应用于计算机软件方面,包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。
  图标变迁
  图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。它不仅历史久远,从上古时代的图腾,到20、21世纪具有更多含义和功能的各种图标,而且应用范围极为广泛,可以说它无所不在。
  一个国家的图标就是国旗;一件商品的图标是注册商标;军队的图标是军旗;学校的图标是校徽。
  我们通过图标看到的不仅仅是图标本身,而是它所代表的内在含义。
  而在计算设备上,图标随着时代的发展而迅速流行。从最早的计算机GUI(施乐之星XeroxStar)再到之后的乔布斯Applelisa,Windows1。0,AmigaWorkbench,从最初的黑白到随着显示技术在分辨率和色域上的提高出现的彩色图标,设计师渐渐的有了更大的发挥空间。
  图标的优势
  1。节省屏幕空间
  图标可以替代文字,相对于长文字来说只需要占用一个图标的位置如:worktile移动端新建聊天操作四个文字如果用图标来代替的话只需要占用一个文字的文字,并且把干巴巴的文字变为图形符号,用户对于图形的识别速度对于文字来说更快。
  2。没有地域语言限制,针对国际通用图标
  国际上通用的图标对于每个人来说都能很快的识别处理,比如同样一个放大镜图标经过长期许多不同的网站、应用程序和操作系统的用户培养,让放大镜图标作为搜索的操作代表符号变得越来越流行,不论任何国家任务种族,用户很清楚这是搜索操作,相对于文字来说图形识别大大减少的用户识别的时间,用户也可以花更多的时间去做他真正要去做的事情,从而提升工作效率。
  3。图标可以提供视觉引导,迅速识别减少用户思考时间
  人脑处理图形图像的速度是处理文字的60万倍,人会记住80看过的东西,20阅读过的东西,和10听到过的东西,所以在我们发朋友圈或者写文章的时候避免干巴巴的文字描述,劲量配上相关图片,提升整体的图版率,俗话说看图说话不是没有道理。
  4。提升整体视觉体验
  好的一套图标能够从图标的独特性、象征性、记忆性、应用性、组合性、变化性上打动人心,激发人们的点击欲望。这样才能使图标设计达到上乘水准,从而提升整体的视觉水准。
  图标不适用场景
  1。表达含义复杂,难以揣测
  图标的目的就是快速识别并引导用户,用户如果无法快速识别通常会下意识的回避掉无法识别的界面元素,这是人类的天性,反而logo的设计更加适合深层次的寓意。
  之前乔布斯做的一个实验,他拿着苹果设备到一个智障儿童福利院让儿童们把玩,每个小朋友都认识那些图标的含义,当时的写实图标都是来源于生活,对于来源于生活而设计的图标对于孩子们来说识别效率更高花费的识别成本更低。
  2。图标存在多重含义
  如果图标不能言简意赅的表达出寓意,并且存在争议的请避免使用,如果非要使用请采用图标文字的形式。
  比如appstore侧边导航第一个你觉得是什么?收藏?标记?错!他是探索,如果我不告诉你可能每个人猜的含义都不同。所以我们在设计图标的时候要劲量去避免多重含义的图标。
  3。专业性过强很难作为通用图标
  图标如果专业性过强,而没有办法简化为一个很直观通用符号时,二八原则我们只能考虑80的人,而20的人需要付出学习成本。
  比如下面的这个图标,如果用它来代表研发,我相信会有很大一部分人没法识别代表什么意思。但是对于开发人员就是一个很通用的图标,在这种情况下,只能是允许20人员付出学习成本来解决这个问题,除非你配上文字。
  小结
  1。为了提升产品视觉体验,图标设计一定要极简,如果使用图标能够百分百表达其含义时,请优先使用
  2。针对国际上面通用的有大众认知的如:搜索、wifi、设置、蓝牙等图标无需配上文字,除非做视觉引导为了保持一致而统一添加文字的列表
  3。禁止使用多意图标(不让用户思考,如果用户不能在5s内很快识别出图标的意思,那这个图标的设计是失败的)
  4。针对专业性很强的并且局限于空间的采用文字形式,或者二八原则只要考虑80的人员无识别压力,而20的人付出学习成本。
  5。我们不讨厌图标加文字的形式,前提为图标要足够简化表达其含义(如文章开始的案例,图标简化为加号并且加文字放到商品2做一个通栏操作就好了,这样更加符合用户操作的视线流,这样做的还有钉钉的报销审批界面)

马不停蹄造句用马不停蹄造句大全【马不停蹄mbtngt】:比喻不停顿地向前走。一、侦察员马不停蹄地跑了一夜,及时把情报送到指挥部。二、红军战士马不停蹄连夜急行军,终于在天亮前进入阵地。三、这……孕前叶酸没吃够个月影响怀孕吗对于备孕期的女性来说,孕前服用叶酸是非常重要的事情,因为它能有效的预防胎儿畸形,因此,对于那些没吃够三个月叶酸的女性,常常会问,孕前叶酸没吃够3个月影响怀孕吗?对于这个问题,我……婴儿奶粉怎么储存婴儿奶粉是宝宝们主要的食品,一周岁内的宝宝几乎全靠吃奶粉来吸取营养。这时候,奶粉的质量就成了十分关键的因素之一了。妈妈们要特别注意奶粉的储存方法,才能保证奶粉的新鲜,这样宝宝吃……你在我的记忆深处碧草之芳,幽兰之馨,有美一人,在海之滨。题记记忆中那是一个风和日丽的早晨,我和老师约定在学校排练舞蹈,但到了中午骄阳似火,地面像是被太阳烤熟了一般,不知是什么原因让……天上的船读后感世界上最珍贵的东西是什么?不是价值连城的宝石,也不是用来交易的金钱,更不是全能的科技,而是一颗未泯的童心。童心是什么,就是一颗纯真,善良,天真无邪的心。在如今的社会上,许……美女如云造句用美女如云造句大全三十一、蚊子姐说的果然不差,这师大果然美女如云呐!为首的那个,比起亓官文委,只怕也丝毫不差了吧?三十二、他很感谢这具身体的主人,因为这个家伙学习很优秀,留给他这么好的学府……桂花校园里有许多棵桂花树,它们高大挺拔,像一位位战士守卫着校园。桂花树枝叶繁茂,在层层叠叠的绿叶间,一颗颗金灿灿的桂花点缀在其中,黄绿相间,花挨着叶,叶挤着花,这儿一簇,那儿……武装部干部述职述廉报告本人以十八大精神和建设中国特色社会主义思想为指引,认真学习业务知识,在上级主管部门和乡党委政府的正确领导下,较好的完成了各项工作任务,现就一年来的工作情况述职述廉如下:一……背诗房间里,灯光下,我在背诗。我们背诗是从寒假开始的。说实话,我其实并不怎么喜欢背诗。寒假老师布置的作业就是背诗,我就不怎么想做。寒假里,我就是把每天要背的诗读个三四遍,就默……资生堂发膜卷发能用吗发膜这样用会更伤发资生堂发膜卷发能用吗发膜有点类似于焗油膏,含有丰富的营养物质和水分。卷发使用发膜的话,可以很好补充头发的水分,改善头发的干枯情况。此外,发膜还可以帮助修复头发中的纤维组织……传统企业如何正确拥抱互联网过去一个月,因为要启动一个面向传统企业家互联网二次创业咨询教育的APP,我们与杭州六家APP代开发公司进行了深入接触。访谈间,我们被每家公司异常繁忙的景象所震动:2015年上半……孕妇补钙很必要详述孕妇补钙食谱大全孕妇缺钙对胎儿发育有不良影响,怀孕期间孕妇怎样补钙呢?孕妇食谱有很多,下面给你介绍几种孕妇补钙食谱。一、榛仁莴笋扇贝原料:榛仁、莴笋、扇贝、盐、鸡精、料酒、色拉油、……
花椒泡脚用量多少克一般建议克为佳花椒泡脚用量多少克一般建议使用3050克的花椒,最好用棉布袋装上,将绳系紧,加水煮开后,用这个水泡脚即可。花椒泡脚的具体做法用一个棉布包50克花椒(1斤分10……长寿花常见病害防治长寿花因其容易养殖及花期较长的特性越来围越多的养花爱好者所喜爱,但是容易养殖并不代表没有病虫害,当遇到病虫害时不能及时治疗也会使长寿花不长寿。那么,长寿花常见病害防治呢?下面就……日本血压计什么牌子好我去日本旅游想给家里的老人带点什么礼物回去,听说血压计还不错,也挺适合老人用的。希望各位大大帮忙,如果还有什么给老人带比较合适的推荐给我呀。这是小编近期接到的求助信息。那么,日……年最感人的告白情书精选2016年最感人的告白情书精选1。有你,有我,还有便是一单脚,相互,永久的走上去,不断走到地的边际,海的止境。或许那时我小了,头收黑了,己也没有帅了,但是我的脚不会抓紧,……突然的自我选择接受,坚持自我!真的不错!在看过《为什么陆涛不爱米莱很经典很深刻》后,这句话给我留下深刻的印象。每个人都无不用自我的眼光在审视和挑剔着这个世界的人、事、物,而最终的选……调皮的表弟我的表弟个子不高,圆圆的小脸蛋上长着一双乌黑发亮的眼睛,像两颗黑珍珠似的。高鼻梁,眉毛很重,像用毛笔画上去的。他非常调皮而且十分贪吃。记得有一次,妈妈买了两分汉堡套餐,给……南极巨虫对人类有危害吗不断繁衍可能会成为人类的噩说起南极巨虫这种体型巨大的虫子,最开始是由英国的BBC记录片曝光的,人们才得知原来在大海深处还存在着这么恐怖的深海巨怪,据说这种南极巨虫提倡竟然达到了3米长,实在是令人震惊!那……分手后的说说心情1。正因为有了对方的拒绝,你才重新有了高度的自由。只要她过的好,你再也无须为对方牵肠挂肚。2。等待着谁的旧爱再复燃,有些事不需要答案。。3。明知你心里没有我,也永远……如何加盟连锁超市农村开连锁超市赚钱吗如何加盟连锁超市?农村开连锁超市赚钱吗?现如今,为了方便现代人购物的便利,开超市也成为最容易赚钱的商机,只要选好址,找到适合的经营方式,都很轻松赚钱。如何加盟连锁超市?就来看看……男女逗事儿脸都笑僵了1、当男人赌咒发誓的时候,女人不是应该用手捂住男人的嘴,温柔的说:不许你这样说,我相信你!可为什么我女朋友拿出了手机,打开录音功能,让我重复一遍2、男A:昨晚我梦到……网络营销培训心得经过这几天的学习,完全打破了我一些封闭式的想法,让原本对网络营销不感兴趣的我,渐渐对网络营销充满浓厚的兴趣,网络营销是一个具有挑战性的行业,是借助无线信息而销售的行业,属于流通……反覆造句用反覆造句大全【反覆fnf】:也作“反复”。一再;一遍又一遍:反覆试验反覆推敲。多次变动更改:反覆无常。来回;往返:吴反复六十里。恢复:其存君兴国而欲反复之,一篇之中三致志焉。倾覆:草木涂地……
友情链接:中准网快好知易事利快百科快传网七猫云快生活中准网快软网聚热点文好找快好找