扁平化設(shè)計(jì)之爭(zhēng)
不可否認(rèn),扁平設(shè)計(jì)目前是設(shè)計(jì)界的寵兒
它無(wú)處不在。不僅僅是扁平設(shè)計(jì),現(xiàn)在也包括類(lèi)扁平設(shè)計(jì)
關(guān)于這種風(fēng)格的有效性與用途的爭(zhēng)論如火如荼。這種極度時(shí)髦的設(shè)計(jì)風(fēng)格在激發(fā)著每個(gè)人的觀念。讓我們回退一步,看看辯題雙方和扁平設(shè)計(jì)的利弊
支持者:扁平設(shè)計(jì)很時(shí)髦
扁平設(shè)計(jì)非常時(shí)髦,但是它會(huì)持續(xù)多久?
如果你是追趕潮流的設(shè)計(jì)師,卻沒(méi)嘗試過(guò)扁平設(shè)計(jì),現(xiàn)在正是時(shí)候搭上扁平設(shè)計(jì)這班車(chē)。采用這種風(fēng)格的項(xiàng)目(并且用得恰到好處),在各種博客中隨處可見(jiàn),包括我們這個(gè),有助于提升你的設(shè)計(jì)
而且,跟隨潮流而設(shè)計(jì),樂(lè)趣無(wú)窮
反對(duì)者:它只是種潮流
時(shí)髦的另一面,是你永遠(yuǎn)不知道它能流行多久
我們已經(jīng)能看到,趨勢(shì)正在從純扁平設(shè)計(jì)向類(lèi)扁平設(shè)計(jì)或長(zhǎng)影扁平設(shè)計(jì)轉(zhuǎn)變
如果你頻繁改版你的網(wǎng)站或APP,時(shí)尚的設(shè)計(jì)也許適合你。如果你要一個(gè)網(wǎng)站經(jīng)久不衰,請(qǐng)考慮不那么“潮”的東西
支持者:簡(jiǎn)單的移動(dòng)界面
簡(jiǎn)潔的移動(dòng)端設(shè)計(jì),是扁平設(shè)計(jì)應(yīng)用中的絕佳例子
一些令人印象深刻的扁平界面設(shè)計(jì)被應(yīng)用在功能簡(jiǎn)單的APP上。巨大的按鈕在移動(dòng)設(shè)備上容易點(diǎn)擊,不需要再放大來(lái)尋找鏈接
反對(duì)者:可用性值得商榷
當(dāng)涉及到某些復(fù)雜的用戶(hù)體驗(yàn)時(shí),扁平設(shè)計(jì)就會(huì)變得單調(diào)
并非所有用戶(hù)都喜歡這種界面風(fēng)格,他們有時(shí)會(huì)不知道該點(diǎn)擊哪里
Norman Nielsen Group的一項(xiàng)分析指出,扁平設(shè)計(jì)風(fēng)格會(huì)干擾可用性,因?yàn)橛脩?hù)有時(shí)不知道什么是可點(diǎn)擊的。而且,扁平設(shè)計(jì)的項(xiàng)目總傾向于更低的“信息密度”來(lái)保持簡(jiǎn)潔
支持者:明亮的用色可以烘托氛圍
也許只是我個(gè)人感覺(jué),但扁平設(shè)計(jì)看起來(lái)讓人愉快。所有這些明亮鮮艷的顏色都令人愛(ài)不釋手,創(chuàng)造了一種積極、迷人的氛圍
Flat UI Colors,一個(gè)展示和幫助設(shè)計(jì)師使用扁平配色的網(wǎng)站,是個(gè)非常好的氛圍提升工具
看看這些色調(diào),它們都溫暖而友好。即使深色也是基于暖色設(shè)計(jì)
由于扁平設(shè)計(jì)通常包含很多顏色,引發(fā)更多積極的聯(lián)想。誰(shuí)會(huì)說(shuō)彩虹是陰郁的呢?
反對(duì)者:配色困難
在一個(gè)項(xiàng)目中你用的顏色越多,就越難將它們恰當(dāng)?shù)卮钆淦饋?lái)
創(chuàng)造一個(gè)協(xié)調(diào)的配色方案本身就是一個(gè)挑戰(zhàn),如果你再加4、5種甚至更多顏色,它會(huì)變得更加棘手。成功運(yùn)用扁平配色的設(shè)計(jì)師,都傾向于堅(jiān)持統(tǒng)一飽和度和亮度,來(lái)設(shè)計(jì)一致的外觀,使得顏色的選擇有跡可循
支持者:聚焦精美的字體
扁平設(shè)計(jì)的一個(gè)優(yōu)勢(shì),是漂亮字體的聚焦作用
除去了裝飾,字體確實(shí)在扁平設(shè)計(jì)項(xiàng)目中蓬勃發(fā)展。從精美裝飾性字體,到簡(jiǎn)潔的非襯線(xiàn)字體,漂亮的字體是優(yōu)秀的扁平設(shè)計(jì)的關(guān)鍵組成之一
在我個(gè)人看來(lái),投影效果有點(diǎn)糟蹋字體。有趣的字體與大膽的配色之間形成的強(qiáng)烈對(duì)比,令人印象深刻、精神振奮
反對(duì)者:糟糕的字體變得更明顯
正因?yàn)楸馄皆O(shè)計(jì)有助于聚焦優(yōu)秀的字體,它也能放大糟糕的字體。(看看蘋(píng)果預(yù)發(fā)布iOS7時(shí)遭受的所有詬病,比如那極細(xì)的主字體,現(xiàn)在這個(gè)設(shè)計(jì)決策已經(jīng)被修正了)
扁平設(shè)計(jì)冒失起來(lái)簡(jiǎn)直無(wú)法饒恕。選用什么都會(huì)有某種程度的戲劇性,難以掩蓋字體的不完美
如果你對(duì)于字體的組合和選擇不在行,那么扁平設(shè)計(jì)可能不是你的最佳選擇
支持者:視覺(jué)表達(dá)簡(jiǎn)潔鮮明
扁平設(shè)計(jì)的本質(zhì)是簡(jiǎn)潔和鮮明。這是使它美觀的重要特征之一
這種風(fēng)格使用很多高對(duì)比特征,包括顏色、字體,和大膽的總體設(shè)計(jì),保持段落簡(jiǎn)潔易讀。按鈕和其他UI元素通常設(shè)計(jì)成基本的幾何圖形,盡管邊角也會(huì)用到圓形
反對(duì)者:它會(huì)看起來(lái)太簡(jiǎn)陋
取決于使用者的不同,扁平設(shè)計(jì)也被部分人評(píng)價(jià)為“過(guò)于簡(jiǎn)陋”
用扁平設(shè)計(jì)傳達(dá)復(fù)雜的視覺(jué)信息會(huì)很困難
扁平設(shè)計(jì)的另一項(xiàng)反對(duì)聲音,是用戶(hù)界面工具太樸素。擬物化設(shè)計(jì)的支持者表示,增加一些具象的裝飾可以讓工具更易用。坦白說(shuō),這得看內(nèi)容
在極度簡(jiǎn)潔的界面設(shè)計(jì)中,視覺(jué)層級(jí)也是一項(xiàng)需要重點(diǎn)考慮的內(nèi)容。什么是最重要的?你如何通過(guò)視覺(jué)強(qiáng)調(diào)它?
支持者:扁平設(shè)計(jì)摒棄令人厭煩的裝飾
沒(méi)有什么比一眼就看出設(shè)計(jì)者對(duì)項(xiàng)目充滿(mǎn)厭倦更糟的了
這些本末倒置的花哨裝飾包含了太多陰影效果、古怪的動(dòng)畫(huà),或者根本就是顯得多余的隨機(jī)效果
正因?yàn)楸馄皆O(shè)計(jì)簡(jiǎn)潔的本質(zhì),這些約束可以促使設(shè)計(jì)者忠于這種風(fēng)格的本質(zhì)完成項(xiàng)目
反對(duì)者:有些裝飾還是不錯(cuò)的
并非所有裝飾都不好
在設(shè)計(jì)純扁平項(xiàng)目的時(shí)候,它確實(shí)極大地限制了能夠?yàn)槟闼玫募记?/p>
結(jié)論
沒(méi)有一種設(shè)計(jì)風(fēng)格是完美的。為你的每個(gè)項(xiàng)目量身定制地設(shè)計(jì),才能使得外觀和所要傳達(dá)信息的感覺(jué)風(fēng)格相吻合
設(shè)計(jì)不僅僅是某樣?xùn)|西看起來(lái)如何。它也關(guān)乎易用性和功能。優(yōu)秀的設(shè)計(jì)總是易用的
(本文轉(zhuǎn)自http://select.yeeyan.org/view/418335/376376)
本文地址:http://m.pkvc.cn/tutorial/di1689.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏