网页设计:不懂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/

时间: 2024-11-05 18:38:49

网页设计:不懂Metro风格设计敢称资深设计师?的相关文章

几何元素网页设计是否合你口味?

大同小异的网页设计已经让你视觉疲劳了吧,加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感.几何元素的融入不仅让网页变得高大上,也在无形中突出了网页中的某些内容,这样的突出方式并不单薄无力,反而让网页看起来更自然. 没有人会对沉闷的网页产生兴趣,而几何图形恰巧能在增强视觉体验的同时营造出活跃的氛围.AnyForWeb为大家找到了一些融入了几何元素的网页设计,尽情享受吧! 1.简单的平面几何与黑白灰三色搭配能够自然而然的营造出一种空间感,这样的画面似乎带入了一种安静的渲染,我们可以在如此氛围中

五个Metro UI 风格的网页设计

 随着Windows Phone7的发布,WIN8的初露倪端,Metro这种新兴设计风格正被大家所熟悉.      Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言.      Metro设计具备以下五点原则:        1.干净.轻量.开放.快速       2.要内容,而不是质感       3.整合软硬件       4.世界级的动画      5.生动,有灵魂      这些设计原则都基于这样一个原则,就是所有的UI元素都应该实实在在的数字化

聊聊2015年流行的网页设计趋势

  给明年的自己增加筹码!这一年快结束了,年底特别忙,但也别只顾工作,忘了给自己充电呦,今天特意分享一篇好文,聊聊明年将流行的设计趋势,希望能给那些奋战之余不忘充实自己的设计师们一点有价值的参考,每点趋势后都有相关文章帮你理解,不担心跟不上咯. 1. 响应式在继续 OK,也许你不打算打道回府.也许你有一个很好的理由不用响应式网页设计?在过去的几年里,响应设计快速巩固了自己作为网页设计的新标准.当然,也有争论,但是没人说,"让我们摆脱响应式设计吧".实际上,越来越多的网站选择响应式的方向

Dreamweaver如何进行网页设计

在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了-- 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了. 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作.正所谓"功夫在诗外",网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及对页面的把握上. 首先,我们要弄

马云参与中国雅虎网页设计

赛迪网讯7月10日消息,据国外媒体报道,波士顿咨询公司昨日发布最新报告称,中国消费者已经成为移动通信.即时通讯以及WEB2.0的主流用户. 报告称,目前中国已拥有5亿手机用户和2.1亿网民.仅2007年,中国手机用户就增加了8000万,互联网用户增加了4000万. 网民中除大城市的年轻消息者外,不乏中小城市以及农村地区用户. 在数量上,中国网民数已超美国.而在收入上,也令人满意.2007年,中国数字化产品及服务共创造了近5800亿元的收入.而这一数字预计到2015年将超1.8万亿元. 报告撰稿人

那些意境情怀俱佳的咖啡类网页设计

  音乐可以穿越时光,而美食可以跨越国界,它们和好设计一样,都无需语言来赘述.在过去的几年中,那些设计优秀的餐馆.酒吧类网站开始抓住更多设计师的眼睛和吃货的胃,成了"唯有爱与美食不可辜负"的真实注脚. 新鲜精致的美食与优雅的环境无缝融合,搭配的字体和色彩让你的饥饿感止不住地翻涌起来,你的胃口和情绪会被这些精心设计的网站完全调动起来.优设曾经发过设计优异的美食和美酒类的网站,今天我们来看看这类网站的另外一个重要分支:咖啡类网页设计. 在美国,平均每个人每年会喝500~700杯咖啡,在中国

FROONT在线可视化响应式网页设计工具

  Froont是一个允许设计师在线设计响应式网页的工具,不需要程序员介入的设计编程工具,为设计师们提供了可视化的在线网页设计环境,绝对是响应式网页设计的利器.如果你还在为用PS画出网站在不同设备上的 demo 图,并和攻城师苦苦兼容各浏览器而懊恼的话,来试试Froont吧! 制作过程中,Froont会根据你的网页将呈现的设备:比如手机.平板.笔记本或者是宽屏电脑,自动调整页面布局,适应各个块之间的相对位置. 嗯,如果你有神马不懂的,可以看首屏那个视频,戳 Watch video 即可,了解后再

网页设计中Html使用中的一些问题

设计|网页|网页设计|问题 1.网页背景色的设置犯错机率:很大普遍性:较广犯错可能性:懒/不知道约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过.绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来会是一团糟. 2.Align center(自动居中)的滥用犯错机率:非常大普遍性:非常广犯错可能性

网页设计中的色彩应用

设计|网页|网页设计 色彩的运用在网页中的作用真是太重要了,有些网页看上去十分典雅.有品位,令人赏心悦目,但是页面结构却很简单.图象也不复杂,这主要是色彩运用得当,色彩的魅力让人难以抵挡,你是否明白看似简单的颜色运用中的原理以及奥秘呢?这就涉及到很多色彩原理的知识,因此我特地将本来属于图象制作内的色彩作为一个独立拦目来介绍. 1.色彩基本概念 自然界中的颜色可以分为非彩色和彩色两大类.非彩色指黑色.白色和各种深浅不一的灰色,而其他所有颜色均属于彩色.任何一种彩色具有三个属性: (1)色相(Hue