咨询热线:+86-0000-96877
秒速时时彩盛世What we do
联系我们Contact us
地址:这里是您的公司地址
电话电话:+86-0000-96877
QQQQ:329435596
秒速时时彩盛世您当前的位置:主页 > 秒速时时彩盛世 >

设计6个新人进阶该学的图标设计小技巧

更新时间:2018-05-16  浏览次数:

  我们在刚开始接触学习图标的时候,吸(yan)引(zhi)人(gao)的设计是必要的,但是更重要的是图标的

  其实在一开始的时候在计算机图形学领域内,图标只能在有限的范围使用,但是从人机交互的方面来说,使用图标比使用文本会更加形象:

  简单、表达清晰、而且友好。图标的出现可以取代文本枯燥的描述,而且随着电子产品的发展,屏幕尺寸越来越小,使用图标可以节省空间;在视觉上,图标看起来比较符合人类眼睛的分辨,增加了人机互动。

  虽说图标有这些显而易见的优点,假若设计时不考虑它潜在的负面影响,也会常常会遇到其他的问题,这篇文章致力于总结UI中与图标相关的一系列主要问题,并提出一套对这些问题的解决方法。您可以在图标设计中使用这些技巧作为起步,来更好地完成工作。

  很多人在设计的时候国语注重形式,往往忽略了功能的实用性,导致了图标表达不清晰,这让图标最重要的形象意向属性——图标的传达功能必须要放在首位。对用户来说,图标不明确会导致人们对产品的定义模糊而降低点开的几率。

  以下是一些在用户心中享有普遍共识的图标。(日历、相机、设置都是属于这种类型)。

  但除了一些好的例子,一些图标的设计含义仍然是模棱两可,无法表达清晰含义的图标设计无疑是失败的。例如游戏中心图标,是一组色彩鲜艳玻璃感的圆圈。秒速时时彩开奖记录这代表了什么含义?它与游戏有什么关系?

  我们来看看另一个例子︰ 谷歌把Gmail的页面简化——把所有功能都收在一个很抽象的图标里,于是一大堆用户需要找客服寻求解答,比如“我的谷歌日历在哪里?”

  这个抽象的图标设计虽然看起来高大上了,但是对于用户来说,这是一个不太实用的标识,它无法提供用户需要基本的传达信息。

  图标的基本功能就是引导用户去他们需要去的界面,所以在设计的时候必须做到这个基本的原则。

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

  选择熟悉的图标:用户对图标的理解往往基于以前看到过的。设计师必须熟悉那些现有的系统图标,清楚哪些是用户最容易辨认的。

  其实在平常,设计图标只需要做到简洁、一目了然 。当然了,不是说不需要创新图标了,只是在心理学的角度来说,基本功能过于花哨的图标对用户体验产生负面影响。想要表达自己的设计才能,可以通过更多其他的元素来展示。你只需要保持系统图标的设计简单、现代、友好,使其能够快速辨认。

  用户体验的好与否可以定义在诸多细节里,其中衡量的标准之一就是减少用户思考的时间。但是,一个不可忽略的问题在于用户会把之前对图标的经验对每个图标联想出不同的含义。很多时候用户会为了探索每个图标的功能而一个一个试用是常见的误解。这最好的一个方法就是带有清晰明了的文本标签。

  △ 同样的设计中加入了文本标签的图标,秒速时时彩文本标签解释了图标的含义,并提高了可用性

  1、对于带有标签的图标,88%的情况下,用户在点击图标时可以准确地预测接下来会发生什么。

  手机上,我们只能用手机和界面交互,有些时候,比较小的目标和错误行为会使我们反感,所以在设计的过程中,UI空间要足够大。

  我们可以看看,下图显示的是不同人各个阶段的手指宽度:成人手指的平均宽度大约在11mm,婴儿的是8mm,而一些篮球运动员竟会具有超过19mm的宽度!

  △ 我们经常抱怨自己具有“胖手指”。但是即使是婴儿的手指也会比多数点击目标要宽。

  触屏对象的推荐点击目标尺寸大约是7-10mm。以下是苹果和谷歌平台的规范设计准则:

  苹果推荐的最小点击目标尺寸为44×44像素。由于物理像素的尺寸会随着屏幕分辨率发生变化,在3.5寸的屏幕上,苹果推荐的尺寸是320*480。谷歌则推荐触控目标的尺寸至少为48x48dp。多数情况下,这些触控目标应使用至少8dp的空间分隔来确保信息密度的平衡性与可用性。无论屏幕尺寸有多大,一个48x48dp的触控目标需要9mm的物理尺寸。触控目标里包括了响应用户输入的区域。秒速时时彩开奖记录而且触控目标的面积往往超过一个元素的可视区域:比如一个图标形状是24x24dp,但是加上周围的间距,共同组成了48x48dp的触控面积。

  触控目标之间的有效间距。设置触控目标间的最小距离是为了防止用户引起错误的操作。这在两个相邻操作互斥时尤为重要:比如“保存”和“取消”图标并列存在时使用至少2mm的间距。

  我们在设计Android/iOS应用时,要尽量避免跨平台使用同样的设计。各个平台都会把某些常用功能设计一套典型的图标,比如分享、新建和删除。当我们在转换应用到另一个平台时,就应该替换掉相对应的图标。

  即使设计好了,我们在后期也应该使用进行可用性的测试调查,观察一个新用户和UI交互的过程很重要,因为用户的眼睛是雪亮的,他们可以帮助我们判断图标是否足够清晰。

  1、我们可以询问用户期望图标可以代表哪些功能。避免设计一些用户看到后不知道该做什么的图标 。

  2、测试图标的可记忆性。难以记忆的图标常常使用低效。告诉一组用户图标代表的含义,几个星期后再询问他们是否还记得。

  图标设计是UI设计的核心范围,但是对于界面的可用性来说,它既有利也有弊。我们在设计之初就该考虑界面中使用的所有图标,它是否具有目的性?当你设计的图标直观的引导用户到他们想要的地方去时,这个设计就是成功的!

【返回列表页】
地址:这里是您的公司地址  电话:+86-0000-96877  2002-2011 QIDIAN.COM 秒速时时彩 版权所有   ICP备案编号:ICP备********号  网站地图