怎么评价windows移动版磁贴的设计?磁贴的优劣势在哪里?

最近有个客户疯狂的迷恋上了磁贴,希望把他们的产品改善成纯磁贴风格,不要图,只要文字和色块。磁贴的优劣在哪里?

回答 1 排序
大地山河 某教育厂 产品经理

磁贴的设计,其实有一个更为通用的名字,叫做Flat Design,也就是扁平化设计。我在2012年开始应用扁平化设计,并且在早期开发中直接使用了源于bootstrap的扁平化风格前端框架,接下来结合我的经历来回答下。

axureyuanxing.jpgchanpzhangzhey.jpg

左上图是当时原型,右下图是随后的产品

1、扁平化的历史

扁平化设计的历史可以追溯到20世纪20年代的德国,随后在20世纪40年代,在瑞士的平面设计和建筑设计领域广泛流行开来。然而在IT领域的应用,则和微软和苹果的推动有极大的关系。

首先是微软和它的MetroDesign2006年微软为了和苹果的iPod播放器进行竞争,推出了Zune音乐播放器,并从那时起开始了名为Metro的设计风格。这种风格突出字体大的文字并配合背景图片。这种风格跟当时微软传统的风格有很大的不同。2010年推出的WindowPhone 7系统实际也是从Zune的设计中积累了很多的经验。由此Metro的名字被流传开去,它是如此的流行,以至于微软还把它应用在了之后的Windows 8上。另外这种设计风格还被用在了其他的软件上,比如Xbox360等等。

就在微软准备自己的设计风格时,苹果已经做出了改变,他们放弃了拟物化风格,而直接采用了扁平化设计。并在2013年夏天的iOS7推出上市。因为涉及的产品很多,所以迅速的流行开了。苹果对设计领域的影响很大,设计师迅速喜欢上了这种扁平化风格,可以让他们的产品显得更加现代。

2、我为什么使用扁平化设计风格

2012年下半年,我产品经理职业生涯的第一款产品,成功延期一年后下线。对,当时叫下线,意思是经历了无数坎坷终于走出了车间,可以面向市场了。这和产品上线,是类似的意思,截然不同的思路表达,具有浓厚IT公司而非互联网公司的印记。

第一款产品、一年延期、内容杂乱……一系列问题,在创业公司,瞬间,我几乎成了众矢之的。此时,在更为有限资源的支持下,如何启动新的产品,就显得极为重要。原谅我,当时并没有深厚的产品积淀,并不能给出转型为互联网产品的路径。

我想先从表现层入手,这样,大家至少可以看到。于是我从用PPT画原型,转为用Axure画原型。同时,产品从原来的没有风格,开始采用Metro风格,对,就是模仿win8的,我就觉得这样好——我当时没有UI啊,兼职的好麻烦,这种风格,我几乎可以不用UI了,对么?不但省钱,而且提高了做事效率。在使用的过程中,我才知道,Metro并不是标准的名称,FlatDesign才是。为了让效率更高,我甚至找到了一个基于Bootstrap的叫做Bootmetro的前端框架,极大地节省了交互和前端代码的使用成本。

 zaoqiyuanxing.jpgbootmetro.jpg

左上图是我四年前用PPT画的扁平化风格原型,右下图是当时采用的bootmetro前端框架

几个月之后,苹果才发布了扁平化风格导向的IOS7。当时骂声一片,可是我觉得挺好。说明我的对设计趋势的洞察,以及选择并不是错的。

就我个人而言,FlatDesign带给我的最重要的是省钱、高效率。此外,这种风格也意味着规整、好看、所见即所得……

3、下一阶段的设计风格走向

从根本上来讲,目前的设计风格在扁平化的基础上,持续演进。不过,扁平化在发展的过程中,出现了一些问题。例如,传统、外部一致的标识(比如带有下划线的蓝色文字、凸起的按键等);一些经典的标识(比如带有下划线的文字,或者带有一个外框的文字);前后文的线索(比如有意义的文字:购买、加入购物车等、页面顶端的位置:导航栏、logo居多),扁平化并不能很好地处理这些需要。

在此情况之下,设计风格呈现出了一些新的趋势,比如,2014年,谷歌重新定义了android的风格,新的风格叫做Material Design。同时,广义上的后扁平化时代的设计思潮被定义为半扁平近扁平扁平2.0”

 bianping2.0.jpggoogle inbox.jpg

基于MaterialDesignEver noteGoogle Inbox

正如所有设计趋势一样,我们需要注意平衡和适度。早期的3DGUI和拟物化设计给人带来沉重、杂乱的界面。对其精简确实可以改善可用性。但是为了实现纯粹的扁平化罔顾元素可见性而肆意删除视觉标识的行为只是走下坡路。扁平2.0提供了一个折中的方案——简而不减,这才是我们需要的扁平化。

 

匿名

发表评论,请先 登录 · 注册

合作伙伴

诸葛IO
薪人薪事
拉勾
 阿尔法公社
测试兄弟
Growing IO
BOSS直聘
环信
外包大师
CSDN