主页 > Q轻生活 >苹果UX传教士,教你六个app图示设计元素 >

苹果UX传教士,教你六个app图示设计元素


苹果UX传教士,教你六个app图示设计元素

苹果在六月份的 WWDC 上发表了 iOS 7,随之网路上也出现了大量与之相关的精彩内容,其中就包括苹果 UX Evangelist Mike Stern 名为「优秀 iOS 设计最佳实践指南」的演说。这篇演说的第一部分提到了什幺是苹果眼中的优秀 app 设计,接着他列举了设计 app 图示时应该考虑的六个重要元素。

首先 Mike Stern 解释了 UI 和 app 图示的重要性:使用者并不会根据你使用了多少技术,或是整合了多少 API,或是你写的程式有多强而对 app 做出评价,而是你的 app 能让他们做什幺,给他们什幺感受。使用者期待你的 app 能为他们带来直观的、美妙的甚至不可思议的体验。

六招助你设计优秀图示

有一些错误是开发者们经常犯的,它们也导致了许多 app 未能通过 App Store 的审核,糟糕的 app 图示设计就是罪魁祸首之一。

app 图示是你的 app 的第一道窗,为了搏得使用者的好感,你得想方设法突出重围。下图是苹果 App Store 中「照相」类 app 的截图,在遍地的「相机镜头」中,像 Path 这种图示就能让人一目了然。记住,美观和易于辨认是设计图示时两个主要的品质。

苹果UX传教士,教你六个app图示设计元素

当使用者在 App Store 注意到你的 app 图示的时候,他们就开始展望它所能带来的使用者体验,用起来有多舒服,它会有多直观,它能多大程度上满足使用者的需求。如果一个 app 的图示让人感觉是经过精心设计的,那人们通常会假设整个 app 也同样是经过细緻打磨的。不错的第一眼印象才会促使使用者打量这个 app 的其余特点——你所使用的技术有多好?你的 app 有多安全,多稳定?与竞争者相比更优秀吗?所以,投入时间专注设计你的 app 图示真的很重要。

现在让我们来看,什幺能让你的 app 图示出类拔萃?首先是美观,其次更重要的是易于辨认。怎样才能做到这两点?来看看下面这六招:

第一招:使用独特的图形

下面这四个图示互不相同——其中一些包含了很多颜色或是渐变,但是以简单的图形示众是它们共同的特点。这让它们一眼看上去就能被认出来。

苹果UX传教士,教你六个app图示设计元素

图示会以多种不同的尺寸出现,在 App Store 中,它们会比较大,在手机主萤幕上又会比较小,出现在通知中心和 app 文件夹中时,就更小了。请确保你的 app 图示能各种尺寸缩放自如并始终保持清晰的识别度。

第二招:谨慎用色

不要滥用颜色,一种或两种就够了。的确有很多优秀的 app 图示设计採用了很多颜色,但这种做法很难出色。

第三招:避免使用照片
苹果UX传教士,教你六个app图示设计元素

尽量别直接拿照片来做 app 图示。下图中的 Sipp 是一个极好的例子,告诉你怎样在採用了类照片的元素的同时,更突显主题。

第四招:避免使用大量文字
苹果UX传教士,教你六个app图示设计元素

图示中能不用文字就不用文字,好的做法是使用符号或公司标誌作象徵。下面这几个是优秀案例。

第五招:準确传递讯息
苹果UX传教士,教你六个app图示设计元素

简单来说,要让使用者看到你的图示就知道它是干什幺的。iOS 7 对拟物化图示进行了大刀阔斧的改革,但这里依然要提到拟物化设计的亮点。2012 年 Apple Design Awards 冠军 app 设计 Paper 直白地告诉你它的内容,Square Wallet 和 One Password 也同样。LifeKraze 的图示深得拟物化精髓,让 Mike Stern 都不禁讚歎「不知道他们是如何设计出来的,这简直是艺术的最高境界。」

第六招:富有创意
苹果UX传教士,教你六个app图示设计元素

创意让你的 app 图示脱颖而出,下面这些 app 都谨遵创新法则。通常,秘诀是开发一些简单的概念,有时候最複杂的渲染也是建立在简单的图形之上的。

PS:在不同的背景上测试 app 图示的视觉效果

确保你的图示在所有种类的背景上都看起来不错,也不要忘了测试把它放进文件夹后的效果。

苹果UX传教士,教你六个app图示设计元素
案例研究:Turnplay

Turnplay 是一个可以在 iPad 上模拟黑胶唱片播放的音乐播放 app ,它的图示设计出自着名图示设计公司 Ramotion 之手。

苹果UX传教士,教你六个app图示设计元素

Ramotion 开始动手设计的时候,採取了他们一贯的做法——素描来进行绘製。可以从下图中看到团队所进行的不同尝试——把产品打头字母 T 放进图示里、在唱片上添加指纹等等。

苹果UX传教士,教你六个app图示设计元素

最终成果如下图:圆形唱盘加三角形播放键——两种基本图形的简约组合。

苹果UX传教士,教你六个app图示设计元素

最后,有时间的话可以看一下这场演说的完整影片。

Source: The Next Web

欢迎加入「Inside」Line 官方帐号,关注最新创业、科技、网路、工作讯息
苹果UX传教士,教你六个app图示设计元素
苹果UX传教士,教你六个app图示设计元素


上一篇: 下一篇:

嘴馋想吃免费牛肉警所自首仍遭送办

嘴馋竟是营养不足!3种食材预防肥胖

嘴馋?让你放心吃的七个下午茶完美提案

嘻哈 x 爵士 ! 顽童 MJ116 勇闯日本 staygo

嘻哈RAP教父DrDre代言,CHRYSLER300S展现新街头态度

嘻哈、滑板、山青、古着这四大势力要跟上!严选四大风格圣品以及

申博太阳城_黄金太阳2汉化版|汇集最新资讯新闻|最全生活资讯|网站地图 申博官网备用网址_申博网投代理 申博官网备用网址_申博官网手机版