不知道大家有沒(méi)有注意到,最新的一些網(wǎng)站設(shè)計(jì)都是非常簡(jiǎn)潔漂亮的。自然而然的讓我們有了疑問(wèn),這樣的一種設(shè)計(jì)風(fēng)格叫什么呢?好像window 8 的metro風(fēng)格,但又不全是。原來(lái)這種設(shè)計(jì)風(fēng)格很早就有了,只是他的一種回歸。
它的名字叫扁平化設(shè)計(jì)
扁平化設(shè)計(jì)是漂亮的、可愛(ài)的設(shè)計(jì)。她不會(huì)有很多多余的裝飾元素,她以干凈的簡(jiǎn)潔的方式來(lái)傳達(dá)信息,提升你的產(chǎn)品、想法。
扁平化設(shè)計(jì)是一種不使用任何額外效果的計(jì)方案,她不包括任何 3D 效果。這里沒(méi)有很深的陰影,斜角,立體效果,漸變或者其它方法創(chuàng)建的凸出或者凹陷效果。圖標(biāo)和 UI 元素都是很鮮亮的,沒(méi)有邊緣效果和陰影。
扁平化設(shè)計(jì)并不是完全沒(méi)有效果的,她只是沒(méi)有那些多余的「人造的」陰影和維度。越來(lái)越多的設(shè)計(jì)「幾乎都是扁平的了」,他們的整體樣子和觀念都只包含很少的效果。
總的來(lái)說(shuō):扁平化設(shè)計(jì)一切都是平的。
但是,扁平化的設(shè)計(jì)并不是讓你忘掉所有的裝飾效果。
關(guān)注顏色。扁平化設(shè)計(jì)經(jīng)常使用很多鮮艷的色彩。從色塊、圖形、欄目條到版面,顏色都是一個(gè)關(guān)鍵的組成元素??紤]下從你的 LOGO 到網(wǎng)站都使用彩色。扁平化的設(shè)計(jì)方案都是使用黑色和白色的,但是如果你使用更多的顏色將會(huì)收到更多更好的效果。
注意排版。文字是最基本的 - 他們傳達(dá)信息,提供導(dǎo)航工具,告訴用戶(hù)你的網(wǎng)站是做什么的。對(duì)文字進(jìn)行有趣的、不同的排版 - 沒(méi)有 Arial 在這里。為你的消息選擇合適的字體。記住扁平化的設(shè)計(jì)方案經(jīng)常是簡(jiǎn)潔和簡(jiǎn)約的,所以好好考慮使用什么樣的排版方式。在方案中使用簡(jiǎn)單的無(wú)襯線(xiàn)字體你會(huì)得到很多變化和收獲?;蛘?,為了給用戶(hù)帶來(lái)一些小的驚喜可以使用一種新的類(lèi)似藝術(shù)元素的字體,注意是簡(jiǎn)單的字體。
關(guān)注文字。很多扁平化的設(shè)計(jì)為保持簡(jiǎn)單的流程和感覺(jué)只會(huì)包含很少的文字。所以注意你每一處的文字長(zhǎng)度。
簡(jiǎn)單的用戶(hù)界面和 UI 元素。點(diǎn)擊按鈕不需要過(guò)度設(shè)計(jì)和很復(fù)雜。長(zhǎng)元素是需要確定意義和有明確用途的,他們會(huì)非常有作用(效果)。這些可以以不同的形式來(lái)表現(xiàn) - 色彩、輪廓線(xiàn)、區(qū)塊,或者是使用不同的字體或圖形。
創(chuàng)建層級(jí)。對(duì)于任何一個(gè)網(wǎng)站創(chuàng)建明顯的層級(jí)感是很極其重要的。在扁平化設(shè)計(jì)里,在一些主要的點(diǎn)擊區(qū)域總有一些爭(zhēng)論 - 表示陰影,漸變,斜角或者其它的效果 - 應(yīng)該盡可能的少。確信用戶(hù)可以自己使用導(dǎo)航,并且不用考慮太多就能很輕松的使用你的網(wǎng)站。鏈接盡可能的清楚,不管是使用不同的顏色還是放在一個(gè)方框中,他們都要確保能被點(diǎn)擊。
結(jié)論
正式這種「簡(jiǎn)單」的特質(zhì),扁平化的設(shè)計(jì)方案只需要通過(guò)信息或者產(chǎn)品本身就能把自己的想法最好的傳達(dá)出來(lái)。
? ? 簡(jiǎn)潔,清晰,簡(jiǎn)約。短小,精干,樸素。
這種設(shè)計(jì)方案在小屏幕上能夠很好的工作,特別是 APP 或者是手機(jī)上的設(shè)計(jì),但是很多人發(fā)現(xiàn)這種設(shè)計(jì)在長(zhǎng)屏幕上的效果也很好。Android 和 Windows Phone 系統(tǒng)都在使用這種扁平化設(shè)計(jì)方案。
全站高品質(zhì)素材免費(fèi)下載!