图标设计六大技巧,提高图标的可用性

2018-01-31  6134 分类:设计资讯

图标设计六大技巧,提高图标的可用性


本文品索教育要为大家介绍的是图标设计六大技巧,这六大技巧可以提高图标的可用性。新人学习图标设计,好看固然要紧,但更关键的是图标的识别性和可用性,今天这篇好文总结了6个提高图标识别性和可用性的技巧,来收。


图标设计.jpeg


1. 图标应传达含义


设计师们有时会过于注重形式,忽略了本身的功能,导致图标难以识别,这打破了它最重要的图形意象属性-图标的传达含义功能必须放在首位。按照定义,图标是一个对象或动作的视觉体现。如果对于用户而言,这个对象或行动不明确,该图标就立刻失去它的实用价值,并成为一个视觉干扰。


图标的首要任务是引导用户去他们需要去的地方,所以请确保他们能够实现这个目标︰


使用 5 秒钟规则︰ 如果花了你超过5 秒考虑一个合适的图标。这个图标不太可能有效地传达含义。


选择熟悉的图标:用户对图标的理解往往基于以前的经验。让自己熟悉竞品所使用的图标和常用的目标平台上的图标(现有系统图标),那些是用户最容易辨认的。


2. 保持图标的简单和示意


在大多数情况中,设计图标无需发挥创意。别误会,并不是说创新图标是不好的,但基本功能太花哨的图标可能会对用户体验产生负面影响。如果你想展示你的设计技能,你可以依靠其他设计元素传达你的产品信息,同时保持系统图标的设计简单、现代、友好。


图标设计理念的本质是减到最简形态-简化图标是出于降低学习曲线的需要。设计应确保即使图标在小尺寸更具有可读性和清晰度,所以精心设计的图标应该能够快速辨认,一目了然。


3. 包含清晰可见的文本标签


良好的用户体验可以定义在很多方面,但衡量标准之一是减少了多少用户思考的成本。清晰是一个 好界面的最重要特征。图标的设计应该帮助用户毫不费力知晓他们要做什么。但是,图标的问题在于用户会基于之前的经验对每个图标联想出不同的含义。假定用户(特别是手机用户)会为了探索每个图标的功能而一一试用是另一个常见的误解。



4. 使图标的触控体验更佳(手机应用)


人们使用手指与基于触控的界面进行交互。较小的目标和错误的行为会使用户沮丧,所以UI控件要足够大才能承载手指尖的动作。下图显示成人手指的平均宽度大约在11mm,婴儿的是8mm,而一些篮球运动员竟会具有超过19mm的宽度!



5. 不要跨平台使用图标


当你在设计Android/iOS应用时,不要使用其他平台特定的UI元素。各平台为某些常用功能使用一套典型的图标,比如分享、新建和删除。当你转换应用到另一个平台时,你应替换掉相对应的图标。



6. 测试你的图标


图标的使用应极尽小心:始终进行可用性测试。一旦你已经熟悉一个界面,很难再使用全新的眼光审视它并使用直观的感觉分辨它。所以,观察一个新用户如何与UI交互很重要,因为他可以帮助你判断图标是否足够清晰。



图标图形学是UI设计的核心:对于界面的可用性来说,它是一把双刃剑。如同用户体验设计的方方面面,界面中使用的所有图标都应有目的性。当你设计对路的时候,图标能帮助你简单而直观的引导用户。


猜你喜欢