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