如(rú)何将極簡風(fēng)格的(de)原則運用εδ(yòng)到(dào)網站(zhàn)設計(jì)中

來(lái)源：lexintech.com πγ 發布時(shí)間(jiān)：2017-08-19

ε§×; 極簡風(fēng)格能(néng↕×§)幫助用(yòng)戶簡化(huà)操作✘ε(zuò)，兼容性好(hǎo)，載入頁面快(kuài)等等優點，不(bù)過β 雖然看(kàn)起來(lái)簡單，我們需要(yào)考慮的(d★♣e)東(dōng)西(xī)可(kě)一(y¶♥≥εī)點都(dōu)不(bù)少(shǎo)。

　　什(shén)麽是(shì)簡約風(fēng)格的(de)網站β×★¶(zhàn)?

　　扁平設計(jì)、英雄形象和(hé)漢堡包菜&♣✔•單等等許多(duō)這(zhè)些(xiē)現(xiàn)在流行(xε¥®∑íng)的(de)設計(jì)趨勢，都(¶π"πdōu)是(shì)于 2000 年(niá♥≠‌n)開(kāi)始逐漸受到(dào)極簡≤≈$₩風(fēng)格的(de)影(yǐng)響才誕<'生(shēng)的(de)。

　　這(zhè)裡(lǐ)的(de)英雄形象指的(de)是(shì)：在網 ♣©♥站(zhàn)首頁上(shàng)使用(yòn ↑±g)的(de)大(dà)尺寸圖片。在日(rì)本✘∑Ω↔，作(zuò)為(wèi)視(shì)覺的(de)關鍵，也(yě)↑★σ×被稱為(wèi)主視(shì)覺。在Bootstrap中也(yě)有(yǒu)£↔命名為(wèi)Hero unit的(de)組件(jià←>n)而被大(dà)家(jiā)廣泛使用(y•φ‌òng)著(zhe)。

§£≈‍ 現(xiàn)在為(wèi)我們提供了(le)許多β←←(duō)服務的(de)google，它的(de)主頁也(yě)已經有≈↔ (yǒu) 15 年(nián)以上(shàng)沒有(©± ☆yǒu)變動過了(le)。

　　谷歌(gē)一(yī)直被評為(wèi)采用 ∏←£(yòng)簡約風(fēng)格的(de)Web界面的(de)先驅，"‍ ∞自(zì) 20 世紀 90 年(nián)代所提供的(de)測試版以來(l₩≥ái)，一(yī)直都(dōu)很(hěn)重視(shì)界面的(de€ε')簡潔性。

　　關于簡約風(fēng)格的(de)討(tǎo)論還(hái)£σ在繼續，但(dàn)也(yě)有(yǒuγΩ)一(yī)些(xiē)很(hěn)多(duō)設計(j♦φì)師(shī)都(dōu)認同的(de)共同點。那(nà)麽，↕'就(jiù)讓我們一(yī)起來(lái)詳細的Ω∞≠‌(de)看(kàn)一(yī)看(kàn)簡約風(fēng)格究竟有(yǒu←•≥∑)著(zhe)哪些(xiē)特征吧(ba)。

　　隻有(yǒu)必要(yào)的(de)元素

　　簡約風(fēng)格的(de)哲學非常簡單，即&ldq ©×≠uo;少(shǎo)即是(shì)多(duō)(↔≠€英文(wén)：Less is More)”£♠π↓。在網頁設計(jì)中，隻使用(yòng)α•€★真正有(yǒu)必要(yào)的(de)要(yào)素，就(×•jiù)可(kě)以實現(xiàn)更多(duō)的(de)事(β¶shì)情。簡約風(fēng)格的(de)網頁←<←設計(jì)策略，就(jiù)是(shì)删除用(yòng) φ↕€戶操作(zuò)時(shí)不(bù)必要(yào)的"≠(de)內(nèi)容，以實現(xiàn)接口界面的(de)單π≥×β純化(huà)。

　　

&nα★bsp; 屏幕上(shàng)的(de)要(yào)素越少(shǎo)，所留下←$(xià)的(de)要(yào)素就(jiù)會(huì)變得(de)¶ ε更強。如(rú)果在屏幕上(shàng)的(d ↑e)設計(jì)要(yào)素隻有(yǒu)一(yī)個(gè)，信息就(♦≥$jiù)能(néng)很(hěn)準确的(d→Ω₽€e)傳遞給用(yòng)戶。
<€ 極簡風(fēng)格是(shì)删除所有(yǒu)讓用(yòng)戶無法專注↑✔★ 于內(nèi)容的(de)元素。但(dàn)與此同時(→"σshí)，為(wèi)了(le)防止删除或者隐藏了Ω←₽ (le)對(duì)用(yòng)戶來(l™‍ái)說(shuō)真正必要(yào)的(de)內(nèi)ε<↕容，而讓用(yòng)戶的(de)操作(zuò)感到(dào)困難，×≠α&你(nǐ)需要(yào)仔細地(dì)檢查。對♠‌≠(duì)內(nèi)容的(de)周圍加以設計(jì←©×★)，使用(yòng)戶不(bù)會(huì)感到↕σ(dào)混亂，讓我們留下(xià)一(yī)些(xiē)輔助元素(如(rú)>£™★導航菜單)吧(ba)。

　　留白(bái)空(kōng)間(jiān)

　　簡約風(fēng)格的(de)最常見(jiàn)Ω ≤≈的(de)元素，就(jiù)是(shì)什¥π(shén)麽設計(jì)元素都(dōu)沒☆$♠有(yǒu)。簡約風(fēng)格最重要(yào)的(de)一(yī)點就(≈<φjiù)是(shì)負空(kōng)間(jiān)或留白(bái×€)空(kōng)間(jiān)，這(zhè)些(xiē)将有(yǒu)助于'≥±€引導用(yòng)戶的(de)視(shì)線。在設計(jì)要(yào)素₽≠的(de)周圍留有(yǒu)許多(duō)留白(bái)空(kōng)間÷≈©(jiān)，就(jiù)可(kě)以很(hěn)好(hǎo)ε✘≤的(de)将用(yòng)戶的(de)視(shì)線集中起來("≈♦lái)。

Ω¥₩留白(bái)空(kōng)間(jiān)對(duì)簡約風δ±∞(fēng)格來(lái)說(shuō)是(shì)最重要(yào)☆✔的(de)元素。

　　視(shì)覺特性

　　在簡約風(fēng)格中，每一(yī)個(gè)Ω₩±設計(jì)的(de)細節都(dōu)是(shì)非常重要♠ε₹(yào)的(de)。接下(xià)來(lái)介紹一(yī)些(∞‌$xiē)在設計(jì)中可(kě)以靈活使用(yò →÷ng)的(de)要(yào)點。

　　平整紋理(lǐ)(英：flat textures)

　　在簡約風(fēng)格的(de)¶π"界面中，簡單的(de)紋理(lǐ)和(hé)圖标是(shì)經常被使用(yα∞→òng)的(de)圖形元素。在界面中，不α¶ ×(bù)管是(shì)清晰高(gāo)亮(liàng)的(de)效果'÷、模糊陰暗(àn)的(de)效果還(hái)是(shì)給UI 元素添'✔♦₩加上(shàng)光(guāng)澤表現(xiàn)3D的(de)≠γσ效果都(dōu)是(shì)沒有(yǒu≈α)必要(yào)的(de)。
簡₩€'φ約風(fēng)格的(de)網站(zhàn✔←¶)，通(tōng)過删除不(bù)必要(÷→₹δyào)的(de)設計(jì)元素和(hé)與‌用(yòng)戶目的(de)無關的(de)內(nèi)容，将網頁的(de•♠ π)接口變得(de)簡單。為(wèi)了(le)使這(zhè)一(yī)← ÷•類型的(de)網站(zhàn)變得(de)具有 ↕(yǒu)非凡的(de)吸引力，精煉的(de™&$®)設計(jì)與簡易的(de)操作(zuò)相(xiàng)組合是(s↑∑hì)非常重要(yào)的(de)。能(néng$€≥)更簡單地(dì)誘導用(yòng)戶的(de)網站(zhàn)，會(© ₩Ωhuì)成為(wèi)非常強有(yǒu)←‍力的(de)交互工(gōng)具。

上(shàng)一(yī)篇：電(diàn)商類型的(de)網站(zhàn)常用(yòng)顔色搭£α↑配
下(xià)一(yī)篇：網頁設計(jì)幾種常見(jiàn)的(de)翻頁方式