网页设计:不懂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杀毒、南都网的设计就真心不错,而Kugou就相对逊色一些。
本文地址:http://tuquu.com/tutorial/di1481.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








