RSS
2013-03-28, 23:01
http://ki.ki.ki/files/2013/03/28/fa391743c73c99855198b4b36fb10b17.jpg (http://ki.ki.ki/files/2013/03/28/fa391743c73c99855198b4b36fb10b17.jpg)
有一些设备的UI上的icon允许透明通道，也就是允许icon是各种形状的。这显然让设计师有更大的发挥余地，能够创作出更漂亮的作品。
但是iPhone的桌面是一个访问频率非常高、空间有限、icon放置密度非常高的环境。icon之间的间距没法很大，如果不统一上面几十个icon的形状，会导致一个非常杂乱的界面，icon之间也会彼此干扰。（虽然LaunchPad也是这种罗列icon的方式，但拥有较大的空间和间距，情况会好一点。）所以规整统一的形状可以带来良好的节奏和协调的感官，同时也可以和设备的整体外形相呼应。
http://ki.ki.ki/files/2013/03/28/1159e6bd31066b64509dd5e115cc396e.jpg (http://ki.ki.ki/files/2013/03/28/1159e6bd31066b64509dd5e115cc396e.jpg)
此外，设定这一“游戏规则”也平均了icon们的风格和水准。目前app stone上已经上架了10W个应用，也就有10W个icon，设计水平参差不齐。但统一的形状和iOS官方icon设计所引导的风格，让最差的设计师也不会做出烂得超过底线，影响整个设备UI的icon来。即使你啥都不会，选一个背景色，在上面放一个字母，也能成为你的icon，而且效果也不太坏。所以在iOS设备上你不会看到那种一堆icon里突然冒出一个特别土带着粗大的锯齿边和蹩脚阴影的刺眼玩意。
从iOS的开发定位来看，Apple一直都选用的是一个平均化但是最能保证整体效果的方案。让一个工程师，仅仅利用默认控件，也能做出可用可看的App。
设计和艺术的区别之一正是“设计是带着镣铐跳舞”。
游戏规则的设定，就是为了保障整个游戏的可玩性和所有玩家的利益，我想对所有icon外形的限制（包括HIG中对许多控件及交互方式的限制）就是整个平台设计策略的一环。
来源：西乔 审美、效用与情感——关于icon和Logo设计的一些想法
链接：http://blog.xiqiao.info/2012/09/13/1254
如果您的阅读器看不到图片，请订阅 http://feed.luobo8.com/ 即可显示图片。
部分文章附有精彩小视频，如果您的阅读器无法观看视频，请移步原文链接： http://luo.bo/37860/
本文小编：梁萧 标题： 为什么iOS UI上所有的icon都限制为圆角矩形？ (http://luo.bo/37860/) 发布时间：2013/03/28, 18:40
萝卜网 (http://luo.bo/) Copyright © 2010 - 2012 分享国内外精彩网事。
更多精彩欢迎您订阅 http://feed.luobo8.com/，欢迎网友投稿 (http://luo.bo/delivery/)、推荐文章。
您可能对以下文章感兴趣： http://static.wumii.cn/site_images/ti/bSoMJdsQ.jpg?i=12yEANTRf
一张图告诉你为什么iOS6 的地图不靠谱 (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F31736%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/8BW5QRyl.jpg?i=rrddR86F
iOS5 官方介绍中文字幕版 (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F9765%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/fICWCsyo.jpg?i=Mqizfpk3
视频：iOS 6测试版中文Siri试用 (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F26026%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/6Y5bxtmN.jpg?i=8wGHLrMn
回民为什么不吃猪肉 (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F18943%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/be87UU4r.jpg?i=1cWRYQE0Q
乔布斯：为什么取名苹果？ (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F15644%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F)
来自无觅网络的相关文章： http://static.wumii.cn/site_images/ti/knJ8I8dd.jpg?i=I7AmLwiK
30个iOS系统的App应用程序Icon设计 (@uuhy) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fuuhy.com%2Fhtml%2F18208.html&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/2Wsa3N2T.jpg?i=Sw62wCu0
25个最新Icon图标设计分享 (@uuhy) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fuuhy.com%2Fhtml%2F23784.html&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/19YxYospZ.jpg?i=8AFwfcgV
iOS 5最后的狂想，iOS魔术闪瞎你的双眼 (@jdxi) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fjdxi.net%2Fpost%2Fios-magic.html&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.com/images/blogWidget/wordpress_default.gif
breath概念手机UI (@dongde) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fdongde.in%2F2010%2F07%2Fbreath-ui%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/Grez3pWL.jpg?i=RmzAeH8G
【限制级】密集物恐惧症测试，你能坚持几分钟？？ (@fun4hi) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Ffun4hi.com%2F29101&from=http%3A%2F%2Fluo.bo%2F37860%2F) 无觅 (http://www.wumii.com/widget/relatedItems)http://www1.feedsky.com/t1/726502558/tamd/feedsky/s.gif?r=http://luo.bo/37860/
有一些设备的UI上的icon允许透明通道，也就是允许icon是各种形状的。这显然让设计师有更大的发挥余地，能够创作出更漂亮的作品。
但是iPhone的桌面是一个访问频率非常高、空间有限、icon放置密度非常高的环境。icon之间的间距没法很大，如果不统一上面几十个icon的形状，会导致一个非常杂乱的界面，icon之间也会彼此干扰。（虽然LaunchPad也是这种罗列icon的方式，但拥有较大的空间和间距，情况会好一点。）所以规整统一的形状可以带来良好的节奏和协调的感官，同时也可以和设备的整体外形相呼应。
http://ki.ki.ki/files/2013/03/28/1159e6bd31066b64509dd5e115cc396e.jpg (http://ki.ki.ki/files/2013/03/28/1159e6bd31066b64509dd5e115cc396e.jpg)
此外，设定这一“游戏规则”也平均了icon们的风格和水准。目前app stone上已经上架了10W个应用，也就有10W个icon，设计水平参差不齐。但统一的形状和iOS官方icon设计所引导的风格，让最差的设计师也不会做出烂得超过底线，影响整个设备UI的icon来。即使你啥都不会，选一个背景色，在上面放一个字母，也能成为你的icon，而且效果也不太坏。所以在iOS设备上你不会看到那种一堆icon里突然冒出一个特别土带着粗大的锯齿边和蹩脚阴影的刺眼玩意。
从iOS的开发定位来看，Apple一直都选用的是一个平均化但是最能保证整体效果的方案。让一个工程师，仅仅利用默认控件，也能做出可用可看的App。
设计和艺术的区别之一正是“设计是带着镣铐跳舞”。
游戏规则的设定，就是为了保障整个游戏的可玩性和所有玩家的利益，我想对所有icon外形的限制（包括HIG中对许多控件及交互方式的限制）就是整个平台设计策略的一环。
来源：西乔 审美、效用与情感——关于icon和Logo设计的一些想法
链接：http://blog.xiqiao.info/2012/09/13/1254
如果您的阅读器看不到图片，请订阅 http://feed.luobo8.com/ 即可显示图片。
部分文章附有精彩小视频，如果您的阅读器无法观看视频，请移步原文链接： http://luo.bo/37860/
本文小编：梁萧 标题： 为什么iOS UI上所有的icon都限制为圆角矩形？ (http://luo.bo/37860/) 发布时间：2013/03/28, 18:40
萝卜网 (http://luo.bo/) Copyright © 2010 - 2012 分享国内外精彩网事。
更多精彩欢迎您订阅 http://feed.luobo8.com/，欢迎网友投稿 (http://luo.bo/delivery/)、推荐文章。
您可能对以下文章感兴趣： http://static.wumii.cn/site_images/ti/bSoMJdsQ.jpg?i=12yEANTRf
一张图告诉你为什么iOS6 的地图不靠谱 (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F31736%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/8BW5QRyl.jpg?i=rrddR86F
iOS5 官方介绍中文字幕版 (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F9765%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/fICWCsyo.jpg?i=Mqizfpk3
视频：iOS 6测试版中文Siri试用 (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F26026%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/6Y5bxtmN.jpg?i=8wGHLrMn
回民为什么不吃猪肉 (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F18943%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/be87UU4r.jpg?i=1cWRYQE0Q
乔布斯：为什么取名苹果？ (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fluo.bo%2F15644%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F)
来自无觅网络的相关文章： http://static.wumii.cn/site_images/ti/knJ8I8dd.jpg?i=I7AmLwiK
30个iOS系统的App应用程序Icon设计 (@uuhy) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fuuhy.com%2Fhtml%2F18208.html&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/2Wsa3N2T.jpg?i=Sw62wCu0
25个最新Icon图标设计分享 (@uuhy) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fuuhy.com%2Fhtml%2F23784.html&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/19YxYospZ.jpg?i=8AFwfcgV
iOS 5最后的狂想，iOS魔术闪瞎你的双眼 (@jdxi) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fjdxi.net%2Fpost%2Fios-magic.html&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.com/images/blogWidget/wordpress_default.gif
breath概念手机UI (@dongde) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fdongde.in%2F2010%2F07%2Fbreath-ui%2F&from=http%3A%2F%2Fluo.bo%2F37860%2F) http://static.wumii.cn/site_images/ti/Grez3pWL.jpg?i=RmzAeH8G
【限制级】密集物恐惧症测试，你能坚持几分钟？？ (@fun4hi) (http://app.wumii.com/ext/redirect?url=http%3A%2F%2Ffun4hi.com%2F29101&from=http%3A%2F%2Fluo.bo%2F37860%2F) 无觅 (http://www.wumii.com/widget/relatedItems)http://www1.feedsky.com/t1/726502558/tamd/feedsky/s.gif?r=http://luo.bo/37860/