我对扁平设计和拟物化设计一些看法

世界著名设计师Deter Rams早在上世纪70年代已经在工业领域设计出了自己独有的,并且一直在后来被成功应用的设计风格。写到这里也许大家还很陌生,但是看看苹果的产品吧。MacBook被人民追捧为工业设计上的艺术品,当绝大数人都在这样说的时候,其实我们应该更加的感谢deter rams,这个伟大的设计师。MacBook的风格里有太多他设计作品的影子。详细的deter rams的作品这里附上链接http://www.zhihu.com/question/20506117/answer/15320348

再来谈谈MacBook。每当说到她的时候,很多人心中还是充满的了羡慕和欣赏。这样一款工业上的艺术品在我年少时也曾深深的吸引着我。我想光从外观来看,就知道这是一个把细节追求到极致的产品。和以往那些通过增加额外的元素和风格来达到塑造完美产品的手法不一样的是,这样的一款产品在细节上浑然天成,也奠定了她在pc世界里高端的定位。后人模仿无数,但依旧褪不去自己身上的那些瑕疵。正是这样一款产品,才使得OS也必须是一样极致的产品。所以苹果开始至今(以后据说会使用flat design)一直都是拟物化设计的先驱。界面上的每一个图标绝对都是像素级别的设计考虑,有些产品在适应大屏幕的时候开始出现细微的锯齿(其实不仔细看还不知道,但是设计师必须考虑到更细微的东西),但是MacOS上面基本不会出现,除非你放大再放大。那么说了这么多接下来开始说一下拟物化设计和扁平化设计的关系。

当我们说拟物化设计的时候,从逻辑的角度考虑对里面就是非拟物的设计,而不是平面化的设计。所以出现了扁平化设计这样的风格(自己推理,欢迎拍砖)。所以在很多扁平化设计风格的设计作品里面我们依然看到非平面的设计手法,些许渐变,或者阴影,高光等等。

blog logo扁平化风格clock拟物化设计

为了保持一致的用户体验,和细节上的完美追求,拟物化的设计在MacOS中大行其道。但是我们也不排除看到了越来越多的扁平化设计的身影。典型的yahoo天气应用。adobe产品的应用等等这些产品开始改变不一样的风格,进一步的推进扁平化设计前进的脚步。(其实我想说win8d的应用,至于我为神马不说,我想你们懂的)。那么拟物化设计的场合到目前就慢慢开始转向强调娱乐性的应用,强调交互性很多的应用;这两个典型的代表就是游戏和一些钢琴神马的应用,包括少部分社交和媒体的应用。因为从用户体验的角度来考虑,拟物化设计出来的icon色彩丰富,自然图片质量要求就很高(除非您很怀旧)大小自然不言而喻。这样在加载图片的时候速度上就很纠结,写到这里立马会有人拍砖了,说苹果的东西速度非常的快。说的很对,的确很快但是,殊不知苹果产品之所以快事因为硬件和软件的完美结合,这样牛叉的公司也只有苹果能做到,他们之所以选择object-c作为开发语言就是因为这是一个和C没有神马大的区别的语言,执行效率和对硬件的支持上都非常的好。这也是为神马非死不可的后端即使用的是php然后还是会转换成C++来管理,就是因为性能的问题。好了到了这里,我不再搬门弄虎。至于其他拟物化设计很强的产品也可以考虑用C或者是C++来开发,我想游戏就是差不多的。那么到了社交或者媒体购物这样的应用的时候,我们同样有选择拟物化设计的权利,除非你能做到很好的加载速度。同时为了保持一致的用户体验,你敢说安卓和其他系统上能有这么流畅吗。

就是这样拟物化设计在一个产品都差不多用户体验竞争的时代,扁平化的设计开始逐渐走入江湖(微软属于淹死的)。

自从2000MVC架构引入web之后,我们再不把web成为webPage了,我们一般说webApp。是的,网页应用程序,App。我们就要开始逐渐把App的设计风格引入网页设计中去,这样就诞生了用户体验交互设计等等。 另外一点就是手机的浮点性能开始增加之后,App在手机上的表现也非常丰富,所以一些web也逐渐开始应用于mobile端,典型的就是现在非常流行的responsive design的设计。这样以来对于一些没有能力或者资本来开始native App的公司选择用responsive来讲自己的网站移到mobile端是一个非常不错的选择。然而,对于你的用户来说,他们长期习惯在你的网站上的一些操作,如果你告诉他们mobile的网站,当他们体验的时候突然发现该下拉的地方不下拉,或者下拉之后其他内容发生变化又或者其他的一些不一致的地方,这样用户体验就打了折扣。所以,我们强调各个端一直的用户体验。那位了满足这样的体验,在手机上这样小的地方,拟物化的局限开始凸显出来了,屏幕本身只有那么大,如果靠一味的提升ppi来为拟物化设计奠定基础这样性价比就有点不是那么如人意了。扁平化的设计的价值在这时候就出来了。对于一些button和interactive element我们完全可以用代码来实现,你们想即使10K的代码实现一个button也是值得,因为其它的button可以调用这个代码。这个和css spirte差不多减少了http请求。这个时候我们就不能像微软那样完全平的设计,在一些要catch eye的地方还是要稍微做一些效果叠加。增强交互性的同时,也为提高用户的使用产品的效率,这个和费茨定律差不多的效果。

最后总结一下,拟物化设计和扁平风格的设计各有各的好处,最最重要的还是一种逼近用户的设计,你知道用户需要神马就给神马。所以交互设计最终和用户体验是分不开的,我们组要足够了解用户,所有的前提是产品的定位要清楚,这又定位清楚了我们才知道要加进去神马功能,这样才知道如何架构整个信息,之后才知道神马样的体验符合我们的用户,完了设计就是了。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容