扁平化設計

作者: 來源: 2013-12-06 07:24:28 閱讀 我要評論 直達商品

 QQ截圖20131205231005

c1285a470f0fc8f14f54851c5d8eb32f1
66b375b08fc869632935c9e6a9c7f8da

  Skeuomorphic—擬物化設計

  什么是擬物化模擬現實物品的造型和質感,通過疊加高光、紋理、材質、陰影等效果對實物進行再現,也可適當程度變形和夸張,界面模擬真實物體,擬物設計會讓你第一眼就認出這是個什么東西。交互方式也模擬現實生活的交互方式。

  擬物化計的優點1、認知和學習成本低:外婆級的人也能看懂iOS里面幾乎所有原生應用的圖標;

  2、各種按鈕的視覺質感和按下去之后的交互效果,養成用戶對這類“東西”的統一認知和使用習慣;

  3、人性化的體貼:我相信有很多同學都非常喜歡ibooks的體驗,用它來閱讀確實是一種享受。

  擬物化設計的缺點大多數擬物化界面并沒有實現功能化,只是花費大量時間在視覺的陰影和質感效果。

  Flatdesign—扁平化設計

  什么是扁平化摒棄高光、陰影等能造成透視感的效果,通過抽象、簡化、符號化的設計元素來表現。界面上極簡抽象、矩形色塊、大字體、光滑、現代感十足,讓你去意會這是個什么東西。其交互核心在于功能本身的使用,所以去掉了冗余的界面和交互。

  扁平化設計的優點1、簡約而不簡單,搭配一流的網格、色彩設計,讓看久了擬物化的用戶感覺煥然一新;

  2、突出內容主題,減弱各種漸變、陰影、高光等擬真視覺效果對用戶視線的干擾,讓用戶更加專注于內容本身,簡單易用。

  3、設計更容易,優秀扁平的設計只需保證良好的架構、網格和排版布局,色彩的運用和高度一致性。

  扁平化設計的缺點需要一定的學習成本,且傳達的感情不豐富,甚至過于冰冷。

7136f9c85cf966a2e630994460187a72

  扁平化設計的逆襲

  開發更加簡單數碼設備普及度不高的時代,擬物化是有效果的,尤其對于孩子和老人來說擬物化設計更直觀有趣。但是隨著數碼科技的發展,擬物化的好處會越來越少,隨之帶來的是開發成本增加。

  使用更加高效擬物化是時代過渡中的一個不得已。在未來人眼中,一個溫度計的app要特地設計成實體溫度計的樣子,一定傻透了。擬物≠高效,刻意擬物有時反而降低了效率。

  緩解審美疲勞論天下設計,繁久必簡。擬物化設計的沉重感多少讓人們開始審美疲勞,隨著Windows8的Metro界面發布,設計變得更簡約清晰,勢在必行。

  扁平化設計五大技巧

  對于設計師來說,如果你觀察微軟的WindowsPhone的平臺,你可能會發現一個特別的現象:那就是難看的應用不多,但令人印象深刻的應用也不多。應用很有統一感,但是很難張揚個性,以至于有的開發者感嘆,它們看起來都是一個樣子。設計師JohnnyHolland將Metro語言比作是包豪斯風格,并且指出,“因為去除了裝飾,使得個性化的空間很小”,這可能給人以“缺乏生命力”的感覺,所以要想設做出好的扁平化設計,也是非常需要技巧的。

  簡單的設計元素扁平化完全屬于二次元世界,一個簡單的形狀加沒有景深的平面,不叫扁平化都浪費這個詞了。這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈俐落,沒有任何羽化、漸變或者陰影。尤其在手機上,因為屏幕的限制,使得這一風格在用戶體驗上更有優勢,更少的按鈕和選項使得界面干凈整齊,使用起來格外簡單......

扁平化設計

  強調字體的使用字體是排版中很重要的一部分,它需要和其他元素相輔相成,想想看,一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網站使用無襯線字體的例子,無襯線字體家族龐大分之眾多,其中有些字體會在特殊得情景下會有意想不到得效果。但注意,過猶不及,不要使用那些極為生僻的字體,因為保不齊它就把你帶進坑里了......

扁平化設計

  關注色彩扁平化設計中,配色貌似是最重要的一環,扁平化設計通常采用比其他風格更明亮更炫麗的顏色。同時,扁平化設計中的配色還意味著更多的色調。比如,其他設計最多只包含兩三種主要顏色,但是扁平化設計中會平均使用六到八種顏色。另外還有一些顏色也挺受歡迎,如復古色淺橙、紫色、綠色、藍色等......

扁平化設計

  簡化的交互設計設計師要盡量簡化自己的設計方案,避免不必要的元素出現在設計中。簡單的顏色和字體就足夠了,如果你還想添加點什么,盡量選擇簡單的圖案。扁平化設計尤其對一些做零售的網站幫助巨大,它能很有效的把商品組織起來,以簡單但合理方式排列......

扁平化設計

  偽扁平化設計不要以為扁平化只是把立體的設計效果壓扁,事實上,扁平化設計更是功能上的建簡化于與重組。比如,有些天氣方面的應用會使用溫度計的形式來展示氣溫,或者計算應用仍用計算器的二維形態表現。在應用軟件當中,溫度計的形象則純粹是裝飾性的,而計算器的計算方式也并不是最簡單直接的。相比于擬物化而言,扁平風格的一個優勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來......

  扁平化設計靈感

扁平化設計
b0a3eccdf9d63f9425f4d06f4ab7fe84
c0c7c76d30bd3dcaefc96f40275bdc0a
763db22492127e0c76d84074f6a7cc5f

  擬物化還是扁平化,重點不在于追趕潮流,潮流只能影響設計外觀和樣子,并且會慢慢淡去,而被新的潮流所替代。設計師設計一款應用的時候,讓外觀充分表現產品的內容才是王道。對于設計師說,或許平庸的設計師喜歡“扁平化設計”,因為它做起來毫不費力。圓角方形+挑選顏色+使用免費圖標=完事。我對于扁平化設計的觀點是,設計師很容易實現它,但是要做出真正出色的東西會更難。因為,如果你限制自己可以使用的圖形工具,你必須更刻苦的思考,才能做出令人愉悅的界面。


  推薦閱讀

  設計師的思維工具 [ ISUX五維創意卡 ]

  我們先從一個火爆的應用說起。微信是當今智能機的標配應用,它的核心功能很簡單:將語音文件像短信一樣發送給好友,達到信息傳遞的目的。也就是說結合短信和錄音的功能>>>詳細閱讀


本文標題:扁平化設計

地址:http://m.sdlzkt.com/a/blog/20131206/292121.html

樂購科技部分新聞及文章轉載自互聯網,供讀者交流和學習,若有涉及作者版權等問題請及時與我們聯系,以便更正、刪除或按規定辦理。感謝所有提供資訊的網站,歡迎各類媒體與樂購科技進行文章共享合作。

網友點評
我的評論: 人參與評論
驗證碼: 匿名回答
網友評論(點擊查看更多條評論)
友情提示: 登錄后發表評論,可以直接從評論中的用戶名進入您的個人空間,讓更多網友認識您。
自媒體專欄

評論

熱度

主站蜘蛛池模板: 成人夜色视频网站在线观看| 成人毛片免费播放| av成人在线电影| 日本欧美成人免费观看| 成人看片黄a免费看| 国产成人精品一区二区三区免费| 好男人社区成人影院在线观看| 国产成人v爽在线免播放观看| 窝窝视频成人影院午夜在线| 国产成人精品久久一区二区三区| 亚洲av无码精品国产成人| 日韩成人免费在线| 亚洲色成人WWW永久在线观看| 成人午夜视频在线播放| 亚洲国产成人片在线观看| 成人精品一区二区久久| 亚洲国产精品成人精品无码区在线| 成人综合久久综合| 亚洲国产成人久久精品软件| 成人免费观看网欧美片| 久久久久亚洲av成人网| 国产成人精品免费视频大全五级 | 国产成人综合在线视频| 久久久久成人精品免费播放动漫| 国产成人精品视频一区| 成人免费无码精品国产电影| 成人福利小视频| 日韩国产成人精品视频| 欧美色成人综合| www亚洲成人| 91久久亚洲国产成人精品性色 | 国产成人精品午夜二三区| 成人综合激情另类小说| 日韩国产成人精品视频| 成人自拍小视频| 日本成人在线视频网站| 成人欧美一区二区三区黑人| 成人国产精品一级毛片视频| 成人国产精品免费视频| 国产成人啪精品| 亚洲欧美一区二区成人片|