网站地图    收藏   

主页 > 前端 > css教程 >

网页设计:不懂Metro风格设计敢称资深设计师?

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] 时代在变化,我们的审美观也在随之改变,做为所谓的资深设计师们,你们意识到了吗?现在很多网站和应用软件也开始玩平面化设计(Win8风格)了,也就是所谓的Metro UI风格,如360杀......

 

  

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/

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论