童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

图标该配上文字吗?

12月28日 喵小咪投稿
  图标不仅增加了界面美观性,同时也在破坏着界面的清晰性,在设计的过程中,如果你纠结于图标是否需要配上文字,那请仔细阅读这篇文章。
  首先扪心自问下是否清楚在设计中什么时候用图标?什么时候用文字?什么时候用图标文字?你是否能清晰的分辨他们分别在什么场景下使用呢?
  前言
  之所以要写一篇这样的文章是因为最近有很多的设计小伙伴反复在争论一个问题:图标配上文字是否有必要?
  举个栗子:
  如下图一位设计同学觉得右上角红圈里面只需要图标就好了不需要文字的存在,并且节省屏幕空间,可是公司的开发和测试同学一脸懵,这个操作觉得不够清晰,识别性较差严重影响用户体验,当前视觉层面和功能层面产生了强烈的撞击。
  带着这个问题我们从图标的定义,图标变迁史,图标的优劣势来讲述今天的文章,相信文末你会有自己的答案。
  图标定义
  广义:图标是指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广,软硬件网页社交场所公共场合无所不在,例如:男女厕所标志和各种交通标志等。
  狭义:应用于计算机软件方面,包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。
  图标变迁
  图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。它不仅历史久远,从上古时代的图腾,到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做一个通栏操作就好了,这样更加符合用户操作的视线流,这样做的还有钉钉的报销审批界面)
投诉 评论 转载

应用层下的人脸识别(一):图像获取本文为大家总结了人脸识别技术在安防领域应用的完整流程,以及产品设计的细节。其中包括:如何获取最佳图像,如何进行设备对接等经验。图像获取是人脸识别的第一步,人脸识别项目中图……设计总结:移动端单选、复选控件Web中的单选和复选我们见得比较多,但是在移动端中,单选和复选控件样式较多,需要结合不同的使用场景去选择使用。下面我将总结一下移动端中的单选和复选控件。首先我们看看官方文……解析:仓储管理系统的出入库流程仓储管理系统中出入库流程包含这几块核心业务:采购入库、退货入库和销售出库。接上一篇文章《解析:自营电商后台系统架构》中讲解了后台大致模块以及功能划分,这期我们再详细讲述下……如何设计电商站内信功能?站内信是一个网站运营辅助工具,用于用户与用户之间的交流和平台管理员与用户之间的沟通,所以在进行具体设计时,不仅要考虑到用户操作体验,也需要考虑功能的拓展维护。这篇文章是基……搜索界面设计思考你有没有曾思考过这样一个问题:为什么搜索框总是在顶部而输入框却总在下方?针对这个问题,作者将自己的思考整理如下。Quora上有一个很有趣的问题:为什么搜索框总是在顶部而输……如何玩坏一个banner?banner的设计大致要做到这几点:统一把握大色调、文案主次分明、主体物视觉冲击感高清精致、简洁的背景,大胆的配色、背景与产品相呼应。要知道如何玩坏一个banner,我们……盈盈理财产品3。0改版设计思考本篇文章将为大家分享在产品改版过程中的一些实操经验,希望能给大家带来帮助。经历一个多月的开发3。0改版终于要上线了,本次改版通过与产品、运营和视觉三方共同讨论后得出此次改……图标该配上文字吗?图标不仅增加了界面美观性,同时也在破坏着界面的清晰性,在设计的过程中,如果你纠结于图标是否需要配上文字,那请仔细阅读这篇文章。首先扪心自问下是否清楚在设计中什么时候用图标……2019,工业设计也需要分级?设计的本质是一系列创造性规划的过程、也是一次设计师、生产线和消费者“三位一体”的“约定俗成”。作为工业设计的布道者,我们在2018推文《当工业设计遇上修辞手法?》中概述了……超全面服务设计原则:创建更好的服务服务设计就是向用户提供满足用户需求的服务,它可用于改进现有的服务或从头开始创建新服务。为了适应服务设计,用户体验设计师需要了解服务设计的基本原则,并能够在创建服务时应用它们。……重新解读经典,打造惊喜体验人类的需求并不全是满足了低级需求后再去追求高级需求,创造满足用户高级需求的积极体验可能会给产品带来明显的提升效果。01重新解读经典我们从一个很基础的概念马……社交营销产品设计思考本篇文章探讨了营销玩法用户侧的设计思路,以及关于利益提供者方面的角色、投入、产出、商业模式。写文背景到2019年我们再来谈社交营销产品,对大家来说其实一点也不陌生(……
从监督学习说起:算法模型有哪几种?总结分享:十年十点产品感悟供应链金融(四):保理业务中的风控手段供应链金融(三):保理业务中尽职调查怎样跟60后的爸妈解释“产品经理”?为什么产品开发要以“讲故事人”为核心?方军:怎样把知识变得更易懂、易用?互金行业:你需要了解的基础知识通过短视频案例分析,聊聊产品调研的套路产品经理该怎么混好?4点建议6个角度分析:产品经理需要掌握的区块链技术基础假如我是得到的产品经理,我会怎么解决周末活跃度低的问题呢?
一件让我高兴的事本兮励志歌曲大全爱心树绘本有感的作文亲情今日的习惯,是你明日的命运金国灭亡时皇族全被杀是真的吗金国灭亡时皇室惨状远方的朋友初中作文四年级写景作文欢迎你冬爷爷如何在Word2013中插入横向页面春节卖甘蔗赚钱吗发还造句用发还造句大全血压高了睡不好,分享这个降压安神汤,改善失眠多梦,头晕头疼

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界