扫描下载MIUI论坛APP
经验3492 米
在线时间234 小时
MiGirl用户组
积分 4439, 距离下一级还需 561 积分
积分 4439, 距离下一级还需 561 积分
机型小米手机2/2S
签到次数65
MIUI版本5.5.1
这个，你说的那天晚上，我自己摸索了一下，确实是图标应用优先级变了，要么修改data/data/com.xiaomi.market/files/miui_mod_icons里的图标，要么删除这个文件夹（但是再次打开商店就又有了）~~~我删除后我的搜狗图标正常了，看来确实是优先级变了~~~~你说的这个帖子他前几天群里说我的那个过时了，原来他比我早发现优先级改了~~~至于我怎么找到这个文件夹的~~我花了几分钟搜索同名文件，结果~~果真有蹊跷~~~
经验455 米
在线时间9 小时
版本4.11.21
积分 467, 距离下一级还需 33 积分
积分 467, 距离下一级还需 33 积分
机型小米手机1/1S
签到次数52
MIUI版本4.11.21
嗯嗯，变来变去的，不知道以后还会不会再次更改.....好?....
经验604 米
在线时间6 小时
版本5.9.17
积分 492, 距离下一级还需 8 积分
积分 492, 距离下一级还需 8 积分
机型小米手机2/2S
签到次数83
MIUI版本5.9.17
lz 为什么我找不到你说的那个文件夹？我的文件夹里什么都没有...为啥子？
经验3492 米
在线时间234 小时
MiGirl用户组
积分 4439, 距离下一级还需 561 积分
积分 4439, 距离下一级还需 561 积分
机型小米手机2/2S
签到次数65
MIUI版本5.5.1
你的RE没获得权限吧
经验159 米
在线时间26 小时
积分 214, 距离下一级还需 286 积分
积分 214, 距离下一级还需 286 积分
机型Galaxy Note II
n7100没刷miui的系统 用的只是小米桌面仿V5的图标 图标命名都是对应的，但替换重新封包***后图标还是有难看的底盘，换成别的图也没替换过去无变化，是什么原因，求楼主正解！！
经验534 米
在线时间13 小时
积分 518, 距离下一级还需 1482 积分
积分 518, 距离下一级还需 1482 积分
机型小米手机2/2S
签到次数56
MIUI版本4.4.4
呵呵呵呵呵呵呵呵哈哈哈哈哈哈呵呵呵呵
经验1808 米
在线时间109 小时
积分 1991, 距离下一级还需 9 积分
积分 1991, 距离下一级还需 9 积分
机型红米Note3 全网通
签到次数83
MIUI版本6.7.7
哈哈，终于把RE管理器那恶心的图标换掉了，感谢撸主
经验5124 米
在线时间555 小时
版本6.6.30
MIUI 8 内测粉丝组
积分 6256, 距离下一级还需 13744 积分
积分 6256, 距离下一级还需 13744 积分
机型小米手机2/2S
签到次数80
MIUI版本6.6.30
............
经验958 米
在线时间155 小时
版本4.7.11
积分 1268, 距离下一级还需 732 积分
积分 1268, 距离下一级还需 732 积分
机型小米手机1/1S
签到次数46
MIUI版本4.7.11
威武，楼主
经验4009 米
在线时间117 小时
版本6.1.28
积分 4436, 距离下一级还需 564 积分
积分 4436, 距离下一级还需 564 积分
机型小米手机4 电信4G版
签到次数100
MIUI版本6.1.28
很强大，，，，，，赞一个，，，，，，
1000万用户纪念勋章
MIUI1000万用户纪念勋章
关注腾讯微博
已关注腾讯微博
关注新浪微博
已关注新浪微博
MIUI 3000万
MIUI 3000万发烧友纪念勋章
MIUI 2000万
MIUI 2000万发烧友纪念勋章
MIUI 7纪念勋章
MIUI五周年
MIUI五周年纪念勋章
MIUI三周年
MIUI三周年纪念勋章
已关注微信
小米5发布会
参加小米5发布会直播页大转盘抽奖获得
已关注极客秀微信
Copyright (C) 2016 MIUI
京ICP备号 | 京公网安备34号 | 京ICP证110507号我这个图标之前是蓝色的 ，不知为啥变攻灰色了，咋设置变回蓝色？？？_360社区
Screenshot_-12-23-15_compress.png (19.41 KB, 下载次数: 0)
12:55 上传
来自360手机N4S(360社区3.0.9版)
天气变了吧
来自360手机N4S(360社区3.0.9版)
晴天的时候它就变成蓝的了。
来自360手机N4S(360社区3.0.9版)
实习先锋队
图片的颜色是跟天气的情况变化而变化的。
来自360手机N4S(360社区3.0.9版)
原来是这样的，谢谢大家！
来自360手机N4S(360社区3.0.9版)
跟天气有关系
来自360手机N4S(360社区3.0.9版)
热门推荐最新主帖
360社区客户端下载是因为这样：&br&&br&&img src=&/c0cfeddaec_b.jpg& data-rawwidth=&440& data-rawheight=&336& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&/c0cfeddaec_r.jpg&&iPad 画的草图，不太精准，见谅。&br&&br&无论是录音带还是录像带，如果要从头播放，都是左边的轮盘剩余磁带更多，结构上很像一个向右三角形；播放时左边轮盘将磁带传送至右边轮盘，方向上也是指向右的。&br&&br&所以快进是两个向右的三角形（表示加速传送），快退则是方向相反的两个三角形。&br&&br&------------&br&一开始忽略了题主还问了停止键（■）的来历，现在补上。&br&停止键实际上是一个block，大致可以看做是这样来的：&br&&img src=&/d456aff43fa94cb98d1922d_b.jpg& data-rawwidth=&300& data-rawheight=&171& class=&content_image& width=&300&&（图片来自互联网）&br&这是卡带录音机的卡带仓内的构造（真是暴露年龄啊）。看到两个转轴正下方的那个金属的方方的东西了没？那个是卡带录音机的回放磁头（左边那个白色的是录音磁头）。&br&&br&回放磁头的放大图：&br&&img src=&/f13dcb0accbd9f055fb845e_b.jpg& data-rawwidth=&300& data-rawheight=&300& class=&content_image& width=&300&&&br&（图片来自互联网）&br&&br&如果开始播放，磁头会提上来接触磁带。停止播放时，磁头会退下，离开磁带。&br&&br&所以这个block标志（■）表示播放停止还是蛮形象的。&br&&br&最后说说暂停键吧，暂停键是两条短粗竖线(the &double pipe& sign)，起源于诗歌和乐谱结尾的停顿标志 Caesura。 Caesura 在乐谱里是倾斜的两道，在诗歌里是竖直的两道。&br&&img src=&/5f3b3976cbcc3fe0bd1e39a0a4cca8ed_b.jpg& data-rawwidth=&579& data-rawheight=&357& class=&origin_image zh-lightbox-thumb& width=&579& data-original=&/5f3b3976cbcc3fe0bd1e39a0a4cca8ed_r.jpg&&（图片来自Wikipedia：&a href=&///?target=http%3A//upload.wikimedia.org/wikipedia/commons/7/73/Music-caesura.svg& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&upload.wikimedia.org/wi&/span&&span class=&invisible&&kipedia/commons/7/73/Music-caesura.svg&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&）
是因为这样： iPad 画的草图，不太精准，见谅。 无论是录音带还是录像带，如果要从头播放，都是左边的轮盘剩余磁带更多，结构上很像一个向右三角形；播放时左边轮盘将磁带传送至右边轮盘，方向上也是指向右的。 所以快进是两个向右的三角形（表示加速传送）…
这是Novell Directory Services在Windows下的图标，原图来自Novell的这个树：&br&&img src=&/463a3e1ba118_b.png& data-rawwidth=&486& data-rawheight=&415& class=&origin_image zh-lightbox-thumb& width=&486& data-original=&/463a3e1ba118_r.png&&&br&登录的时候它会出现：&br&&img src=&/4f18bbcabc27_b.png& data-rawwidth=&436& data-rawheight=&268& class=&origin_image zh-lightbox-thumb& width=&436& data-original=&/4f18bbcabc27_r.png&&&img src=&/7e8d31f8bd_b.png& data-rawwidth=&435& data-rawheight=&268& class=&origin_image zh-lightbox-thumb& width=&435& data-original=&/7e8d31f8bd_r.png&&&br&这里有很多树：&br&&img src=&/318db70cbf2d3d98c376cce25c79c4c9_b.png& data-rawwidth=&465& data-rawheight=&373& class=&origin_image zh-lightbox-thumb& width=&465& data-original=&/318db70cbf2d3d98c376cce25c79c4c9_r.png&&&br&来自： &a href=&///?target=https%3A///techcenter/articles/ana.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Accessing Network Resources with the GUI Login Utility and the NetWare Provider&i class=&icon-external&&&/i&&/a&&br&&br&树下面是这个样子的：&br&&img src=&/7b2ab50bd2b4a6ffa2be04b_b.png& data-rawwidth=&287& data-rawheight=&216& class=&content_image& width=&287&&&br&这里这里这里都有树：&br&&img src=&/3e8f0dd94b21fedbf7bbfc6c43d79516_b.png& data-rawwidth=&696& data-rawheight=&403& class=&origin_image zh-lightbox-thumb& width=&696& data-original=&/3e8f0dd94b21fedbf7bbfc6c43d79516_r.png&&&img src=&/7f989cbb2d2fd9_b.png& data-rawwidth=&457& data-rawheight=&313& class=&origin_image zh-lightbox-thumb& width=&457& data-original=&/7f989cbb2d2fd9_r.png&&&img src=&/613b0feacabcec4271bdfe_b.png& data-rawwidth=&468& data-rawheight=&334& class=&origin_image zh-lightbox-thumb& width=&468& data-original=&/613b0feacabcec4271bdfe_r.png&&&br&这里有这颗树的高清大图：&br&&img src=&/eacaceb0bff12d2bf3ac9cbdd31330c8_b.png& data-rawwidth=&275& data-rawheight=&345& class=&content_image& width=&275&&&br&还有这个树的Gif图：&a href=&///?target=http%3A//www.canalgif.net/Gifs-animados/Naturaleza/Arboles/Imagen-animada-Arbol-02.gif& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&1&i class=&icon-external&&&/i&&/a&&br&&img src=&/7eaf6ef5ca616f252893aee0e8488f74_b.png& data-rawwidth=&34& data-rawheight=&35& class=&content_image& width=&34&&&br&&br&P.S. 很多人都疑惑为什么第一个盘是C盘，A盘B盘去哪了。喏，下面就是你们朝思暮想的A盘和B盘。&br&&img src=&/26d02ef0d58b7b71b995_b.png& data-rawwidth=&551& data-rawheight=&268& class=&origin_image zh-lightbox-thumb& width=&551& data-original=&/26d02ef0d58b7b71b995_r.png&&&br&B盘就是那个5.25英寸软盘，它的大小很好想象，因为苹果为了向软盘致敬，推出的iPad mini系列，宽度刚好等于5.25英寸软盘的边长。所以想象一下，把你的iPad mini裁成一个正方形，就是软盘的大小。它的容量相当惊人，可以完整地存下本条***的全部内容。几张软盘一起用甚至可以用来***Windows 7：&br&&img src=&/b18f06ed60e06e1d6c0bad_b.png& data-rawwidth=&400& data-rawheight=&204& class=&content_image& width=&400&&&br&&br&A盘就不说了，你每天都能见到它：&br&&img src=&/baa80cb3fef2_b.png& data-rawwidth=&474& data-rawheight=&363& class=&origin_image zh-lightbox-thumb& width=&474& data-original=&/baa80cb3fef2_r.png&&
这是Novell Directory Services在Windows下的图标，原图来自Novell的这个树： 登录的时候它会出现： 这里有很多树： 来自：
树下面是这个样子的： 这里这里这里都有树： …
献丑&br&&br&做了些修改，先看最终效果：&br&&img src=&/f3bc7da6a612e560a38cf1b_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/f3bc7da6a612e560a38cf1b_r.png&&&br&&p&第一步：&/p&&img src=&/2ec4c161bc2a3a2fafbb_b.png& data-rawwidth=&4193& data-rawheight=&2180& class=&origin_image zh-lightbox-thumb& width=&4193& data-original=&/2ec4c161bc2a3a2fafbb_r.png&&&br&&p&第一步组合效果：&/p&&img src=&/0fe8a08acb27ea4c6435fb_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/0fe8a08acb27ea4c6435fb_r.png&&&br&&p&第二步：&/p&&img src=&/db83ceeabf3ce09e09db458d7fc10c96_b.png& data-rawwidth=&4193& data-rawheight=&3180& class=&origin_image zh-lightbox-thumb& width=&4193& data-original=&/db83ceeabf3ce09e09db458d7fc10c96_r.png&&&br&&p&第二步组合效果：&/p&&img src=&/75e4e4eec6dcf396ee55a105b06c68a6_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/75e4e4eec6dcf396ee55a105b06c68a6_r.png&&&br&&p&第三步：&/p&&img src=&/71ae747bec362bd68b51aef_b.png& data-rawwidth=&4193& data-rawheight=&6180& class=&origin_image zh-lightbox-thumb& width=&4193& data-original=&/71ae747bec362bd68b51aef_r.png&&&br&&p&第三步组合效果：&/p&&p&&img src=&/a14b473ff2e3bc68cccb01fe2dc80ece_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/a14b473ff2e3bc68cccb01fe2dc80ece_r.png&&（主体所有效果做完以后，再将 4 个部件组成一个图组，再填充图组的阴影。）&/p&&br&&p&第四步：&/p&&p&&img src=&/5029ffb8eac77b5fb76b_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/5029ffb8eac77b5fb76b_r.png&&（复制主体图组，将其放至最底层，然后拉伸到适当大小。）&/p&&br&&p&第五步：&img src=&/78d266eebb_b.png& data-rawwidth=&1440& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1440& data-original=&/78d266eebb_r.png&&&/p&&p&（最后一步，在「放大版主体」图组上，新建一个图层，填充 74% 的 FFFFFF，然后高斯模糊 50px 。）&/p&&br&&p&成果：&/p&&img src=&/4dacb77c6b76fa29d5cbc5ce_b.png& data-rawwidth=&1024& data-rawheight=&1024& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/4dacb77c6b76fa29d5cbc5ce_r.png&&&br&------------ 以下于
补充------------&br&&br&优化：「主体」阴影&br&&img src=&/ef08eae4a0e4b7d306da3a_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/ef08eae4a0e4b7d306da3a_r.png&&&img src=&/57f41c8e4f406e92d879f5b7aff21004_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/57f41c8e4f406e92d879f5b7aff21004_r.png&&（调整了「主体」图组的阴影，且新添了（复制）一层「主体阴影叠加层」。）&br&&br&优化：「主体」视觉平衡&br&&img src=&/d70c4bbf41b98ad5f7f29e4de3f82f3f_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/d70c4bbf41b98ad5f7f29e4de3f82f3f_r.png&&（将「主体」、「主体阴影叠加层」图组旋转 1.2° ，并手动调整 X、Y 坐标轴，使其「主体」在视觉上平衡。）&br&&br&&img src=&/a99f40ffd5a81d4cd39f301_b.png& data-rawwidth=&1024& data-rawheight=&1024& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/a99f40ffd5a81d4cd39f301_r.png&&
献丑 做了些修改，先看最终效果： 第一步： 第一步组合效果： 第二步： 第二步组合效果： 第三步： 第三步组合效果：（主体所有效果做完以后，再将 4 个部件组成一个图组，再填充图组的阴影。） 第四步：（复制主体图组，将其放至最底层，然后拉伸到适当大…
我来说说苹果黑微软，以及苹果自己被黑的有意思的两个图标。&br&&br&首先是 OS X 下，如果共享里检测到有 Windows 电脑，表示 PC 的时候，是这个图标：&br&&img src=&/9729c01acc2f6e5fd50ddecd4e31d1e1_b.png& data-rawwidth=&364& data-rawheight=&284& class=&content_image& width=&364&&&br&我刚刚截的...系统是最新的 EI Caption。&br&拿了一台老旧的 CRT 显示器加上蓝屏的 WIndow 98 来代指 PC...&br&微软居然能忍。&br&&br&然而出来混迟早是要还的，苹果也会有被黑的时候，看看这个的 Mac Pro：&br&&img src=&/f197d600a77c63c3a0af_b.jpg& data-rawwidth=&440& data-rawheight=&440& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&/f197d600a77c63c3a0af_r.jpg&&&br&（图片来自 &a data-hash=&6c8ceff63f161cdb223a6f52906cbcda& href=&///people/6c8ceff63f161cdb223a6f52906cbcda& class=&member_mention& data-hovercard=&p$b$6c8ceff63f161cdb223a6f52906cbcda&&@JASKNi&/a& ，具体出处还请指教）&br&&br&黑来黑去何时了 ==
我来说说苹果黑微软，以及苹果自己被黑的有意思的两个图标。 首先是 OS X 下，如果共享里检测到有 Windows 电脑，表示 PC 的时候，是这个图标： 我刚刚截的...系统是最新的 EI Caption。 拿了一台老旧的 CRT 显示器加上蓝屏的 WIndow 98 来代指 PC... 微软…
这是源自日本的 emoji（?文字）。&br&这***图片都来自苹果公司在其 iOS 与 OS X 操作系统中提供的 Apple Color Emoji（Apple 彩色表情符号）字体。[1]&br&&br&是的，这套图形的概念源自日本；但从腾讯的角度，这些图片取自苹果的字体。&br&听说 Android 版微信里也提供了这一套图片。&br&&br&腾讯为这些图片获得苹果的授权了吗？请知情人分享内幕：&a href=&/question/& class=&internal&&腾讯在其微信（安卓版）、QQ空间等产品中使用来自 Apple Color Emoji 字体的图片，是否获得了苹果的授权？&/a&&br&如果没有获得授权，那么这恐怕是剽窃。不过----感谢 Twitter 上的 @sidxiao 提醒----从一些苹果和 Google 两方的讨论记录来看，&b&苹果官方目前对于第三方使用这款字体的行为可能是采取了默许的态度&/b&：&a href=&///?target=https%3A///forum/%23%21topic/emoji4unicode-fontdesign/eqY3_p_ET8E& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Apple Emoji font license options&i class=&icon-external&&&/i&&/a&&br&&br&Emoji（?文字）这个概念和符号体系不是私有的，是最早由日本的移动运营商们创造的，然后 Unicode 吸纳其进入通用字符集，近几年由于 iOS 的支持而在全球流行开来。这组图片中有西瓜、苹果、国旗、各种日本风物、数字、星座……这套符号体系是来自日本的。&br&苹果（Apple Color Emoji）、Google（Android Emoji）、微软（&a href=&///?target=http%3A///blog//color-emoji-in-windows-8-1-the-future-of-color-fonts/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Segoe UI Emoji&i class=&icon-external&&&/i&&/a&）……任何公司使用这一套符号体系都没有任何问题。但你要自己绘制图形来显示 emoji，不能把别人的字体扒来用。如果想用别人的设计，那么要获得授权。&br&&br&另外，很多人分不清 &u&emoticon/kaomoji/?文字&/u& 和 &u&emoji/?文字&/u&。&br&这个问答涉及的是 emoji/?文字。Emoticon/kaomoji/?文字 主要指的是 :) (^_^) (&'_')& 那样用字符构造的表情符号。&br&&ul&&li&英语称 :) (^_^) (&'_')& 这些东西为「emoticon」，日语称其「kaomoji（?文字）」。其中最典型的是 :) 这样笑脸类的表情符号，这一类在英语里通常称作「smiley」，它们在即时通讯工具等环境中时常也是图形，如 &a href=&///?target=http%3A//www.unicode.org/charts/PDF/U1F600.pdf& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Unicode Emoticons block&i class=&icon-external&&&/i&&/a& 里展示的那样。&br&&/li&&li&而 emoji/?文字 的题材远远超出了表情，并且一定是图形，不是用各式字符拼凑的。&/li&&/ul&&br&[1] Apple Color Emoji 的部分字符：&br&&img src=&/14fe0cce0e_b.jpg& data-rawwidth=&798& data-rawheight=&810& class=&origin_image zh-lightbox-thumb& width=&798& data-original=&/14fe0cce0e_r.jpg&&
这是源自日本的 emoji（?文字）。 这***图片都来自苹果公司在其 iOS 与 OS X 操作系统中提供的 Apple Color Emoji（Apple 彩色表情符号）字体。[1] 是的，这套图形的概念源自日本；但从腾讯的角度，这些图片取自苹果的字体。 听说 Android 版微信里也提供…
我觉得这是一个很有意思的问题。&br&&br&考据方面要找到第一次使用「齿轮」和「扳手」这两个隐喻的电脑软件似乎已经很难了，不过粗粗看了一下 GUIdebook [1] 发现貌似第一次出现在操作系统当中的扳手是 OS/2 Warp 4 里的设置：&img src=&/137bba50c_b.jpg& data-rawwidth=&32& data-rawheight=&32& class=&content_image& width=&32&&&br&而第一次出现的齿轮是 Win 95 里的设置：&br&&img src=&/9c05be335d18ec6e826d0_b.jpg& data-rawwidth=&32& data-rawheight=&32& class=&content_image& width=&32&&&br&-------------- 一条华丽丽的分割线，以下纯猜想 --------------- &br&&br&OS/2 的工具箱加上里面若干工具很好地体现了「设置」所指代的意思，但是作为一个图标实在太复杂了，虽然以当时（1996）的水平已经够美观了，但是细节太多识别性较弱，所以可能后来的设计师重新提取了一下里面的元素。工具箱本身的造型相对 general，一个方盒子的指代性太弱所以选取了里面的工具。这些工具无非就是扳手、螺丝刀和锤子。锤子给人的感觉略带破坏性可能会产生歧义，所以就用了扳手和螺丝刀，很多 Linux 系统下就是这样：&img src=&/34d46d046a05a6d6b21013_b.jpg& data-rawwidth=&32& data-rawheight=&32& class=&content_image& width=&32&&[2] &br&&br&经常做系统图标的设计师可能很讨厌扳手、螺丝刀这两个货，因为他们都特妈是长条型的！不管是放一个还是放两个、交叉放还是平行放，只要想完整显示都很难在图标的方形区域里面放得够饱满！也许是因为这个原因，齿轮登场了。&br&&br&齿轮比较讨巧的地方在于从语义上人们很容易把他和扳手这类工具联系起来，生活中也算比较常见，而且在一般人的印象当中又往往是成对、成组出现的。所以从图标的设计上来讲设计师有很多选择：可以放一个单独的齿轮，一对互相咬合的齿轮或者一组前后重叠的齿轮，有很多方法能满足不同的系统图标一致性、饱满度、美观等方面的需求。&br&&br&所以，我的回答是：&b&决定图标取哪些隐喻时，除了基本的识别性，美观其实是个很重要的指标~&/b&&br&&br&另外其实还有不少其他的常见事物来表达设置，比如开关&img src=&/f4f8d6e7c94a00ae029d28_b.jpg& data-rawwidth=&117& data-rawheight=&104& class=&content_image& width=&117&&&br&和一些模拟电脑中实际设置界面控件的图标:&img src=&/f81b862b6aa5e2e11adf106d6871419c_b.jpg& data-rawwidth=&32& data-rawheight=&32& class=&content_image& width=&32&&&br&&br&&br&[1] &a href=&///?target=http%3A//www.guidebookgallery.org/icons/components& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&guidebookgallery.org/ic&/span&&span class=&invisible&&ons/components&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&[2] &a href=&///?target=http%3A//commons.wikimedia.org/wiki/Crystal_Clear& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&commons.wikimedia.org/w&/span&&span class=&invisible&&iki/Crystal_Clear&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
我觉得这是一个很有意思的问题。 考据方面要找到第一次使用「齿轮」和「扳手」这两个隐喻的电脑软件似乎已经很难了，不过粗粗看了一下 GUIdebook [1] 发现貌似第一次出现在操作系统当中的扳手是 OS/2 Warp 4 里的设置： 而第一次出现的齿轮是 Win 95 里的设…
这题用 AI、Sketch 等矢量绘图工具来做，可能比 Photoshop 合适。以下过程使用 Sketch 绘制，其他软件可触类旁通。&br&&br&------&br&一、首先画好一大一小两个圆。我在这里使用直径分别为 300px 和 130px 的两个圆来拟构。&br&&img src=&/5dc87f0de339a5f91f1bb9_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&br&二、作一个圆，分别与大圆两圆内切。如图。&img src=&/59ffacca8ec860f60c006e08b5be10fb_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&三、分别在其他方向再作与上面一步类似的圆。如图。&br&&img src=&/3a6acb8b6f910fe9bbb5_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&四、将刚才做的四个圆分别在上、下、左、右分别裁去一半，形成半圆。如图。&img src=&/f63f1755b4cfcdc71689a0_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&br&五、基本已经成型。接下来，将大圆、小圆的四分之一与刚才剪剩的四个半圆路径连接，形成一个形状。此处详细操作不在赘述。&img src=&/9cbc0b27ed38fc8e7c2e274_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&br&六、参考原图，填充渐变。&img src=&/d7dfd6d62da_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&br&七、成品。&br&&img src=&/87acec0a1c9f4ef0df5aa08af006a5a3_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&
这题用 AI、Sketch 等矢量绘图工具来做，可能比 Photoshop 合适。以下过程使用 Sketch 绘制，其他软件可触类旁通。 ------ 一、首先画好一大一小两个圆。我在这里使用直径分别为 300px 和 130px 的两个圆来拟构。 二、作一个圆，分别与大圆两圆内切。如图。…
该图标的资源ID号是42，根据Windows源码中的记录可以找到它的名字：&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&// Icon id's
#define IDI_DOCUMENT
// generic document (blank page)
#define IDI_DOCASSOC
// generic associated document (with stuff on the page)
#define IDI_APP
// application (exe)
#define IDI_FOLDER
#define IDI_FOLDEROPEN
// open folder
#define IDI_DRIVE525
// 5.25 floppy
#define IDI_DRIVE35
#define IDI_DRIVEREMOVE
// Removeable drive
#define IDI_DRIVEFIXED
// fix disk, regular hard drive
#define IDI_DRIVENET
// Remote drive
#define IDI_DRIVENETDISABLED
// Remote drive icon (disconnected)
#define IDI_DRIVECD
// CD-ROM drive
#define IDI_DRIVERAM
// RAM drive
#define IDI_WORLD
#define IDI_NETWORK
// Network
#define IDI_SERVER
#define IDI_PRINTER
// Printer
#define IDI_MYNETWORK
// The My Network icon
#define IDI_GROUP
// Startmenu images.
#define IDI_STPROGS
#define IDI_STDOCS
#define IDI_STSETNGS
#define IDI_STFIND
#define IDI_STHELP
#define IDI_STRUN
#define IDI_STSUSPEND
#define IDI_STEJECT
#define IDI_STSHUTD
// Overlays.
#define IDI_SHARE
// shared thing (overlap)
#define IDI_LINK
// link icon (overlap)
#define IDI_SLOWFILE
// slow file icon (overlap)
#define IDI_RECYCLER
#define IDI_RECYCLERFULL
#define IDI_RNA
// Remote Network Services
#define IDI_DESKTOP
// Desktop icon
// More Startmenu images.
#define IDI_STCPANEL
#define IDI_STSPROGS
#define IDI_STPR***S
#define IDI_STFONTS
#define IDI_STTASKBR
#define IDI_CDAUDIO
// CD Audio Disc
#define IDI_TREE
// Network Directory Tree
#define IDI_STCPROGS
#define IDI_STF***
// Start menu's favorite icon
#define IDI_STLOGOFF
#define IDI_STFLDRPROP
#define IDI_WINUPDATE
&/code&&/pre&&/div&&br&就是它&br&&div class=&highlight&&&pre&&code class=&language-text&&#define IDI_TREE
// Network Directory Tree
&/code&&/pre&&/div&&br&注释是Network directory tree，再没有其它信息（代码为NT4网络泄露的源码，整个源码中再没有对这个宏的引用，也再没有类似的定义）。&br&根据资源浏览器查看资源信息，这个图标只有32*32和16*16两个版本，并且都是16色的：&br&&br&&img data-rawheight=&320& data-rawwidth=&434& src=&/c09211f70bbf863e69acedfdc4f6fb5e_b.png& class=&origin_image zh-lightbox-thumb& width=&434& data-original=&/c09211f70bbf863e69acedfdc4f6fb5e_r.png&&&br&（注：截图中的shell32.dll来自Win98SE）&br&&br&那么根据wiki上的描述（&a href=&///?target=https%3A//en.wikipedia.org/wiki/ICO_%28file_format%29& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ICO (file format)&i class=&icon-external&&&/i&&/a&），Win98时代就已经支持超过16色的图标了，如果这个图标在Win98时代继续使用，那么Windows应该会出更新的版本。所以，&b&这个图标的使用应该早于Windows 98，甚至早于Windows 95.&/b&&br&&br&wiki上有一句话：Support for 16 colors was introduced in &a href=&///?target=https%3A//en.wikipedia.org/wiki/Windows_3.0& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Windows 3.0&i class=&icon-external&&&/i&&/a&.（注：有来源请求的要求），那么这个图标最早可能在Windows 3.0时代，并最晚不会超过Windows95.&br&&br&由于我本机上能找到的最早安全镜像只有Win98，所以无法验证Win3.0时代这个图标用在什么地方，所以只能根据代码里猜测&b&它可能是一个曾经用于表达网络目录树的图标，可能存在于Win3.0~Win95之间&/b&（更新：Win95中有这个图标，但由于Win95配置网络太复杂，所以没找到具体它用在哪里）。&br&&br&为什么微软不移除这个图标？&b&因为考虑到兼容性必须保留它，42是它的resource ID，即使后续没有人使用了，这个ID也不会被别人使用&/b&。
该图标的资源ID号是42，根据Windows源码中的记录可以找到它的名字： // Icon id's
#define IDI_DOCUMENT 1 // generic document (blank page)
#define IDI_DOCASSOC 2 // generic associated document (with stuff on the page)
#define IDI_APP 3 // appli…
Grasshopper for Rhino里的&b&Duplicate date（复制数据）&/b&命令，其功能是将你所输入的数据复制N次。&br&&br&&img src=&/2c4890bbaa561fc6b03a237eaa9432cf_b.jpg& data-rawwidth=&538& data-rawheight=&567& class=&origin_image zh-lightbox-thumb& width=&538& data-original=&/2c4890bbaa561fc6b03a237eaa9432cf_r.jpg&&&br&&img src=&/8aa901c81a79b49b6e9a80a4d1cacf3c_b.jpg& data-rawwidth=&976& data-rawheight=&653& class=&origin_image zh-lightbox-thumb& width=&976& data-original=&/8aa901c81a79b49b6e9a80a4d1cacf3c_r.jpg&&&br&&img src=&/2bc562cfc1b2ab698ceda_b.jpg& data-rawwidth=&759& data-rawheight=&689& class=&origin_image zh-lightbox-thumb& width=&759& data-original=&/2bc562cfc1b2ab698ceda_r.jpg&&&br&&br&软件设计者很调皮啊。
Grasshopper for Rhino里的Duplicate date（复制数据）命令，其功能是将你所输入的数据复制N次。 软件设计者很调皮啊。
感觉有个问题统一说下，顺便灭掉迪迦&br&我没有说这个制作绝对有规律，没有任何这个意思。&br&刚才你问我啊，我可以回答你说无可奉告，我也蒙圈，那怎么办？&br&但是大家这么热情啊，我一句话不说也不好。&br&我的意思不是钦点它有规律，你问我有没有，我说可以有，我就明确告诉你。&br&我没有说这个制作绝对有规律，你问我有没有规律。我说：‘’绝对没有规律‘’，它们都是圆圈怎么不可以有规律！&br&所以你们将来在学习上出了偏差，你们自己要负责。&br&规律也要按照适合的方式啊，按 按照比例，按照斐波那契，当然我们的感性也是很重要的，设计是为人的感官服务的 ，到时候你们会感觉到美丑的&br&（当然想有规律，最好还是正圆方便点&br&//****************************************************************//&br&&img src=&/8b491fb01ce75abcaae13ff3648bda2e_b.jpg& data-rawwidth=&500& data-rawheight=&350& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/8b491fb01ce75abcaae13ff3648bda2e_r.jpg&&&br&1.圆圈（我这个是大概画的比较粗糙&br&&img src=&/bcc996fefdb06c0dabf89_b.jpg& data-rawwidth=&500& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/bcc996fefdb06c0dabf89_r.jpg&&2.形状生成器&br&&img src=&/d985dc8ab9_b.jpg& data-rawwidth=&500& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/d985dc8ab9_r.jpg&&3.差不多
修一修不平滑的地方和交叉的锚点&br&&img src=&/9a2bbbfb6d38bd8a09d46_b.jpg& data-rawwidth=&501& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&501& data-original=&/9a2bbbfb6d38bd8a09d46_r.jpg&&4.渐变&br&&img src=&/3c019ed03bda3c1a5a8a_b.jpg& data-rawwidth=&501& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&501& data-original=&/3c019ed03bda3c1a5a8a_r.jpg&&5.高光的分割类似前面，也可以路径查找器&br&&img src=&/deadfd66a227a60c8e000f9a_b.jpg& data-rawwidth=&501& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&501& data-original=&/deadfd66a227a60c8e000f9a_r.jpg&&6.可以实色，也可以带透明度的渐变，把模式设成叠加。&br&&br&剩下的就偷懒不做了 收工&br&其实可以直接上钢笔工具慢慢画，也可以拿笔画画，到软件里用比较规整的手段（基本形状）处理下
感觉有个问题统一说下，顺便灭掉迪迦 我没有说这个制作绝对有规律，没有任何这个意思。 刚才你问我啊，我可以回答你说无可奉告，我也蒙圈，那怎么办？ 但是大家这么热情啊，我一句话不说也不好。 我的意思不是钦点它有规律，你问我有没有，我说可以有，我就…
鼎鼎大名的图标工厂：&a href=&///?target=http%3A///freeware& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/freewar&/span&&span class=&invisible&&e&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
&br& 不错的独眼图标搜索：&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&
&br& 极限主题的图标区域：&a href=&///?target=http%3A//bbs.themex.net/showthread.php%3Ft%3D& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&bbs.themex.net/showthre&/span&&span class=&invisible&&ad.php?t=&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
&br& The Noun Project：&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&
&br& deviantart的图标区：&a href=&///?target=http%3A///customization/icons/os/mac/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/c&/span&&span class=&invisible&&ustomization/icons/os/mac/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
&br&还有很多不列举了......
鼎鼎大名的图标工厂： 不错的独眼图标搜索： 极限主题的图标区域： The Noun Project： deviantart的图标区： 还有很多不列举了......
那些用颜色分组app的人们这个时候就要把支付宝放到另一个文件夹里了。&br&同一个文件夹里可能还躺着safari，邮件，app store，旺信，知乎和知乎日报等
那些用颜色分组app的人们这个时候就要把支付宝放到另一个文件夹里了。 同一个文件夹里可能还躺着safari，邮件，app store，旺信，知乎和知乎日报等
泻药，这是一个很有用处但很容易被忽略的一个点：&b&斜面与浮雕的等高线&/b&&br&&br&&br&想象一下，如果有这样一个面片&br&&img src=&/09faea7ac245b9b2fcb3f3_b.png& data-rawwidth=&477& data-rawheight=&225& class=&origin_image zh-lightbox-thumb& width=&477& data-original=&/09faea7ac245b9b2fcb3f3_r.png&&&br&&br&如果它能沿着y轴绕一圈，然后从上往下看的话，就差不多是题主的那个图形了&br&&img src=&/78ea24fa45bb0_b.png& data-rawwidth=&473& data-rawheight=&389& class=&origin_image zh-lightbox-thumb& width=&473& data-original=&/78ea24fa45bb0_r.png&&（简直灵魂画师）&br&&br&&br&3DAMAX和MAYA里这个功能叫做旋转或者车削，PS里我们不能真的建个模型出来，但是可以用光影达到类似的效果----斜面与浮雕的等高线。&br&&br&===============================================================&br&打开PS,画一个圆&br&&img src=&/76d61a14a22c7b6c2cc56422dde975df_b.jpg& data-rawwidth=&500& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/76d61a14a22c7b6c2cc56422dde975df_r.jpg&&&br&&br&进入图层样式----斜面和浮雕----等高线&br&&img src=&/453a4bfbaa71aef1bea63b723b0da98a_b.png& data-rawwidth=&617& data-rawheight=&504& class=&origin_image zh-lightbox-thumb& width=&617& data-original=&/453a4bfbaa71aef1bea63b723b0da98a_r.png&&&br&&br&画一个“需要旋转的面片”按确定，你会发现。。。并没什么卵用&br&&img src=&/4e75ef7e5ef07aa9fa6eb8ba5e823e7e_b.png& data-rawwidth=&414& data-rawheight=&435& class=&content_image& width=&414&&&br&&br&&br&&br&所以我们回去把大小给改一下&br&&img src=&/f00dbc8f706e_b.png& data-rawwidth=&617& data-rawheight=&504& class=&origin_image zh-lightbox-thumb& width=&617& data-original=&/f00dbc8f706e_r.png&&&br&&br&&br&然后你会发现，图片变成了这样&br&&img src=&/ce0faff7e8776e6cba55f_b.png& data-rawwidth=&494& data-rawheight=&487& class=&origin_image zh-lightbox-thumb& width=&494& data-original=&/ce0faff7e8776e6cba55f_r.png&&&br&本教程结束。。。&br&&br&&br&这里我只涉及了等高线和大小两个数值做为示范，没再讲别的数值，因为这些数值都很容易懂，上手拉一下就知道是什么意思了。&br&&br&等高线是这种图最重要的一步，知道了这一步，接下来想达到题主图中的效果就只是微调别的数值和颜色的事了。&br&&br&&br&&br&&br&&br&拓展思考：投影和内阴影的等高线&img src=&/62fedb06211_b.jpg& data-rawwidth=&77& data-rawheight=&84& class=&content_image& width=&77&&
泻药，这是一个很有用处但很容易被忽略的一个点：斜面与浮雕的等高线 想象一下，如果有这样一个面片 如果它能沿着y轴绕一圈，然后从上往下看的话，就差不多是题主的那个图形了 （简直灵魂画师） 3DAMAX和MAYA里这个功能叫做旋转或者车削，PS里我们不能真的…
某著名意大利托斯卡纳酒厂2012年出了个定制版，大概长这样&br&&br&&img src=&/f69b08fe49f2ba79903b9_b.png& data-rawwidth=&349& data-rawheight=&565& class=&content_image& width=&349&&&br&&br&放大了看&br&&br&&img src=&/8afa315a458ae7_b.png& data-rawwidth=&392& data-rawheight=&370& class=&content_image& width=&392&&&br&&br&兼具艺术和喜剧效果。&br&&br&当然风格太强烈可能不是所有人能接受。&br&&br&那换个普通点的。&br&&br&&img src=&/78ca8c858d_b.jpg& data-rawwidth=&242& data-rawheight=&220& class=&content_image& width=&242&&&br&&br&Opus One，头像是罗伯特蒙大维和菲利浦罗斯柴尔德，喜欢阴谋论的大概知道。&br&&br&或者你就喜欢特别贵的，反正喝不起，画身上也过瘾。&br&&br&&img src=&/75cae491b1afa61745edd55f31b1c7a5_b.jpg& data-rawwidth=&550& data-rawheight=&314& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&/75cae491b1afa61745edd55f31b1c7a5_r.jpg&&&br&Screaming Eagle。&br&&br&想起前两天碰到Luce酒庄的庄主，她身上也纹了一个。&br&&img src=&/9dfd015bdafeaa66fab696_b.jpg& data-rawwidth=&249& data-rawheight=&249& class=&content_image& width=&249&&&img src=&/baec5ae747e_b.jpg& data-rawwidth=&649& data-rawheight=&707& class=&origin_image zh-lightbox-thumb& width=&649& data-original=&/baec5ae747e_r.jpg&&&br&闪闪的太阳放光芒，左手Solaia右手Luna闪瞎人的感觉真棒。&br&&br&文艺小清新，也许会喜欢香槟多一些。那选择可多了。&br&&br&&img src=&/fefa8fd885845_b.jpg& data-rawwidth=&750& data-rawheight=&770& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/fefa8fd885845_r.jpg&&Perrier-Jouet Belle Epoque。法兰西历史上最好的美丽时光。&br&&br&&img src=&/ff184bf077badcdb5ac6_b.jpg& data-rawwidth=&600& data-rawheight=&360& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ff184bf077badcdb5ac6_r.jpg&&极简主义的Jacques Selosse NV。&br&&br&&img src=&/ddd006e3ae983f7bbfc0f2_b.jpg& data-rawwidth=&600& data-rawheight=&337& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ddd006e3ae983f7bbfc0f2_r.jpg&&&br&&img src=&/34d8baeb459aec372ff000_b.jpg& data-rawwidth=&600& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/34d8baeb459aec372ff000_r.jpg&&说唱歌手很喜欢，金属质感强烈的黑桃A。别问我为什么在Rap界它受欢迎的理由，我也不知道。&br&&br&著名摇滚乐团Queen在Queen Killer里也提到过一个香槟，Moet。&br&&img src=&/fa67f799f7aa1bf_b.jpg& data-rawwidth=&1200& data-rawheight=&1133& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/fa67f799f7aa1bf_r.jpg&&不过Moet又丑又难喝，反正纹啥价格都一样，不如直接上他家高端款Dom Perignon，还各种颜色都有，酷炫。&br&&br&可是香槟毕竟是明骚，如果想暗一点，还是得看香槟隔壁的勃艮第，老牌闷骚。&br&&br&&img src=&/7067ffa8d2d3fc4c715a_b.jpg& data-rawwidth=&761& data-rawheight=&535& class=&origin_image zh-lightbox-thumb& width=&761& data-original=&/7067ffa8d2d3fc4c715a_r.jpg&&Chablis最大地主William Fevre的Hipster Edition，够嬉皮，关灯更骚气，直接就是一个大花臂了。&br&&br&最后放个另类一点的。&br&&br&&img src=&/f65c8ded0ce2abffe08a039_b.jpg& data-rawwidth=&917& data-rawheight=&658& class=&origin_image zh-lightbox-thumb& width=&917& data-original=&/f65c8ded0ce2abffe08a039_r.jpg&&这也是酒标……不管你信不信……Barossa名家 First Drop。
某著名意大利托斯卡纳酒厂2012年出了个定制版，大概长这样 放大了看 兼具艺术和喜剧效果。 当然风格太强烈可能不是所有人能接受。 那换个普通点的。 Opus One，头像是罗伯特蒙大维和菲利浦罗斯柴尔德，喜欢阴谋论的大概知道。 或者你就喜欢特别贵的，反正喝…
图标的痛点，在于「风格不一致」，而不是「随心所欲更换」。&br&「换」只是手段，目的是让用户自己觉得顺心顺眼顺手。&br&&br&---- 插几句话讨论一下「痛点」&br&&br&鉴于有几位仁兄提到「不是痛点」，只说几个典型例子：我查查、百度。看看多少人吐槽他们的图标设计。&br&每天带在身上的东西，有那么几个奇葩设计，就像家里装修时，一个喜欢中式红木的人，被强制搭配了几件北欧简约家具一样，很闹心。&br&&br&只要不爽，就是痛点。只有大小之分、范围之分，没有是否之分。不是解决多大问题才配用痛点这个词，小毛病一样是痛。&br&&br&自己家里拍苍蝇时，留在白墙上一个黑乎乎的尸体，这么小的事，算不算痛点？算。&br&爱惜物品的人，手机后壳被划了一道，算不算痛点？算。&br&手小的人，每次操作肾 5 都嫌手指不够长，算不算痛点？算。&br&它们都是痛点，但程度不同，解决动力也不同。&b&但绝不能因为它们小，就说：这根本不是痛点。&/b&&br&直视并忠实记录这些细微之处，是设计师的基本功。&br&&br&---- 插播完毕&br&&br&「风格不一致」，其一是图标之间搭配的问题，其二是与使用者搭配的问题。&br&图标搭配的问题比较好理解，使用者搭配的问题主要是使用场景，比如商务人士、中学生、热恋情侣等等，他们对于视觉风格的追求和耐受程度都不一样。&br&&br&看图讨论。以下是我的肾截图。按照使用频度将重点应用列于首屏，并按照右手习惯，以操作便捷为标准，调整了图标位置。&img src=&/84cdd98feccd52cfbaab9f_b.jpg& data-rawwidth=&640& data-rawheight=&960& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/84cdd98feccd52cfbaab9f_r.jpg&&&br&可以看到，完全按照个人喜好定制的首屏，各应用图标之间的搭配&b&多么不协调&/b&。同屏内出现了水晶高光、拟物、相片、平面等等设计方式，各种阴影、各种色调，还有最恶心的那个瘟酒吧风格+歪脖的 icon 我最想掀桌……&br&&br&还有一种方式，略极端，来自&a class=&member_mention& data-editable=&true& data-title=&@涛吴& data-hash=&e5fb0aab23f1ebcad178c79& href=&///people/e5fb0aab23f1ebcad178c79& data-hovercard=&p$b$e5fb0aab23f1ebcad178c79&&@涛吴&/a& ：&a href=&/question//answer/& class=&internal&&如何优雅地布置 iPhone 桌面？&/a&&br&&img src=&/3d8de3a71c874209bcb47c94bd6335a5_b.jpg& data-rawwidth=&600& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/3d8de3a71c874209bcb47c94bd6335a5_r.jpg&&&br&毫无恶意地评价一下，这样真的很难看，完全辜负了优质视觉设计的初衷……（抱歉）&br&可是从使用上说，这样的布局是用户最顺手的。&b&带来一个痛点：看不顺，但用得顺。&/b&&br&&br&为了解决看不顺的问题，有些筒子这样处理，如&a class=&member_mention& data-editable=&true& data-title=&@子雄& data-hash=&e41a75ba81f6b9b8ed30& href=&///people/e41a75ba81f6b9b8ed30& data-hovercard=&p$b$e41a75ba81f6b9b8ed30&&@子雄&/a& ：&a href=&/question//answer/& class=&internal&&如何优雅地布置 iPhone 桌面？&/a&&br&&img src=&/3afdf0df73fb68a5b66c463_b.jpg& data-rawwidth=&600& data-rawheight=&763& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/3afdf0df73fb68a5b66c463_r.jpg&&&br&好嘛我说这是强迫症。&br&另外一种按视觉风格划分的手段来自&a class=&member_mention& data-editable=&true& data-title=&@zcxxiv& data-hash=&12b2f85bdbfec484fc3a5b& href=&///people/12b2f85bdbfec484fc3a5b& data-hovercard=&p$b$12b2f85bdbfec484fc3a5b&&@zcxxiv&/a&：&a href=&/question//answer/& class=&internal&&如何优雅地布置 iPhone 桌面？&/a&&br&&img src=&/1e367e247a8da39bef9dde_b.jpg& data-rawwidth=&600& data-rawheight=&1065& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/1e367e247a8da39bef9dde_r.jpg&&&br&&br&各位看官不妨去相应的问题下看看，布置美观的***所获得的赞同票，多少能说明一些问题。&br&&br&这样的布局，满足了美观，却牺牲了可用性。先不说在同色调图标里找目标的延迟，单说一点，图标色调一致的应用，使用场景本身未必一致。&b&由此带来第二个痛点：顾得了好看，顾不上方便。&/b&&br&&br&&br&锤子现在帮第三方改图标的事儿，虽然多少有点吃力不讨好，略显二，但他们在解决这两个痛点上迈出了第一步：&b&试图强势托管第三方图标，保证手机本身形象一致。&/b&在一致的基础上，才有可能谈更高层面的风格、理念或者理想。&br&&br&&b&由此看，更换图标的市场如果存在，则注定是一个单方优势的市场，类似于招投标中的甲乙方。不会像应用市场一样百花齐放，因为图标的痛点恰好在于「&/b&&b&因为百花齐放而导致的不协调」&/b&&b&。&/b&
图标的痛点，在于「风格不一致」，而不是「随心所欲更换」。 「换」只是手段，目的是让用户自己觉得顺心顺眼顺手。 ---- 插几句话讨论一下「痛点」 鉴于有几位仁兄提到「不是痛点」，只说几个典型例子：我查查、百度。看看多少人吐槽他们的图标设计。 每天…
&b&括弧里面是对应的半径大小&/b&
&br& iTunes Artwork icon ─────────────────512px (90px)
&br&App icon(iPhone4) ──────────────────114px (20px)
&br&App icon(iPad) ────────────────────72px (12px)
&br&App icon(iPhone 3G/3GS) ───────────────57px(10px)
&br&Spotlight/Settings icon icon(iPhone4) ──────────58px (10px)
&br&Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)
括弧里面是对应的半径大小 iTunes Artwork icon ─────────────────512px (90px) App icon(iPhone4) ──────────────────114px (20px) App icon(iPad) ────────────────────72px (12px) App icon(iPh…
谁要给你绞尽脑汁，只要给你看我的就够了。&br&&br&===============傲娇的分割线=============&br&你让我特地去搜实在是费精力，就找出平时拍的照片，顺便给你个位置参考，谁让我有收图癖。你是男孩纸，所以以下请酌情参考。&br&&img src=&/c08b6cac8cb717e466c9bd1ff5aaf8d6_b.jpg& data-rawwidth=&2336& data-rawheight=&4160& class=&origin_image zh-lightbox-thumb& width=&2336& data-original=&/c08b6cac8cb717e466c9bd1ff5aaf8d6_r.jpg&&店里妹子的手绘，原型是Broker's金酒，特点顺滑，好用。&br&&img src=&/ffa51bff8c715e316c1931_b.jpg& data-rawwidth=&656& data-rawheight=&448& class=&origin_image zh-lightbox-thumb& width=&656& data-original=&/ffa51bff8c715e316c1931_r.jpg&&位置建议↓↓↓↓&br&&img src=&/3dcd8356a0_b.jpg& data-rawwidth=&751& data-rawheight=&1002& class=&origin_image zh-lightbox-thumb& width=&751& data-original=&/3dcd8356a0_r.jpg&&&br&&img src=&/50e55b4de673da66dda6_b.jpg& data-rawwidth=&2012& data-rawheight=&3009& class=&origin_image zh-lightbox-thumb& width=&2012& data-original=&/50e55b4de673da66dda6_r.jpg&&&p&另一个手绘，苦艾酒。&/p&&p&&a href=&///?target=http%3A//mp./s%3F__biz%3DMzA5OTM1MzgxNg%3D%3D%26mid%3Didx%3D1%26sn%3Dc24b9e0ebca375381dfa66%26scene%3D21%23wechat_redirect& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一杯苦艾酒和一轮日落又有什么区别呢&i class=&icon-external&&&/i&&/a&&/p&&p&位置建议↓↓↓↓&/p&&p&&img src=&/93d7cce644d02c532a3aa_b.jpg& data-rawwidth=&736& data-rawheight=&746& class=&origin_image zh-lightbox-thumb& width=&736& data-original=&/93d7cce644d02c532a3aa_r.jpg&&（其实我觉得孤零零一个瓶子蠢蠢的，比如下图）&br&&/p&&img src=&/4f1f28be6f0f6e8ad34e43_b.jpg& data-rawwidth=&555& data-rawheight=&621& class=&origin_image zh-lightbox-thumb& width=&555& data-original=&/4f1f28be6f0f6e8ad34e43_r.jpg&&&br&&br&&br&&img src=&/3ea52c6e_b.jpg& data-rawwidth=&1728& data-rawheight=&2807& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&/3ea52c6e_r.jpg&&&p&四玫瑰波本威士忌，玫瑰泛滥但美艳就是美艳&/p&&p&位置建议↓↓↓↓&/p&&img src=&/eebebf87f6e1_b.jpg& data-rawwidth=&725& data-rawheight=&737& class=&origin_image zh-lightbox-thumb& width=&725& data-original=&/eebebf87f6e1_r.jpg&&&img src=&/9ca0b1bc3b4c5c9014cd65_b.jpg& data-rawwidth=&490& data-rawheight=&319& class=&origin_image zh-lightbox-thumb& width=&490& data-original=&/9ca0b1bc3b4c5c9014cd65_r.jpg&&&br&&br&&br&&img src=&/44bea219ffa9128b2bfc7_b.jpg& data-rawwidth=&1950& data-rawheight=&1293& class=&origin_image zh-lightbox-thumb& width=&1950& data-original=&/44bea219ffa9128b2bfc7_r.jpg&&&p&（还不错的一款龙舌兰，Gran Centenario）&/p&&p&位置建议↓↓↓↓&/p&&img src=&/c208a8c859bd205ee94f1_b.jpg& data-rawwidth=&525& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&525& data-original=&/c208a8c859bd205ee94f1_r.jpg&&&img src=&/7fa8d65103_b.jpg& data-rawwidth=&678& data-rawheight=&735& class=&origin_image zh-lightbox-thumb& width=&678& data-original=&/7fa8d65103_r.jpg&&&br&&br&&br&&br&&img src=&/eea8b8dbe6af91e814628_b.jpg& data-rawwidth=&2176& data-rawheight=&1448& class=&origin_image zh-lightbox-thumb& width=&2176& data-original=&/eea8b8dbe6af91e814628_r.jpg&&&p&（日本威士忌“响”，漂亮）&/p&&p&位置建议↓↓↓↓&/p&&img src=&/11b05df161b0ed5f8cd397c5b041d7a0_b.jpg& data-rawwidth=&500& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/11b05df161b0ed5f8cd397c5b041d7a0_r.jpg&&&img src=&/ed5b2beaba32_b.jpg& data-rawwidth=&500& data-rawheight=&375& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/ed5b2beaba32_r.jpg&&&br&&br&&br&&img src=&/5c82d941ead9c493d0e0fbf46a5e5a74_b.jpg& data-rawwidth=&2176& data-rawheight=&1448& class=&origin_image zh-lightbox-thumb& width=&2176& data-original=&/5c82d941ead9c493d0e0fbf46a5e5a74_r.jpg&&&p&（我自己很喜欢的一款伏特加，杯子也很可爱）&/p&&p&位置建议↓↓↓↓&/p&&img src=&/f9db9a03cc10bcbadd19a21c3bc06278_b.jpg& data-rawwidth=&500& data-rawheight=&312& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/f9db9a03cc10bcbadd19a21c3bc06278_r.jpg&&&img src=&/1ea7d364e9b1beb8f7e05711ddb50da5_b.jpg& data-rawwidth=&436& data-rawheight=&435& class=&origin_image zh-lightbox-thumb& width=&436& data-original=&/1ea7d364e9b1beb8f7e05711ddb50da5_r.jpg&&&img src=&/7f399fe2f1e8aaba2a2dbab_b.jpg& data-rawwidth=&500& data-rawheight=&279& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/7f399fe2f1e8aaba2a2dbab_r.jpg&&&br&&br&&img src=&/18c008cc6d561c7c2c7cbf22_b.jpg& data-rawwidth=&1994& data-rawheight=&3177& class=&origin_image zh-lightbox-thumb& width=&1994& data-original=&/18c008cc6d561c7c2c7cbf22_r.jpg&&&p&又是一款不错的金酒，标志的钥匙很复古。&/p&&p&位置建议↓↓↓↓&/p&&img src=&/3b93edabed4_b.jpg& data-rawwidth=&500& data-rawheight=&471& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/3b93edabed4_r.jpg&&&img src=&/f3da1ca21def4e94762def28cef1d431_b.jpg& data-rawwidth=&508& data-rawheight=&517& class=&origin_image zh-lightbox-thumb& width=&508& data-original=&/f3da1ca21def4e94762def28cef1d431_r.jpg&&&br&&br&&br&&p&&img src=&/d33dde807c7bf0e1a00c87cbc986bf9f_b.jpg& data-rawwidth=&2300& data-rawheight=&2300& class=&origin_image zh-lightbox-thumb& width=&2300& data-original=&/d33dde807c7bf0e1a00c87cbc986bf9f_r.jpg&&sipsmith 金酒，金酒里的小清新，每次看到酒标总让我想起马拉美的诗《天鹅》&br&&/p&&p&&img src=&/cf4b36e8a78b1b408f38aa_b.jpg& data-rawwidth=&875& data-rawheight=&579& class=&origin_image zh-lightbox-thumb& width=&875& data-original=&/cf4b36e8a78b1b408f38aa_r.jpg&&位置建议↓↓↓↓&br&&img src=&/cd4d7708666fedfc48874f0_b.jpg& data-rawwidth=&853& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&853& data-original=&/cd4d7708666fedfc48874f0_r.jpg&&&br&&/p&&br&&br&&br&&img src=&/abfb76e5caab2_b.jpg& data-rawwidth=&2300& data-rawheight=&2300& class=&origin_image zh-lightbox-thumb& width=&2300& data-original=&/abfb76e5caab2_r.jpg&&&p&patron 龙舌兰，好喝的。&/p&&p&位置建议↓↓↓↓&/p&&img src=&/b9a275c6bda_b.jpg& data-rawwidth=&503& data-rawheight=&557& class=&origin_image zh-lightbox-thumb& width=&503& data-original=&/b9a275c6bda_r.jpg&&&br&&br&&br&&p&&img src=&/936bbe8a163ff2c1d5e6a_b.jpg& data-rawwidth=&1280& data-rawheight=&960& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/936bbe8a163ff2c1d5e6a_r.jpg&&这个就比较常见了，亨德利爵士金，有玫瑰入酒的金酒，别的不说，官网设计我是服的&br&&/p&&p&&img src=&/c07d2c609a427a0df68bc320a4a173e3_b.jpg& data-rawwidth=&637& data-rawheight=&635& class=&origin_image zh-lightbox-thumb& width=&637& data-original=&/c07d2c609a427a0df68bc320a4a173e3_r.jpg&&位置建议↓↓↓↓&br&&/p&&img src=&/9fbfa88b38_b.jpg& data-rawwidth=&456& data-rawheight=&522& class=&origin_image zh-lightbox-thumb& width=&456& data-original=&/9fbfa88b38_r.jpg&&&br&&br&&br&&p&&img src=&/68afc3a125e45b91cd119bd7_b.jpg& data-rawwidth=&500& data-rawheight=&334& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/68afc3a125e45b91cd119bd7_r.jpg&&你猜这个可以用哪款伏特加上的酒标？&br&&/p&&br&&img src=&/a1a0da47fa2a07783e70d_b.jpg& data-rawwidth=&841& data-rawheight=&832& class=&origin_image zh-lightbox-thumb& width=&841& data-original=&/a1a0da47fa2a07783e70d_r.jpg&&
谁要给你绞尽脑汁，只要给你看我的就够了。 ===============傲娇的分割线============= 你让我特地去搜实在是费精力，就找出平时拍的照片，顺便给你个位置参考，谁让我有收图癖。你是男孩纸，所以以下请酌情参考。 店里妹子的手绘，原型是Broker's金酒，特…
题主没有给出引发这个风潮的dribbble上最初那个Safari的图标，那个图标才真是美啊，非常舒服的配色，蓝白红的搭配不单调不枯燥，蓝色部分还有一点美好的***渐变，然后再加上long shadow，这所有的因素加起来才是这个图标非常成功的原因，而且这个shadow因为safari图标的特殊形状是分了两个层次的，诶等等指针下面还是有一点短阴影的。。反正就是怎么看怎么美啊，精致优雅细节丰富生动完美无缺。。。&br&&img src=&/d1252971dfd633d72eb78cfb83f231a8_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&br&可惜后来的效仿者们只学来了这个long shadow，各种瘟八风格图标直接加个long shadow就完事儿啦。。。虽然极其扁平无趣没细节又色彩单调的图标们加了这个长阴影之后还是要生动了许多，但是比起原作仍是差远啦。。。&br&具体要说怎么看待这种风潮，我觉得或许可以说是射鸡湿们对于扁平化风格的不满和突破性的尝试。。看看这个图标下面射鸡湿们是怎么评论的&br&&blockquote&If the flat-design future is inevitable, I would really wish it would take this direction! Marvelous work with layers and shadows!&br&&br&The kind of flat i was expecting from Apple... and would be very happy to see.&br&&br&love it ! This is what almost flat mean !&br&&br&This is great. I think flat design should incorporate 3D effects, albiet sparingly. It's like using color f use it smart and sparingly. This nails it!&/blockquote&&br&我觉得加上我个人的感受总结一下就是：扁平就扁平，但是拜托能不能不要那么难看那么平庸那么无聊那么没有技术含量，都像瘟八那种风格的扁平，射鸡湿们都可以下岗了。。。&br&&br&顺便偷偷吐下dribbble上某些此风格作品的槽&br&&img src=&/ff2fe6a90eda_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&摔！这啥玩意儿啊真的很难看啊竟然还有将近两百的like和一堆人评论nice！awesome！。。&br&shadow尾部没加羽化效果，就是沿着图形边界拉个黑条子这有啥意思啊。。。 （&u&哎呀这里没讲清楚引起了一些误会，我根本不在乎这个投影是不是真实，要求羽化效果是因为这种没细节的单色图形再不给阴影加点层次的话，真！的！很！难！看！！&/u&&br&我觉得不讲配色不讲细节的话long shadow至少应该是这样的&br&&img src=&/b47fbfa171b_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&看看，多美多优雅多高端洋气上档次。。。&br&&br&赞这个回答！&br&&blockquote&一切从艺术设计里寻找客观世界自然规律牛角尖的行为都是瞎扯淡&br&&br&设计本身就是美感与想象力，一个图标LOGO是否好看还要去分析是否符合自然规律，这不是闲的么？&/blockquote&非要要求自然规律的话，二维世界根本就没阴影这种东西好么。。。
题主没有给出引发这个风潮的dribbble上最初那个Safari的图标，那个图标才真是美啊，非常舒服的配色，蓝白红的搭配不单调不枯燥，蓝色部分还有一点美好的***渐变，然后再加上long shadow，这所有的因素加起来才是这个图标非常成功的原因，而且这个shadow因…
追加了一些资料。&br&==========&br&&br&1. 渲染成本，网页上svg渲染起来每一个色块儿都要显卡算一壶，最后卡的要命。icon-font利用的是系统的API，譬如DirectWrite，Core Text这样。这显然比通过浏览器一层一层渲染效率要高得多。&br&&br&2. 渲染效果，不同的浏览器乃至不同的平台的抗锯齿处理千差万别，你的图标如果多边形比较多，在底分辨屏幕上的效果可能千差万别，特别是如果赶上蛋疼的用户关掉抗锯齿，图标会惨不忍睹的。以及，就算不那么蛋疼，几个关键像素点因为处理方式的差异导致的差别，会让人跪了的。设计师会杀了你的。SVG相对于icon-font，最大的优势在于可以加进去颜色。但考虑这些因素后，多色图片受到渲染结果的影响更大。&br&&br&2a. 有时候为了让图标锐化，直线要特地和位图做匹配，参见iOS的普通屏幕, retina, 6 plus retina，加号横线的高度分别2px, 3px, 5px，对应@1x, @2x, @3x。对于字体而言，由于font hinting技术的存在（&a href=&///?target=http%3A//en.wikipedia.org/wiki/Font_hinting& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Font hinting&i class=&icon-external&&&/i&&/a&），我们可以针对低分辨率的屏幕度整个图标进行微小的位移，使其锐度更高。随便找一个font-awesome曾经处理hinting的issue：&a href=&///?target=https%3A///FortAwesome/Font-Awesome/issues/104& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Improve hinting for some icons, notably icon-camera ? Issue #104 ? FortAwesome/Font-Awesome ? GitHub&i class=&icon-external&&&/i&&/a&。这些SVG做不到，根本做不到，别想。&br&&br&2b. 关于抗锯齿，正好昨天帮同事改了个图标，再补充下。其实实色的icon有了简单的抗锯齿效果就已经不错了，但是有一个严重的软肋：line icon，尤其是涉及到横线或竖线的icon。不知大家是否还记得刚开始有液晶屏的时候，总有人介绍怎么关闭抗锯齿让字更清楚些，但现在的字已经很清楚了。这就是hinting技术的发展的结果。微软当时用了好久Veranda字体就是因为这个字体手工标记过hinting。涉及到横竖线的问题，如果恰巧你的一条线在hdpi的屏幕里上下各要占据半个像素点，而本身也就是两个px高，就会觉得那条线是糊的。这时如果是好的icon font，会用hinting在这种情况下移动一下这条线。&br&&br&3. Fallback的支持，太难了。&br&&br&4. 文件大。由于SVG以XML的方式描述图像，其文件大小通常是icon-font的数倍（&a href=&///?target=http%3A//blog.pictonic.co/post//svgs-are-cool-but-icon-fonts-are-just-10-of& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pictonic blog&i class=&icon-external&&&/i&&/a&）。如果大家对icon image进行优化，会发现如果icon / logo较小的时候用位图反而更有利于节省带宽。&br&&br&所以大家如果用SVG还是用icon-font，自然也就一目了然。在一些应用场景，SVG会有自身的优势，因此要酌情使用。但多数情况下，web开发以及浏览器开发的人，处理font的经验相对于矢量图要多一些。
追加了一些资料。 ========== 1. 渲染成本，网页上svg渲染起来每一个色块儿都要显卡算一壶，最后卡的要命。icon-font利用的是系统的API，譬如DirectWrite，Core Text这样。这显然比通过浏览器一层一层渲染效率要高得多。 2. 渲染效果，不同的浏览器乃至不同…
这个是精确的：&br&Icon512.png - 512px - 89.825&br&Icon.png - 57px - 10&br&Icon@2x.png - 114px - 20&br&Icon-72.png - 72px - 12.632&br&Icon-72@2x.png - 144px - 25.263&br&Icon-Small.png - 29px - 5.088&br&Icon-Small@2x.png - 58px - 10.175&br&&br&来源：&a href=&///?target=http%3A//hicksdesign.co.uk/journal/ios-icon-corner-radii& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&hicksdesign.co.uk/journ&/span&&span class=&invisible&&al/ios-icon-corner-radii&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&，&a href=&///?target=http%3A///questions/2105289/iphone-app-icons-exact-radius/0239376& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/quest&/span&&span class=&invisible&&ions/2105289/iphone-app-icons-exact-radius/39376&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
这个是精确的： Icon512.png - 512px - 89.825 Icon.png - 57px - 10 Icon@2x.png - 114px - 20 Icon-72.png - 72px - 12.632 Icon-72@2x.png - 144px - 25.263 Icon-Small.png - 29px - 5.088 Icon-Small@2x.png - 58px - 10.175 来源：…
已有帐号？
无法登录？
社交帐号登录