图标设计尺寸:万字长文 终极图标设计指南
图标设计尺寸:万字长文 终极图标设计指南在不同场景下图标的表达含义也会有不。上世纪九十年代伴随IT产业出现的一个技术测绘,原指计算机软件编程中为使人机界面更加易于操作和人性化而设计出的标识特定功能的图形标志。扎实的基础是拔高的前提。乔布斯曾经说过:“细节至关重要,花费时间仔细打磨是值得的”。图标是现如今UI界面中可用性和导航体系的核心组件。所以,这篇文章分为上篇、中篇、下篇三部分,仔细总结图标的基础知识。从图标的历史出发,谈及到图标的意义、如何使用、设计风格、图标类型、规格尺寸、交互层等多方面。
编辑导语:图标是用户界面不可缺少的元素,能够有效帮助用户解决很多问题。本篇文章作者分享了有关图标设计的基础理论,从多个方面讲述了图标的历史、意义、使用方法、设计风格、类型以及规格尺寸、交互层等,一起来学习一下吧,希望对你有帮助。
如今的用户界面中,图标绝对是不可或缺的元素。虽然绝大多数的图标都很小,甚至不被人注意到,但是它们帮助设计和用户解决了许多问题。
图标是可用性和导航的关键,用户能够感知到图标的功用,但是只有设计师才会明白,想要让图标简约、可用还富有表现力,要耗费多少时间和精力。
我们每天接收到各种信息,美的丑的,很多时候我们看的都是别人家谁做的高端的,拔高自己的同时,基础不能落下。
扎实的基础是拔高的前提。乔布斯曾经说过:“细节至关重要,花费时间仔细打磨是值得的”。
图标是现如今UI界面中可用性和导航体系的核心组件。所以,这篇文章分为上篇、中篇、下篇三部分,仔细总结图标的基础知识。
从图标的历史出发,谈及到图标的意义、如何使用、设计风格、图标类型、规格尺寸、交互层等多方面。
一、什么是图标上世纪九十年代伴随IT产业出现的一个技术测绘,原指计算机软件编程中为使人机界面更加易于操作和人性化而设计出的标识特定功能的图形标志。
在不同场景下图标的表达含义也会有不。
我们从广义和狭义两个角度来做概述:
- 广义:具有指代意义的图形符号,具有高度浓缩并且可以快捷传达信息、便于以及的特性。应用范围非常广泛,包括软件、硬件、网页、社交场所等公共公共场合。所谓无处不在。例如,男女厕所标志,和各种交通标志。
- 狭义:应用于计算机软件方面。程序标识,数据标识,命令选择、模式信号等。图标有助于用户快速识别并且执行命令和打开相关程序文件。具有相同扩展名的文件具有相同的图标。
UI设计中图标主要被划分为两大类:标志图标以及功能图标。标志图标,即手机APP应用的启动入口。
由于这是用户接触app的第一印象,具备品牌传播的属性,决定了用户去留问题。功能性图标,主要是app出现在app、网站内部,具备功能性引导的功能。
二、图标的意义随着人们工作越来越忙,图标已成为了生活中的一部分。帮助我们快速定位,帮助我们快速的做出决定和行为,以及帮助我们找到需要的东西。
图标连接着整个世界。不管你使用什么样的语言,作为视觉语言的图标都发挥着巨大的作用。例如机场中的导航标识、商场中的指示标识等等。图标能够快速的传达信息。随着信息技术的提升以及信息过剩,人们的注意力更加短暂和稀缺,
图标成为了这个充满噪音和过多无价值信息世界的救生员。通过简单快速的查看就可以知道图标中携带的复杂信息。优秀的图标成为我们生活中的救生员。无论你需要找到正确的应用程序或产品页面上的特定功能,又或者当你在外国城市搜索地铁时,图标都可以节省你很多时间。
随着世界越来越忙,越来越嘈杂和全球化,它将在未来更加重要。
三、图标的优势图标设计是界面设计中很重要的元素之一,一套高质量的图标对产品的品牌形象和用户的体验影响是巨大的。不仅能提升界面美观度、降低用户理解成本,还能塑造品牌形象、提升用户的安全感和转化率。
同时图标具备传递信息非常的高效的特点。现在人类能够维持注意力的时间越来越短(已经比金鱼还短了),因此传递信息的速度就越来越重要。
1. 图标传达信息快
本身对图形的理解和接收能力就比单纯的文字要快。图形能更简单清晰且很直观的展示。
2. 图标传达信息准
通用图形能跨语言、跨地区、跨文化群体表达出同样含义,不易发生混淆。同样文化背景的人对文字理解可能会不一致。
如果用图形就会一目了然。用户已经经过了长时间不同平台长期培养,很多图标已经形成了视觉习惯,比如齿轮代表设置、铅笔代表编辑、放大镜代表搜索。已经超越了语言地区的限制。
3. 品牌塑造稳定
同一个品牌、同一个平台保持同样的风格图标,会让人感到很专业。并且一套好的图标从独特性、象征性、记忆性上都更易于感动用户,激发人们点击的欲望。用户始终在商家提供的环境里,能提升安全感。例如支付宝、拼多多、网易严选等优秀的互联网产品。
![]()