网页设计：不懂Metro风格设计敢称资深设计师？

　　时代在变化，我们的审美观也在随之改变，做为所谓的资深设计师们，你们意识到了吗?现在很多网站和应用软件也开始玩平面化设计(Win8风格)了,也就是所谓的Metro UI风格，如360杀毒、hotmail、腾讯、易迅、天猫、酷狗音乐、iPhone版的QQ音乐等等都已经朝这个兴起的UI风格改版。

　　在这里解释一下什么叫Metro UI风格，Metro UI风格起初是微软提出的一个概念(据说由于版权问题已经把Metro风格改叫Win8风格了)，Metro UI是一种界面展示技术，和苹果的iOS、谷歌的Android界面最大的区别在于：后两种都是以应用为主要呈现对象，而Metro界面强调的是信息本身，而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户“这儿有更多信息”。同时在视觉效果方面，这有助于形成一种身临其境的感觉。说白了就是完全平面化，设计简约，没有渐变、浮雕等质感效果。

　　这是目前比较流行的UI设计，好或坏那只能是见仁见智了，但大家都在做，你不做你就OUT了。

　　我有个习惯，每当有网站改版或APP升级，我都喜欢对比新版和旧版的特征，包括UI方面的变化、功能和性能方面的改进等。当然UI方面是我关注的重点，发现现在大多数APP应该软件改版都改为了所谓的Metro UI风格，譬如iPhone版的QQ音乐，改了之后确实时尚、高档了很多。

　　也许原来的一些质感UI效果、冗余的界面元素确实不太适合用户的长期浏览，容易给用户产生视觉疲劳。或者原来的设计风格已经无法满足现代人的审美标准，现在是极简主义年代、内容为王的年代，人们更需要的是内容质量上的满足，而不是华而不实的UI视觉冲击，UI设计上适当留白也许才是人们所追求的最终效果。因此无论Win 8将来是否会成功，它所提出的设计理念在某种程度上已经被人们接受了。

　　但很多UI设计师对此表示疑惑，如果全部设计都平面化了，那如果展现我的设计能力呢?那以后还要设计师干嘛?产品经理就可以直接把效果图设计完了。那我回答一下，这就是美工与设计师的区别，如果你有这个疑问，说明你只是一个美工，而且还没达到一个高级设计师的级别。以下我通过一个按钮的设计区分一下美工、设计师、高级设计师、资深设计师和首席设计师的区别。

　　一个资深网页设计师所要做的设计，是要提升到战略层面来，而不是在这些效果上做纠结。

　　但个人认为不是所有平面化设计都一定好看，其实想真正的把Metro UI风格设计好并非想象中的那么容易，要完全不需要质量效果的基础上设计得美观其实是很难的，我们来看几个案例，像360杀毒、南都网的设计就真心不错，而Kugoo就相对逊色一些。

　　本文作者Jason Wu，网页设计师，原文刊载于其个人博客：http://www.web78.cn/blog/

补充：web前端 , HTML/CSS  ,