智唯高端建站是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设公司

建站优化电话:138 2557 5516(免费SEO检测 保证收录 保证排名)
广州建站微信号
返回旧版
网站设计News
公司网站建设

UI界面中的图标设计

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
10Oct
2017
如今的用户界面中,图标绝对是不可或缺的元素。虽然绝大多数的图标都很小,甚至不被人注意到,但是它们帮助设计和用户解决了许多问题。图标是可用性和导航的关键,用户能够感

如今的用户界面中,图标绝对是不可或缺的元素。虽然绝大多数的图标都很小,甚至不被人注意到,但是它们帮助设计和用户解决了许多问题。图标是可用性和导航的关键,用户能够感知到图标的功用,但是只有设计师才会明白,想要让图标简约、可用还富有表现力,要耗费多少时间和精力。

乔布斯曾经说过:“细节至关重要,花费时间仔细打磨是值得的。”图标是现如今UI界面中可用性和导航体系的核心组件,所以,今天的文章,我们来仔细归纳一下常见的图标类型和它们在UI中的使用。


UI界面中的图标设计

图标的定义

一般而言,图标是具有高度概括性的、用于视觉信息传达的小尺寸图像。图标常常可以传达出丰富的信息,并且常常和词汇、文本搭配相互搭配使用,两者互相支撑,或隐晦或直白地共同传递出其中所包含的意义、特征、内容和信息。在数字设计领域,图标作为网页或者UI界面中的象形图和表意文字而存在,是确保界面可用性的基础设施,也是达成人机交互这一目标的有效途径。


UI界面中的图标设计

图标的表意功能,使得它可以有效地替代文本来使用。有研究表明,使用高度可识别的、清晰的图标,对于界面导航的可用性有极大的提升,对于人类而言,视觉信息的处理速度比起文本要快太多。不过,从另一方面来看,图标需要传递出相对清晰的概念才行,任何轻微的误读都会对整体体验造成极大的伤害,所以,图标的选取要慎之又慎,经过仔细的测试,才能达成良好的平衡,并且为目标受众所接受。

图标使用的历史

正如同我们所知道的,图标、标识都不是界面设计师所创造的概念,它的存在可以追溯到人类文明诞生之初,在漫长的历史长河当中,早期用来传达信息的图标演变为系统的文字,而在地图、图书、壁画和建筑等各种各样的地方,还存在着用来代表和传达特定概念的图标和标识。


UI界面中的图标设计

随着技术的发展,计算机诞生了,而显示器的出现,也为图形化界面的诞生,铺平了道路。20世纪70年代,施乐在位于帕罗奥托的研究所当中,诞生了最早的拥有图形化界面的电脑,著名的 Xerox Alto。这款昂贵的概念机最终并没有走进大众的视野,但是它的后续机型施乐之星在1981年问世,并且成为了计算机史上的重要里程碑,而Xerox Alto 对于乔布斯和比尔盖茨的启发,更是引发了计算机历史上最著名的一场战争:苹果VS微软,Windows 对抗 Macintosh。当然这都是后话。

Xerox Alto 中引入了大量的图标设计,其中文件夹和垃圾箱的图标设计,从当时一直延续到现在,成为图标设计中最广为人知和普遍接受的设计概念。


UI界面中的图标设计

来自苹果的Macintosh系统在图形化界面发展史上是无法绕过的里程碑。1991年,苹果借由Macintosh,首次发布了彩色的图标设计。图标所能容纳的信息量比起上一个黑白界面的时代更大,全新的样式使得它在信息传达的功能性上有了明显的提升。

在此之后,越来越多的图标开始借由灵活而强大的数字技术而诞生,并且基于不同的需求而演化出不同的分支和风格。许多操作系统和工具开始预制一些成体系的图标,诞生基于种种需求,越来越多的自制的、重设计的图标,逐步进入了我们的视野。图标类型很多,我们可以用不同的方式来划分它们。

基于功能来划分图标类型

解释性图标

这些图标是旨在阐明信息的图标类型。它们是用来解释和阐明特定功能或者内容类别的视觉标记。在某些情况下,它们并不是直接可交互的UI元素,在很多时候也会有辅助解释其含义的文案。同时,它们还常常会作为行为召唤的文本的视觉辅助元素而存在,以提高信息的可识别性。很多时候用户会借助这些解释性图标来获取信息,而不是相搭配的文本。不过,有的时候图标表达的含义可能还不够完整或者清晰,最好是将图标和文案搭配起来使用,降低误读的可能性。


UI界面中的图标设计UI界面中的图标设计

交互图标

这种图标在UI中不止是展示的作用,它们还会参与到用户交互当中来,是导航系统不可或缺的组成部分。它们可以被点击,并且随之响应,帮助用户执行特定的操作,触发相应的功能。


UI界面中的图标设计UI界面中的图标设计

装饰和娱乐用图标

关于网站制作,看看客户怎么说
***(匿名) 评价文章 企业如果找不到当初合作网站制作的公司怎么办?

如果有一天你的网站出现问题,或者到期需要续费了,却发现找不到当初建设网站的公司了,那应该怎么办才好?那是不是整个网站就这样没了? 这是一件非常麻烦的事,如果您也...

***(匿名) 评价文章 H5响应式网站制作的4个目标原则

对于用户体验效果在网站建设中的重要性,网站建设页面方面的布局问题,一直以来都是不同企业、商家关注的信息...

***(匿名) 评价文章 企业网站制作流程

网站制作流程是的关键内容,要经过一系列的制作流程,最终建成客户满意的网站,网站制作有以下的流程。 一、网站整体策划 1、动态程序语言的选择。 一般的小型网站都是使...

公司网站建设
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

广州建站 感恩回馈

咨询送礼现在提交,将获得智唯网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线0757-8108-9123
合作意向表
您需要的服务
您最关注的地方
预算
  • 验证码

直接咨询