@喪心病狂十六夜貓 :極簡風(fēng)格能幫助用戶簡化操作,兼容性好,載入頁面快等等好處,不過雖然看起來簡單,我們必要考慮的東西可一點(diǎn)都不少。這一次,就讓我們一邊學(xué)習(xí)簡約風(fēng)格的原則,一邊將它應(yīng)用到現(xiàn)實(shí)網(wǎng)站制作中去吧。
細(xì)致從以下開始。
什么是簡約風(fēng)格的網(wǎng)站?
扁平設(shè)計(jì)、好漢形象和漢堡包菜單等等很多這些如今流行的設(shè)計(jì)趨勢,都是于 2000 年開始漸漸受到極簡風(fēng)格的影響才誕生的。
「這里的好漢形象指的是:在網(wǎng)站首頁上使用的大尺寸圖片。在日本,作為視覺的關(guān)鍵,也被稱為主視覺。在Bootstrap中也有命名為「Hero unit」的組件而被大家廣泛使用著。」
如今為我們提供了很多服務(wù)的google,它的主頁也已經(jīng)有 15 年以上沒有變動(dòng)過了。
谷歌一向被評為采用簡約風(fēng)格的Web界面的先驅(qū),自 20 世紀(jì) 90 年代所提供的測試版以來,一向都很正視界面的簡潔性。
關(guān)于簡約風(fēng)格的討論還在繼承,但也有一些許多設(shè)計(jì)師都認(rèn)同的共同點(diǎn)。那么,就讓我們一路來細(xì)致的看一看簡約風(fēng)格究竟有著哪些特性吧。
只有需要的元素
簡約風(fēng)格的哲學(xué)特別很是簡單,即“少即是多(英文:Less is More)”。在網(wǎng)頁設(shè)計(jì)中,只使用真正有需要的要素,就可以實(shí)現(xiàn)更多的事情。簡約風(fēng)格的網(wǎng)頁設(shè)計(jì)策略,就是刪除用戶操作時(shí)不需要的內(nèi)容,以實(shí)現(xiàn)接口界面的單純化。
屏幕上的要素越少,所留下的要素就會變得更強(qiáng)。假如在屏幕上的設(shè)計(jì)要素只有一個(gè),信息就能很正確的傳遞給用戶。
極簡風(fēng)格是刪除所有讓用戶無法專注于內(nèi)容的元素。但與此同時(shí),為了防止刪除或者隱蔽了對用戶來說真正需要的內(nèi)容,而讓用戶的操作感到困難,你必要細(xì)心地檢查。對內(nèi)容的四周加以設(shè)計(jì),使用戶不會感到紊亂,讓我們留下一些輔助元素(如導(dǎo)航菜單)吧。
留白空間
簡約風(fēng)格的最常見的元素,就是什么設(shè)計(jì)元素都沒有。簡約風(fēng)格最緊張的一點(diǎn)就是負(fù)空間或留白空間,這些將有助于指導(dǎo)用戶的視線。在設(shè)計(jì)要素的四周留有很多留白空間,就可以很好的將用戶的視線集中起來。
留白空間對簡約風(fēng)格來說是最緊張的元素。
視覺特征
在簡約風(fēng)格中,每一個(gè)設(shè)計(jì)的細(xì)節(jié)都是特別很是緊張的。接下來介紹一些在設(shè)計(jì)中可以天真使用的要點(diǎn)。
平整紋理(英:flat textures)
在簡約風(fēng)格的界面中,簡單的紋理和圖標(biāo)是經(jīng)常被使用的圖形元素。在界面中,不管是清晰高亮的結(jié)果、模糊昏暗的結(jié)果照舊給UI 元素添加上光澤體現(xiàn)3D的結(jié)果都是沒有需要的。
色彩美麗的圖片
圖片是簡約設(shè)計(jì)中最?yuàn)Z目的要素,可以渲染出作品的氛圍。然而,我們也必要謹(jǐn)記,必須要使用捉住了簡約風(fēng)格特點(diǎn)的圖片。選擇了錯(cuò)誤的圖像(如雜亂無章不能集中的圖像),它會抵消采用了簡約風(fēng)格界面的益處。
△ 簡約風(fēng)格中最搶眼的好漢圖像
用最少的顏色
在簡約風(fēng)格中,無需添加設(shè)計(jì)元素和圖形,只使用顏色便能引起視覺上的關(guān)注,將視線集中到元素之上。由于使用的顏色數(shù)量必須很少,所以必須做出具有創(chuàng)意的視覺性條理感結(jié)果。
△ 用戶所能行使的有用情報(bào)很少,配色就會變得顯眼,對網(wǎng)站也會有著明顯的影響。
印刷字體
勇敢的印刷體,側(cè)重于將瞬間描述所記載的詞匯和內(nèi)容作為焦點(diǎn),以達(dá)到更風(fēng)趣味的視覺結(jié)果。當(dāng)你使用引人注目的具有魅力的印刷體時(shí),使用筆墨來傳遞情報(bào)是特別很是有用的。
想傳遞信息時(shí),請使用具有魅力的印刷字體吧。
對比度
因?yàn)槭褂昧吮绕綍r(shí)較少的設(shè)計(jì)元素,當(dāng)你想創(chuàng)建一個(gè)具有視覺性條理感的畫面時(shí)是特別很是有創(chuàng)意的想法。在下面的案例中,白色的背景與黑色的寶石作為視覺性的要素被使用,實(shí)現(xiàn)了經(jīng)典的簡約風(fēng)格。
簡約設(shè)計(jì)中,多數(shù)情況下只使用一種顏色作為重點(diǎn),那個(gè)顏色可以強(qiáng)調(diào)緊張?jiān)亍?/p>
下一篇::看起來不是很復(fù)雜的網(wǎng)站,卻必要頂尖高手來開發(fā)?
最新文章
- 1火兔助手

火兔助手......
- 2Access數(shù)據(jù)庫超過2G解決方案

Access數(shù)據(jù)庫操作、管理起來很方便,工作多年......
- 3火兔助手|快手點(diǎn)贊|快手評論

......
- 4微型B2C站點(diǎn)的建立

《微型B2C站點(diǎn)的建立》對于大多數(shù)企業(yè)來說,......
- 5百度優(yōu)化之判斷關(guān)鍵詞是否犯

??關(guān)鍵詞堆砌(keywordstuffing)在網(wǎng)頁中大......


