扁平化設(shè)計(jì)并不單單只是一種簡(jiǎn)單的設(shè)計(jì)風(fēng)格,它通過簡(jiǎn)潔理性的界面編排、扁平的界面層級(jí)、多運(yùn)用幾何造型元素以及溫和的平涂式色彩搭配,來(lái)達(dá)到操作更加簡(jiǎn)易、生動(dòng)、直觀的效果。
扁平化設(shè)計(jì)相比擬物化設(shè)計(jì),除去了界面中一些繁瑣的設(shè)計(jì)因素,崇尚簡(jiǎn)約、平面化的表現(xiàn)形式,在現(xiàn)代快節(jié)奏生活中,更易被人們欣賞和接受。扁平化界面設(shè)計(jì)意味著兩個(gè)詞:快速、突出。
◆扁平化界面的特點(diǎn)
實(shí)現(xiàn)扁平化界面的可用性,首先需要清楚了解整個(gè)交互層級(jí)之間的結(jié)構(gòu),在用戶能夠快速又準(zhǔn)確的找到交互對(duì)象的前提下,再去實(shí)現(xiàn)界面的美觀性。所以扁平化界面設(shè)計(jì)不僅只是界面設(shè)計(jì)風(fēng)格上的變化,更是一種思維邏輯層面的提升。
◆形式結(jié)構(gòu)簡(jiǎn)易化
整個(gè)交互過程中,最重要的就是界面的結(jié)構(gòu)設(shè)計(jì),可以說界面結(jié)構(gòu)就是交互的基礎(chǔ)。而界面布局和界面層級(jí)是界面結(jié)構(gòu)的基本,可以看做界面結(jié)構(gòu)中縱橫的兩個(gè)層面,這兩者之間的邏輯是否合理,直接影響著用戶的操作。所以簡(jiǎn)易化界面層級(jí)之間的形式結(jié)構(gòu),讓用戶能夠更加直接的進(jìn)行操作,降低用戶操作中的錯(cuò)誤率,這是扁平化設(shè)計(jì)最核心的目標(biāo)。
◆界面布局簡(jiǎn)潔化
界面中的布局指的是將界面中的各種設(shè)計(jì)元素,根據(jù)需求及其之間的聯(lián)系進(jìn)行合理的排列組織。扁平化界面的基本是布局簡(jiǎn)潔,同時(shí)定位好元素之間的主從關(guān)系,這樣界面中的重要功能能夠直接凸顯,以便于用戶能夠更迅速準(zhǔn)確的獲得信息。
◆界面層級(jí)扁淺
為了使用戶能夠快速完成需求,扁平化界面設(shè)計(jì)中應(yīng)盡量避免界面之間不必要的切換。盡可能的把低層級(jí)信息合并上移少不必要的界面層級(jí)的劃分。只有層級(jí)越少,用戶才會(huì)覺得是方便的好用的。這就要求在一個(gè)層級(jí)中需要顯示更多的內(nèi)容,所以核心功能一定要著重突出,這樣界面才更加針對(duì)性也更加便捷。
◆功能表達(dá)簡(jiǎn)便化
互聯(lián)網(wǎng)技術(shù)發(fā)展的同時(shí)界面上也誕生了更多的功能,五花八門的功能讓用戶難以直接判斷其真實(shí)作用,我們稱這種現(xiàn)象為“認(rèn)知摩擦”。好的界面設(shè)計(jì)一定要最大程度減少認(rèn)知摩擦,用戶可以直觀準(zhǔn)確的了解界面中不同功能的作用,節(jié)省操作時(shí)間。所以,扁平化的界面設(shè)計(jì)要根據(jù)用戶的慣性去設(shè)計(jì)功能,從用戶行為模式出發(fā)做設(shè)計(jì),同時(shí)操作方式要簡(jiǎn)易。
◆操作反饋明晰化
用戶在APP或者網(wǎng)頁(yè)上操作時(shí)反饋一定要及時(shí)并清晰。這是用戶衡量自己操作的標(biāo)準(zhǔn)。及時(shí)的反饋信息可以幫助用戶更加合理的操作,例如:可以防止用戶錯(cuò)誤或無(wú)意刪除一些他們本身不想刪除想內(nèi)容。如果反饋不夠及時(shí),那么APP的界面設(shè)計(jì)多美觀、動(dòng)效多生動(dòng)、功能多強(qiáng)大,也還是會(huì)造成不好的用戶體驗(yàn)。以至用戶粘性降低,最終造成用戶的流失,清晰及時(shí)的反饋信息在整個(gè)交互設(shè)計(jì)里都是至關(guān)重要。
◆如何合理運(yùn)用扁平化設(shè)計(jì)?
扁平化界面設(shè)計(jì)的前提是好的界面排版。排版是界面信息的具體展現(xiàn)方式,這就要求界面排版要具有視覺導(dǎo)向性,能夠更加有效地清晰地傳達(dá)信息。而扁平化界面設(shè)計(jì)的核心是交互層級(jí),優(yōu)秀的界面設(shè)計(jì),既要做到層級(jí)扁淺有邏輯,還要做到頁(yè)面布局美觀功能設(shè)計(jì)合理。
◆色彩
色彩一定要酷點(diǎn)再酷點(diǎn)。扁平化設(shè)計(jì)幾乎都是平涂色彩,沒有光影的立體效果。因?yàn)樯倭诵┵|(zhì)感,所以顏色的運(yùn)用變得更加重要。扁平化設(shè)計(jì)中的色彩大多給人鮮亮、強(qiáng)撞色的印象。高飽和度的色彩,往往更容易吸引人,給用戶強(qiáng)烈的視覺沖擊。同時(shí)不管在什么樣的背景前,高飽和、鮮艷明亮的色彩都能不被背景掩蓋。也正是因?yàn)槿绱?,在扁平化界面中通常鮮亮的色彩中所包含的信息或代表的功能,就是界面要傳遞的主要信息和主要功能。
◆圖形
在扁平化界面設(shè)計(jì)中,通常使用基本形簡(jiǎn)單明確的圖形,取代以往的具有仿真效果的有機(jī)圖形。這些基本形多由幾何形、直線條等組合形成。在圖標(biāo)設(shè)計(jì)上也采用更加精簡(jiǎn)的方式表現(xiàn)將圖形進(jìn)行概括提煉,用以簡(jiǎn)潔的線條來(lái)展示,幾乎不具備裝飾性。
這樣的表現(xiàn)形式去除或減少了多余的修飾,直接突出主題用戶能夠更加關(guān)注內(nèi)容本身,而不被裝飾所打擾,視覺效果直接,功能清晰直觀,減少了用戶接受、適應(yīng)信息時(shí)花費(fèi)的時(shí)間和精力。
◆文字
扁平化界面設(shè)計(jì)中的重要元素之一就是文字,合理使用能夠讓界面整體的編排更加簡(jiǎn)潔。扁平化的界面在編排過程中,應(yīng)最多使用兩個(gè)系列的字體,通過改變文字的大小、粗細(xì)以及形態(tài)來(lái)區(qū)分內(nèi)容的主次,例如:大小字號(hào)、段落以及文字特別的排列組合等,使頁(yè)面主次信息一目了然,同時(shí)兼具節(jié)奏感,保持頁(yè)面的簡(jiǎn)潔和準(zhǔn)確傳遞。
扁平化設(shè)計(jì)簡(jiǎn)潔明了,不單單只是做減法,它傳遞的是一種少即是多的設(shè)計(jì)理念。在扁平化設(shè)計(jì)中,看似簡(jiǎn)單的圖形,單調(diào)的色彩,單一的字體加以組合設(shè)計(jì),卻能夠比那些花哨的設(shè)計(jì)更具視覺沖擊和視覺導(dǎo)向性。這種設(shè)計(jì)的優(yōu)勢(shì)顯而易見,它能夠快速、準(zhǔn)確、清晰的完成用戶需求,實(shí)現(xiàn)界面設(shè)計(jì)為提升用戶體驗(yàn)而服務(wù)。