傳統(tǒng)的網(wǎng)站設(shè)計諸如陰影、水晶按鈕、漸變、高光，而"扁平化設(shè)計"拋棄這些擬真視覺效果，從而打造出一種看上去更"平"的界面。無論在傳統(tǒng)網(wǎng)頁設(shè)計或針對移動設(shè)備所做的界面設(shè)計中，復(fù)雜炫目的效果對產(chǎn)品而言未必是最好的選擇。過于復(fù)雜的效果不僅很難吸引用戶，反而容易讓用戶在視覺上產(chǎn)生疲勞，甚至產(chǎn)生認(rèn)知障礙。因此我們在網(wǎng)頁設(shè)計中需要參考"扁平化"的簡潔美學(xué)。

1.選擇簡單的背景
忘掉那些華麗的或復(fù)雜的磚墻式圖片。在扁平化設(shè)計中，應(yīng)該選用樸素、淡雅的顏色或是色調(diào)相近的顏色。
2.拒絕特效
在扁平化設(shè)計中不要有陰影、高光或是動畫特效。就像我們之前了解扁平化設(shè)計的定義一樣，它就是要避免在設(shè)計中使用任何透視、紋理或能做出3D效果的元素。所有元素的邊界都應(yīng)干凈利落，沒有任何羽化、漸變。
3.使用圖標(biāo)
扁平化設(shè)計經(jīng)常使用圖標(biāo)，這是因?yàn)閳D標(biāo)可以用來提供簡單、流線型的用戶體驗(yàn)。圖標(biāo)不僅方便用戶點(diǎn)擊，另外由于用戶憑經(jīng)驗(yàn)?zāi)艽蟾胖烂總€圖標(biāo)代表了什么 ，還可以極大的減少用戶學(xué)習(xí)新交互方式的成本。所以在網(wǎng)站設(shè)計中記得使用圖標(biāo)，但是也要確保圖標(biāo)是通用的、大家都知道的，不受地域、種族、文化、語言等因素影響的。如果我們使用的圖標(biāo)不能很快容易被訪問者們理解，使用它們還有什么意義呢？
4.玩轉(zhuǎn)各種圖形
各種各樣的圖形在扁平化設(shè)計中很流行。圓形、正方形和線條不僅是設(shè)計布局美化的一個元素，還可以作為網(wǎng)站內(nèi)容的分界線，讓每個部分內(nèi)容的層次更加分明，有助于訪問者明白網(wǎng)站每個頁面的整體框架。
5.慣用明亮配色
配色在網(wǎng)站中的重要性，相信大家都深有體會了，小飛在這就不多說了。扁平化設(shè)計通常采用比其他風(fēng)格更明亮、絢麗的顏色，就像粉紅色、藍(lán)色、綠色和黃色等在這種設(shè)計中都很常見。但是，這種設(shè)計風(fēng)格往往傾向于使用單色調(diào)，甚至是純色，還有一點(diǎn)要注意的是這些顏色的使用不要太過，一個頁面最好不要使用超過3種顏色，太多的顏色會讓網(wǎng)站看起來凌亂、沒有美感。
6.主菜單清晰
主菜單、按鈕以及所有的鏈接都應(yīng)該看起來很簡潔、清晰，不要有任何陰影或強(qiáng)調(diào)效果。一般而言，在扁平化設(shè)計中，按鈕常放在一個簡單的框（矩形或圓形）里面，或者以更加簡潔的設(shè)計方法：什么圖形都不用，只使用文本本身。
7.重視字體排版
目前文本已經(jīng)成為一種重要的可視化元素，扁平化設(shè)計鼓勵在網(wǎng)站上使用大膽、創(chuàng)新的字體和排版，這能讓網(wǎng)頁充滿趣味，不單調(diào)。不過要記得任何時候都不能為了時尚或噱頭犧牲字體的可讀性，如果用戶無法正常瀏覽網(wǎng)站，還談什么排版和設(shè)計風(fēng)格。
無論風(fēng)格如何，界面形式都取決于實(shí)際的功能。好的設(shè)計方案離不開產(chǎn)品前期的規(guī)劃工作，特別是通過草圖或線框原型進(jìn)行的探索。識別出最核心的用例需求，使用原型不斷嘗試和驗(yàn)證，為接下來的界面設(shè)計工作打下堅實(shí)的基礎(chǔ)。
扁平化風(fēng)格的逐漸盛行固然有它的道理，但本質(zhì)上它只是設(shè)計美學(xué)當(dāng)中的一種；與仿古、高光、金屬質(zhì)感、木質(zhì)等視覺效果相同，對視覺風(fēng)格的選擇必須以良好的信息架構(gòu)及交互模式為基礎(chǔ)。
扁平風(fēng)格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來，減少認(rèn)知障礙的產(chǎn)生。
隨著網(wǎng)站和應(yīng)用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸，創(chuàng)建多個屏幕尺寸和分辨率的skeuomorphic設(shè)計既繁瑣又費(fèi)時。設(shè)計正朝著更加扁平化的設(shè)計，你可以一次保證在所有的屏幕尺寸上它會很好看。扁平化設(shè)計更簡約，條理清晰，最重要的一點(diǎn)是，更好的適應(yīng)性。

當(dāng)前名稱：扁平化的網(wǎng)頁設(shè)計需要注重哪些方面？
鏈接URL：http://www.rwnh.cn/news16/137866.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計、商城網(wǎng)站、網(wǎng)站制作、標(biāo)簽優(yōu)化、小程序開發(fā)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)