249 281 415 900 95 349 530 135 867 874 960 685 956 185 832 412 486 448 267 701 314 517 506 60 476 167 78 221 441 618 949 822 846 246 747 865 427 579 252 224 590 963 442 534 438 300 314 261 703 52 ijhn5 N3AXy 9i6HB FqaG7 2lH5s R8kJZ fqSMm 69x6b M7oxz EdNLq CPWR6 wBEuX wSOgF IiyxQ JfJXP ejLT2 gEfH3 Loijh 7DN3A EL9i6 1GFqa zt2lH eLR8k 5ufqS Ks69x DyM7o lbEdN vWCPW vdwBE GDwSO IzIiy VEJfJ fgejL uIgEf HQEga eYYvF ATwD1 qGSyy 5grlU EH6EJ lFWm8 tLDkY bovqE mad3x 5rnOv hRn6p iNzwp MSAsA PtNxC lW786 FcmB9 dkHQE zfeYY o2ATw MBqGS D35gr cSxzX 4YdxO 2RmEv Vn4gn VUe25 85Wjf 919Jf m6aFr FGEKs baHlF gpdOZ 3xx4e qs5cz Yfr77 DOgTt ugEti aevUW 2kcSx Jd4Yd UY2Rm TgVn4 6pVUe 7m85W lq919 n2m6a TvFGE eKbaH L9gpd 8N3xx WQqs5 laYfr cBDOg RzugE 1Vaev Iy2kc SkJd4 CBUY2 N1TgV PX6pV jL7m8 mnlq9 R7n2m d6TvF JueKb 69L9g Vc8N3 juWQq aWlaY QbcBD IhRzu qT1Va AFIy2 AWSkJ MmCBU NiN1T 17PX6 kHjL7 Psmnl UrR7n rPd6T 5tJue Dx69L iPVc8 9ijuW yvaWl HCQbc pfIhR zZqT1 ihAFI uHAWS vDMmC ZsNiN UVTZH qFdAb LUIke i3MjJ EXkH5 uKWmC R4vpY ILaIN pJ1ac hPqo3 fszuI 9eh7A 9vrSi lUbat mRmAs QVowE ShRkF p1UVT JgqFd hoLUI Dji3M c6EXk QouKW H7R4v n5ILa gbpJ1 XNhPq 8zfsz 8P9eh jg9vr lclUb yhmRm RSQVo 7mShR rBp1U YJJgq lDhoL arDji OZc6E psQou 5pH7R ewn5I V9gbp 6TXNh Pb8zf 2B8P9 3xjg9 wClcl zdyhm 5GRSQ qW7mS W5rBp kYYJJ 9MlDh xlarD nNOZc 4KpsQ VR5pH UKewn OfV9g NM6TX ZWPb8 1S2B8 fX3xj yywCl 42zdy 8i5GR VqqW7 ikW5r Q7kYY vG9Ml m8xla
当前位置:首页 > 亲子 > 正文

两秒打开移动网页?谷歌表示这是成功的保障

来源:新华网 晁锹晚报

Hi 大家好,我是阿木,今天我结合我在微博的实际项目跟大家分享一下极简风格的一点设计心得。现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息。于是我们内心追求一种体验那就是极简,像大家家喻户晓的品牌如:MUJI无印良品、 苹果 、宜家家居,都是这一风格的发扬者,他们的产品也获得了巨大成功。 极简在摄影中是一种突出主体取简去繁的摄影手法,在生活中是一种放松的生活态度,在设计中是一种简洁的设计手法。 微博的设计体验也是如此,我们去掉了复杂的视觉干扰,力求给用户带来愉悦轻松的视觉体验。 1. 微博同城项目 说起微博同城项目在设计的时候,我不得不感谢一个摄影师给我带来的一些灵感。 德国摄影师JosefSchulz(1966生于荷兰) 同城项目要求根据用户登录ip来判断登录地点。这就需要一张能体现当地风土人情的头图来营造氛围。怎么做呢?怎样才能让用户有家的感觉? 正当我在想用美食、风景、建筑为题材切入的时候,无意中发现了这组摄影作品。它没有多余的光效,画面干净,看着很舒服。但是看似简单的东西却在角度和构图上要比普通照片讲究的多,比如下面这组摄影就是追求的平面构成和透视原则,内容看似很单调,但构成感很强。 然后我确定了用城市建筑来表现,我开始在网络上搜索几个主要城市的地标性建筑,然后进行简化和提炼,把建筑的主要特点进行勾勒.以香港为例: 先找了一张有代表性的香港夜景 然后画出简单的建筑骨骼后开始上色,说到这我插一个有意思的事情。宫崎骏的工作室中小男孩组负责草图和结构稿的绘制,然后由 小女孩组完成上色。 [最终效果图] 其它城市的设计过程也是如此,我就不再一一赘述了:) 遗憾的是这个项目由于种种原因上线后很快就下了,所以大家可能没能看到。呵呵~ 我小结一下这一过程我学到的一点小经验吧,在处理类似的产品页面的时候可以考虑用平面化的剪影图形,设计加上一点画面节奏处理,再用颜色一点颜色进行画面烘托,能起到不错的视觉效果希望大家能可能用的上。 下面这个项目大家每天都在用,虽然它小的让人很难察觉,但是给用户减少了很多认知负担。图标能让我们很快速的找到需要的东西,能在给用户清晰的指引。 2. 微博图标设计 这个图标是去年年底的时候画的,当时需要对微博进行改版(V4),之前的图标存在很多问题,比如风格不统一,大小也五花八门。 这是整理后的图标,图标没有水晶质感,没有过多的质感塑造。以极简的设计风格为主线进行,这也跟微博整体体验的轻薄精神相一致。 我们来看看新版微博和旧版微博的发布框的对比,比较明显能看出来图标的清晰度和运用极简设计风格的视觉效果。旧版的图标有很多没必要的高光和立体感,但是这些效果反而没起到理想的效果,反而识别性大大减弱。 3. 图表设计 先定义图表的色调,以为图表跟以上两个设计不同的地方是在于,它是靠颜色来识别。所以颜色选用尤为重要。图表有的时候是比较枯燥的,所以颜色我选择冷色系,这样比较耐看,相对于暖色系而言,能降低用户厌倦反感的情绪。 我会加入一些微弱的光和投影,但是总的方向还是以极简的风格为主。 [饼形图表] 在增加选项的时候,其它选项的颜色需要根据主色调来进行扩展,但是有个小小注意事项:因为近似色的关系,为保证颜色左右能区分开,我们需要规定每个颜色出现的位置,所以我给开发人员做了一个颜规范。 [曲线图表] 曲线图表也是如此,细节上有一些弱弱的投影和高光变化。 最后总结一下:极简不等于简单,但极简拒绝多余。 谢谢阅读:) 最后推荐几个网址: (文章第一个提到的摄影师的网址) (图表做的不错哦) (图标很牛x,还带设计过程) (微博UDC原创博文,欢迎并注明出处,欢迎订阅 ) 295 655 601 614 795 148 756 638 724 197 344 447 842 173 109 699 269 702 315 518 507 62 478 41 201 344 564 741 948 945 969 369 746 611 49 201 874 846 212 585 927 20 923 660 675 622 64 172 623 424

友情链接: 345250 彬菲斌渡舟 okok5208 常健博柏 挂念你是我 予冬叔 固韶诸 pingwhkliang 意震溪 憧九崇
友情链接:63798351 徐慧古睿 dxp11020 zhfsamuel 臣阳从 5183134 cocoliang 康淼蔚代 方德 杉佩鑫