您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

扁平化設(shè)計之爭

不可否認(rèn),扁平設(shè)計目前是設(shè)計界的寵兒


它無處不在。不僅僅是扁平設(shè)計,現(xiàn)在也包括類扁平設(shè)計

關(guān)于這種風(fēng)格的有效性與用途的爭論如火如荼。這種極度時髦的設(shè)計風(fēng)格在激發(fā)著每個人的觀念。讓我們回退一步,看看辯題雙方和扁平設(shè)計的利弊

支持者:扁平設(shè)計很時髦

ee455de4bdc70919d7c3e72a83fdac42 扁平設(shè)計之爭

49f68a5c8493ec2c0bf489821c21fc3b 扁平設(shè)計之爭

扁平設(shè)計非常時髦,但是它會持續(xù)多久?

如果你是追趕潮流的設(shè)計師,卻沒嘗試過扁平設(shè)計,現(xiàn)在正是時候搭上扁平設(shè)計這班車。采用這種風(fēng)格的項(xiàng)目(并且用得恰到好處),在各種博客中隨處可見,包括我們這個,有助于提升你的設(shè)計

而且,跟隨潮流而設(shè)計,樂趣無窮

反對者:它只是種潮流

時髦的另一面,是你永遠(yuǎn)不知道它能流行多久

我們已經(jīng)能看到,趨勢正在從純扁平設(shè)計向類扁平設(shè)計或長影扁平設(shè)計轉(zhuǎn)變

如果你頻繁改版你的網(wǎng)站或APP,時尚的設(shè)計也許適合你。如果你要一個網(wǎng)站經(jīng)久不衰,請考慮不那么“潮”的東西

支持者:簡單的移動界面

87ae3d0a65b6c0810157ec77a0323426 扁平設(shè)計之爭

53547f5d9735314fb5dc65aeadb54d28 扁平設(shè)計之爭

簡潔的移動端設(shè)計,是扁平設(shè)計應(yīng)用中的絕佳例子

一些令人印象深刻的扁平界面設(shè)計被應(yīng)用在功能簡單的APP上。巨大的按鈕在移動設(shè)備上容易點(diǎn)擊,不需要再放大來尋找鏈接

反對者:可用性值得商榷

當(dāng)涉及到某些復(fù)雜的用戶體驗(yàn)時,扁平設(shè)計就會變得單調(diào)

并非所有用戶都喜歡這種界面風(fēng)格,他們有時會不知道該點(diǎn)擊哪里

Norman Nielsen Group的一項(xiàng)分析指出,扁平設(shè)計風(fēng)格會干擾可用性,因?yàn)橛脩粲袝r不知道什么是可點(diǎn)擊的。而且,扁平設(shè)計的項(xiàng)目總傾向于更低的“信息密度”來保持簡潔

支持者:明亮的用色可以烘托氛圍

2dba5f8b031df9e8f06b7ccbaef8eb2e 扁平設(shè)計之爭

407cb3436f86acc235172e57027af714 扁平設(shè)計之爭

也許只是我個人感覺,但扁平設(shè)計看起來讓人愉快。所有這些明亮鮮艷的顏色都令人愛不釋手,創(chuàng)造了一種積極、迷人的氛圍

Flat UI Colors,一個展示和幫助設(shè)計師使用扁平配色的網(wǎng)站,是個非常好的氛圍提升工具

看看這些色調(diào),它們都溫暖而友好。即使深色也是基于暖色設(shè)計

由于扁平設(shè)計通常包含很多顏色,引發(fā)更多積極的聯(lián)想。誰會說彩虹是陰郁的呢?

反對者:配色困難

在一個項(xiàng)目中你用的顏色越多,就越難將它們恰當(dāng)?shù)卮钆淦饋?/p>

創(chuàng)造一個協(xié)調(diào)的配色方案本身就是一個挑戰(zhàn),如果你再加4、5種甚至更多顏色,它會變得更加棘手。成功運(yùn)用扁平配色的設(shè)計師,都傾向于堅持統(tǒng)一飽和度和亮度,來設(shè)計一致的外觀,使得顏色的選擇有跡可循

支持者:聚焦精美的字體

0c71c3e44780180c80584e00305ece86 扁平設(shè)計之爭

a2b5d7b97312afa9ab49107c6f06fc8f 扁平設(shè)計之爭

扁平設(shè)計的一個優(yōu)勢,是漂亮字體的聚焦作用

除去了裝飾,字體確實(shí)在扁平設(shè)計項(xiàng)目中蓬勃發(fā)展。從精美裝飾性字體,到簡潔的非襯線字體,漂亮的字體是優(yōu)秀的扁平設(shè)計的關(guān)鍵組成之一

在我個人看來,投影效果有點(diǎn)糟蹋字體。有趣的字體與大膽的配色之間形成的強(qiáng)烈對比,令人印象深刻、精神振奮

反對者:糟糕的字體變得更明顯

正因?yàn)楸馄皆O(shè)計有助于聚焦優(yōu)秀的字體,它也能放大糟糕的字體。(看看蘋果預(yù)發(fā)布iOS7時遭受的所有詬病,比如那極細(xì)的主字體,現(xiàn)在這個設(shè)計決策已經(jīng)被修正了)

扁平設(shè)計冒失起來簡直無法饒恕。選用什么都會有某種程度的戲劇性,難以掩蓋字體的不完美

如果你對于字體的組合和選擇不在行,那么扁平設(shè)計可能不是你的最佳選擇

支持者:視覺表達(dá)簡潔鮮明

cb78ff4b16683451570f56c1bab8f70a 扁平設(shè)計之爭

9fd8301ac24fb88e65d9d7cd1dd1b1ec 扁平設(shè)計之爭

扁平設(shè)計的本質(zhì)是簡潔和鮮明。這是使它美觀的重要特征之一

這種風(fēng)格使用很多高對比特征,包括顏色、字體,和大膽的總體設(shè)計,保持段落簡潔易讀。按鈕和其他UI元素通常設(shè)計成基本的幾何圖形,盡管邊角也會用到圓形

反對者:它會看起來太簡陋

取決于使用者的不同,扁平設(shè)計也被部分人評價為“過于簡陋”

用扁平設(shè)計傳達(dá)復(fù)雜的視覺信息會很困難

扁平設(shè)計的另一項(xiàng)反對聲音,是用戶界面工具太樸素。擬物化設(shè)計的支持者表示,增加一些具象的裝飾可以讓工具更易用。坦白說,這得看內(nèi)容

在極度簡潔的界面設(shè)計中,視覺層級也是一項(xiàng)需要重點(diǎn)考慮的內(nèi)容。什么是最重要的?你如何通過視覺強(qiáng)調(diào)它?

支持者:扁平設(shè)計摒棄令人厭煩的裝飾

28daf344320ec7b410d02a03cefcf129 扁平設(shè)計之爭

33c6c2397a1b079e903c474df792d0e2 扁平設(shè)計之爭

沒有什么比一眼就看出設(shè)計者對項(xiàng)目充滿厭倦更糟的了

這些本末倒置的花哨裝飾包含了太多陰影效果、古怪的動畫,或者根本就是顯得多余的隨機(jī)效果

正因?yàn)楸馄皆O(shè)計簡潔的本質(zhì),這些約束可以促使設(shè)計者忠于這種風(fēng)格的本質(zhì)完成項(xiàng)目

反對者:有些裝飾還是不錯的

并非所有裝飾都不好

在設(shè)計純扁平項(xiàng)目的時候,它確實(shí)極大地限制了能夠?yàn)槟闼玫募记?/p>

結(jié)論

沒有一種設(shè)計風(fēng)格是完美的。為你的每個項(xiàng)目量身定制地設(shè)計,才能使得外觀和所要傳達(dá)信息的感覺風(fēng)格相吻合

設(shè)計不僅僅是某樣?xùn)|西看起來如何。它也關(guān)乎易用性和功能。優(yōu)秀的設(shè)計總是易用的

(本文轉(zhuǎn)自http://select.yeeyan.org/view/418335/376376)

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/di1689.html
界面設(shè)計中的“黑暗模式
用戶體驗(yàn)無處不在—-發(fā)現(xiàn)生活中的用戶體驗(yàn)美
圖趣網(wǎng)微信
建議反饋
×