达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心 达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心
媒体报道
 当前位置:主页 > 媒体报道 >

ui设计师需要掌握哪些图标设计知识

时间:2019-05-08  来源:未知  作者:广州达内培训

图标设计对于ui设计师来说是需要重点掌握的一个设计能力,下面我们就一起来了解一下,关于图标设计需要注意的问题都有哪些。

图标定义

ui设计师需要掌握哪些图标设计知识

广义

图标是指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广,软硬件网页社交场所公共场合无所不在,例如:男女厕所标志和各种交通标志等。

狭义

应用于计算机软件方面,包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。

图标变迁

图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。它不仅历史久远,从上古时代的图腾,到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%人员付出学习成本来解决这个问题,除非你配上文字。

【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!




上一篇:JavaScript编程开发环境下的函数式编程入门
下一篇:没有了

友情链接:
  • 狮子大开口!特朗普对2000亿美元中国货物加征25%关税
  • 半导体测量新技术问世 灵敏度可提升10万倍!
  • 靠人不如靠己!苹果开始自主芯片研发 力争扭转“芯片荒”?
  • 台积电的6nm制程是在玩“数字游戏”吗?
  • Java垃圾收集算法
  • 华为在英国大展拳脚?购513亩地 在剑桥建芯片工厂
  • 集合框架
  • 大手笔!嘉兴市出资10亿元参与国家集成电路产业投资
  • 剑指tomcat之多项目部署问题
  • 中高低端CPU大比拼 孰好孰坏?
  • Elasticsearch (1)
  • 安徽合肥半导体声名鹊起 只因它?
  • 拆解国外优质媒体订阅招式,看他们如何抓住年轻读者的心?
  • Java学习必须掌握的基础知识:什么是HTML5和CSS?
  • Java 邮件发送
  • 华为高通和解 华为需支付5亿专利费公平吗?
  • 猩球StarBall ,一个方便约球的小程序
  • 等待唤醒机制。
  • 9.JAVA-抽象类定义
  • 怎么让代码不再臃肿,写的像诗一样优雅
  • Java-学完一个月总结(javaSe学习路线)
  • hadoop的安装和配置
  • macOS 的 JDK 安装问题 (Homebrew)
  • MyBatis -
  • SpringBoot 2.x (6):使用Filter、Servlet、Listener
  • BrandZ 2019最具价值中国品牌排名出炉:阿里第一 华为第六
  • 运城java培训常见的线程池类型分享
  • 马化腾:产业互联网将为各行业带来“最大增量”
  • JavaScript编程开发环境下的函数式编程入门
  • IDC 最新报告:百度智能云营收增速超 410% 成国内最快
  • http协议工作原理和常见请求方法
  • Chrome75将默认启用网页延迟加载功能
  • Puppet Enterprise 2019.1 宣布更新,以帮助组织管理其“自动化
  • Deeplearning4J 1.0.0-beta4发布,完整的多数据类型支持
  • Mozilla的最新政策将禁止带有混淆代码的扩展
  • Arm Mali D71显示支持即将进入Linux 5.2内核
  • 微软引入了远程开发扩展,使VS Code上的远程开发更容易
  • 2019年4月的Steam调查数据显示,Linux的使用只发生了很小的变化
  • VS Code中设置大小写转换功能
  • KDE Partition Manager 4.0 发布,功能更强大
  • Chrome 75 Beta 发布,通常的底层性能和稳定性调整
  • Canonical 发布 “WLCS” Wayland Conformance Suite 1.0
  • APP想要获取用户,这几种推广渠道缺一不可
  • Google为Linux 5.2开发了一款新的Aspeed控制驱动程序
  • ARM事务内存扩展支持开始在Linux中得到应用
  • 辽宁福彩3d
  • 万博亚洲官网
  • 扎金花游戏大厅
  • 金赞娱乐场
  • 时时彩骗局
  • 北京赛车pk10
  • 北京体彩网