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

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

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

图标设计对于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日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!




上一篇:提高按钮转化率都有哪些好的设计方法
下一篇:没有了

友情链接:
  • Android Q Beta 3推出全新系统黑暗主题,实时字幕等
  • WordPress 5.2 “Jaco”发布
  • Sailfish OS “Hossa”从旧eglibc 2.19升级,但仍依赖于GCC 4
  • GeForce GTX 1650支持向418.74更新移植到稳定的Linux驱动程序
  • Android Q的ANGLE在Vulkan上提供OpenGL ES
  • .NET 5 将于2020年问世
  • Mesa 19.1已被分支,Mesa 19.2正在开发中
  • FBI查获暗网索引和新闻网站Deep Dot Web
  • LibreOffice 6.1于5月29日到达生命周期,请升级到LibreOffice 6.
  • Canonical为微软Hyper-V提供优化的Ubuntu 19.04桌面镜像
  • Apple发布iOS 12.3,macOS 10.14.5,tvOS 12.3和watchOS 5.2.1的
  • KDE Plasma 5.15桌面寿命终结,KDE Plasma 5.16于6月11日发布 -
  • Red Hat Enterprise Linux 8.0(RHEL8)正式发布了
  • Ant Design 3.17.0 发布,企业级UI设计语言
  • 音乐播放器 Qmmp 1.3.2 发布,修复Wayland会话问题
  • Ubuntu 14.04(Trusty Tahr)达到生命终点,现在升级到Ubuntu 18
  • JupyterHub 1.0 发布,命名服务器与TLS加密支持
  • Linux Kernel 5.1 正式发布,大量新功能
  • Linux Mint 17达到了生命终结,用户需要升级到Linux Mint 18或19
  • RStudio 1.2发布,改进对Python chunks,R脚本等的测试和支持
  • Firefox 66.0.4 发布,解决由于证书过期而导致的插件损坏问题
  • 印度将于5月成立国防网络局
  • macOS版本的Microsoft Edge 浏览器下载地址泄露
  • 微软宣布推出“Windows Terminal”,受Linux风格启发终端
  • Btrfs在Linux 5.2内核中获得一些有用的修复/改进
  • Unigine 2.8 发布,更好的植被与异步数据流
  • Linux Kernel 5.1 应该会在今天发布,更快的zRAM
  • Linux版的Microsoft Edge浏览器可能在工作中
  • GNU Linux-Libre 5.1 内核正式发布,基于Linux kernel 5.1系列
  • 微软宣布推出Windows Subsystem for Linux 2(WSL 2)
  • Ubuntu Linux现在支持微软的第二代Windows Linux子系统(WSL 2 )
  • Visual Studio Code添加Java 12支持,Java代码操作和语言功能
  • 微软为Windows 10带来原生Linux内核,将成为WSL 2的一部分
  • Ubuntu 19.10代号为“Eoan Ermine”,将于10月17日发布
  • 2019年GitHub上最受欢迎的7种编程语言
  • Brackets 1.14 发布,LSP支持(Ubuntu下安装方法)
  • 适用于Linux的最佳Photoshop替代品 - GIMP,Krita,Darktable,d
  • Linux 5.2应该可以解决许多AMD Ryzen笔记本电脑触摸屏/触摸板无
  • 谈判失败:Oracle 杀死 Java EE
  • 寒武纪“思元270”曝光,AI性能直追Nvidia
  • DXVK 1.1.1 发布,解决召回的DXVK 1.1问题
  • 全球首款人工智能触觉芯片问世 它能带来什么惊喜呢?
  • 工信部批复同意成都建国家“芯火”双创基地
  • 7nm二代霄龙新品面世,AMD市场份额将超10%
  • 手机CPU“核战”结束了吗?
  • 大乐透走试图
  • 体彩排列3助赢软件
  • 世界杯盘口
  • 专业玩彩网
  • 金沙扑克
  • 电子游戏机
  • 宝来棋牌
  • 体彩竞彩