2006年末,微軟為了和iPod競(jìng)爭,推出了Zune音樂播放器。從那時(shí)起,微軟提出了一種名為,Metro的設(shè)計(jì)風(fēng)格。2010年推出Windows Phone7時(shí),微軟利用從Zune設(shè)計(jì)中積累的經(jīng)驗(yàn),改良了新版操作系統(tǒng)的視覺設(shè)計(jì),大號(hào)字體、明亮色彩、網(wǎng)格布局、簡潔和扁平的圖標(biāo)引領(lǐng)了Metro風(fēng)格。2013年,蘋果公司的iOS7則真正引領(lǐng)了扁平化設(shè)計(jì)的風(fēng)潮。
扁平化網(wǎng)站設(shè)計(jì),核心是放棄一切多余的裝飾效果,如陰影、透視、紋理、漸變、3D效果等。扁平化網(wǎng)站設(shè)計(jì)整體上趨近極簡主義設(shè)計(jì)理念,設(shè)計(jì)中驅(qū)除任何無關(guān)元素,盡可能地使用簡單的顏色、文本和圖形。
所有元素的邊界都干凈利落,盡量沒有任何羽化、漸變、投影、斜面、突起等設(shè)計(jì);
使用簡單的UI元素,采用矩形、圓形等簡單的形狀;
使用簡單的無襯線字體,文案要求精簡、干練,保證產(chǎn)品在視覺上和措辭上的一致性。
扁平化網(wǎng)站設(shè)計(jì)通常色彩更純、更有活力、更加鮮艷、明亮,也擁有更多的色調(diào)。一般的青島網(wǎng)站建設(shè)很少會(huì)使用3種以上的色調(diào),但是在扁平化網(wǎng)站設(shè)計(jì)中,平均會(huì)使用6-8種顏色。扁平化網(wǎng)站設(shè)計(jì)更簡約,條理清晰,具有更好的適應(yīng)性(多種屏幕尺寸和分辨率),更簡單、更直接地將信息和事物的工作方式展示出來,以減少認(rèn)知負(fù)擔(dān)。
目前扁平化網(wǎng)站設(shè)計(jì)風(fēng)格可以帶給客戶更簡潔清新的設(shè)計(jì)方案,但是,扁平化網(wǎng)站設(shè)計(jì)的現(xiàn)象是:難看的網(wǎng)站不多,但令人印象深刻的網(wǎng)站也不多。網(wǎng)站統(tǒng)一性較強(qiáng),但是很難張揚(yáng)個(gè)性,以至于有的網(wǎng)站開發(fā)者感嘆,它們看起來都是一個(gè)樣子。網(wǎng)站設(shè)計(jì)師將Metro語言比作是包豪斯風(fēng)格,并且指出“因?yàn)槿コ搜b飾,使得個(gè)性化的空間很小”,這可能給人以“缺乏生命力”的感覺,所以要想做出好的扁平化網(wǎng)站設(shè)計(jì),是非常需要技巧的。
網(wǎng)站設(shè)計(jì)師原本是利用肌理、材質(zhì)、投影、體積等元素來營造空間、打造信息層級(jí)關(guān)系、區(qū)分元件的差異性、模擬物理交互的感覺,而扁平化網(wǎng)站設(shè)計(jì)卻使設(shè)計(jì)師用來構(gòu)建的信息層次、提高界面的易讀性、產(chǎn)生交互反饋的視覺元素變少了。弱化的對(duì)比、細(xì)微的差別使客戶很難辨別判斷哪里是信息展示,哪里是交互元件,信息的層級(jí)和深度是怎樣的。這就給網(wǎng)站設(shè)計(jì)師提出了更高的要去:采用更加簡潔的視覺風(fēng)格為客戶提供更加清晰明確的信息瀏覽方式。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號(hào)-3