- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
审美、效用与情感——关于icon和Logo设计的一些想法
你们觉得iWo rk 3个ico n里哪个最好。 Pages, Keynot e 还是 Numbers?
虽 Pages和Keynot e拥有非常精致的造型和拟真效果 ,但是就ico n设计而言 ,Numbers要超过
它们。 Numbers脱胎于现实中的物体但又不是完全模拟它们 ,形象更简洁有力。
从表意性上 ,Numbers 对图表工具的概念进行了成功的提取和抽象 ,相信任何人第一次见到这
个ico n的时候都能认出它是一种什么工具 ,但墨水瓶 (Pages)的象征性太模糊 ,演讲台 (Keynot e
)是一个人们不熟悉的且特征不明显的事物。人们在通过ico n形象识别出工具用途时要更困难。
从辨识度上 ,透视和视角的选用形成了很强的立体感 ,配色也非常鲜明。这些都提高了你从dock条
上把它辨识出来的几率。它的小尺寸表现也好于其它两者。
Ico n的成功更多取决于它是否能有效表意 (功能、用途或者非常鲜明的个性特征 )并且具有很强区
分度 ,容易认出并建立关联。而不是在于它是否材质更漂亮或更拟真。
为什么iOS UI上所有的ico n都限制为圆角矩形 ?
有一些设备的UI上的ico n允许透明通道 ,也就是允许ico n是各种形状的。这显 让设计师有更大的
发挥余地 ,能够创作出更漂亮的作品。
但是iP o ne的桌面是一个访问频率非常高、空间有限、ico n放置密度非常高的环境。ico n之间的间
距没法很大 ,如果不统一上面几十个ico n的形状 ,会导致一个非常杂乱的界面 ,ico n之间也会彼此
干扰。 (虽 Launc Pad也是这种罗列ico n的方式 ,但拥有较大的空间和间距 ,情况会好一点。 )
所以规整统一的形状可以带来良好的节奏和协调的感官 ,同时也可以和设备的整体外形相呼应。
此外 ,设定这一“游戏规则”也平均了ico n们的风格和水准。目前app st o ne上已经上架了10W个应用
,也就有10W个ico n ,设计水平参差不齐。但统一的形状和iO S官方ico n设计所引导的风格 ,让最
差的设计师也不会做出烂得超过底线 ,影响整个设备UI的ico n来。即使你啥都不会 ,选一个背景色
,在上面放一个字母 ,也能成为你的ico n ,而且效果也不太坏。所以在iO S设备上你不会看到那种
一堆ico n里突 冒出一个特别土带着粗大的锯齿边和蹩脚阴影的刺眼玩意。
从iO S的开发定位来看 ,A pple一直都选用的是一个平均化但是最能保证整体效果的方案。让一个工
程师 ,仅仅利用默认控件 ,也能做出可用可看的A pp。
设计和艺术的区别之一正是“设计是带着镣铐跳舞”。
游戏规则的设定 ,就是为了保障整个游戏的可玩性和所有玩家的利益 ,我想对所有ico n外形的限
制 (包括HIG中对许多控件及交互方式的限制 )就是整个平台设计策略的一环。
为什么Adobe套装里的ico n都做成那个样子 ?
CS2在04年发布 ,CS3在07年发布。这3年间A do be做了很多重要的战略调整 ,事件之一是收购
了Marco media ,并且更强调工具之间的兼容性 ,并提供一些平台化工具。A do be需要推出更多
套装 ,并在里面包含更多应用。从提供工具变成了提供工具箱。
CS3刚出来的时候 ,对ico n设计进行了重大的改变 ,当 获得了大量恶评 ,理由都是一个丑。就单
个ico n来看 ,CS3的PS图标比CS2差几个级别 ,A do be不是找不到好设计师 ,为什么要这么做。
看完这张图就明白了。A do be的设计工具都比较难以根据功能来提取出一个具象概念 ,只好用羽毛
,花朵 ,树叶这种很“精神层面”的的物体来表示。当套装变得更大 ,设计师桌面上需要放下更
多A do be应用的ico n时会出现什么状况 ,他的鼠标会在几个ico n之间遊移。当 假以时日 ,反射弧
会被建立 ,也会通过摆放位置来进行记忆 ,但对于新用户而言 ,这无疑是一个悲剧。
展示这张图不是为了说明A do be的新ico n们在色相环上的分布 ,而是为了说明有它们工具数量的
庞大。
CS3系列后的新ico n虽 不好看 ,但无疑极为直观 ,无需建立对象及其象征物之间的关联 ,这不是
表意而是直接对着你喊出来 ,“我是PS”。文字带来最快速的反应。
风格强烈 ,你可以轻易识别出它们是属于一个A do be的。
此外它最大化利用了系统中ico n的尺寸限制 ,一整个大色块。所以你会发现它们无论是在dock条还
是w indows桌面上 ,都是抢眼的。
设计
文档评论(0)