極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì)

說到簡(jiǎn)約，有趣的卻是，我們卻常常把簡(jiǎn)單的事情復(fù)雜化。

　　在所有的藝術(shù)中，在我們生活的所有方式中，我們開始使用任何我們所能加入的東西，

　　網(wǎng)頁(yè)設(shè)計(jì)也一樣。當(dāng)我們開始意識(shí)到多并不一定就好，那我們可以少用一些東西，盡量簡(jiǎn)化，刪除掉不必要的元素，這樣我們才可以專注于真正重要的。

　　以下有些粗淺的認(rèn)識(shí)帶給大家。

1.什么是極簡(jiǎn)?

　　極簡(jiǎn)，在最純粹的樣式中，還原其最基本的東西。

　　比如一輛車。 它僅僅只需要幾個(gè)關(guān)鍵部件 – 發(fā)動(dòng)機(jī)，車輪，氣油，等， 來(lái)運(yùn)行它。 只要它有這些部件，您可以去掉許多非必要的元素，如它的音響系統(tǒng)，加熱真皮座椅，杯架，美女等，這樣的汽車依然可以帶你到你想到達(dá)的地方，當(dāng)然，極簡(jiǎn)不一定就是簡(jiǎn)陋，這里只是打個(gè)比方。

　　極簡(jiǎn)主義設(shè)計(jì)運(yùn)動(dòng)始于瑞士，然后被用于多種媒體：圖形設(shè)計(jì)，建筑，音樂，文學(xué)，繪畫，以及網(wǎng)頁(yè)設(shè)計(jì)。

　　在極簡(jiǎn)的網(wǎng)頁(yè)設(shè)計(jì)中，不是把所有能用的東西都用上，然后逐個(gè)刪減下來(lái)只剩下必要的功能和內(nèi)容。最有效的方法是一開始用一個(gè)框，只包含重要的內(nèi)容。極簡(jiǎn)的網(wǎng)頁(yè)設(shè)計(jì)的最終目標(biāo)是幫助用戶去快速的關(guān)注焦點(diǎn)，并盡快實(shí)現(xiàn)他們的目的。

　　設(shè)計(jì)極簡(jiǎn)的網(wǎng)站時(shí)，應(yīng)該牢記以下三件事：

主題：在網(wǎng)頁(yè)上最重要的事情是什么?是否能有效的保證用戶的參與和關(guān)注?

可用性：什么元素承擔(dān)著用戶體驗(yàn)?減少什么元素，可以使瀏覽更加方便?

平衡：網(wǎng)頁(yè)是否有適當(dāng)?shù)囊曈X層次和其構(gòu)成元素是否有適當(dāng)?shù)囊曈X權(quán)重?

　　這三個(gè)要素實(shí)際上是在所有的網(wǎng)頁(yè)設(shè)計(jì)中都是最重的，但其他風(fēng)格的視覺樣式可能要求更多的視覺層次，而極簡(jiǎn)不需要。

2.為什么要使用極簡(jiǎn)的風(fēng)格?

　　極簡(jiǎn)的思維是現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)——我們從內(nèi)容開始，也可能是

品牌。

　　設(shè)計(jì)極簡(jiǎn)的網(wǎng)頁(yè)有很多好處。

　　最明顯的是：極簡(jiǎn)網(wǎng)頁(yè)設(shè)計(jì)通常會(huì)用到更少的代碼和網(wǎng)站資源。極簡(jiǎn)的網(wǎng)站，往往會(huì)產(chǎn)生較少的CSS規(guī)范，HTML元素，鏡像，JavaScript等等。這最終意味著增強(qiáng)了前端Web性能，進(jìn)而提高了可用性和得到更好的用戶體驗(yàn)。

　　但是這并不意味著設(shè)計(jì)階段是一點(diǎn)都不費(fèi)力的。極簡(jiǎn)主義也需要有和其他任何類型的網(wǎng)站一樣多的思考，規(guī)劃和輸出。

　　一旦有了這個(gè)概念，就會(huì)讓你得設(shè)計(jì)變得輕松，設(shè)計(jì)過程中也不會(huì)輕易的破壞極簡(jiǎn)的設(shè)計(jì)風(fēng)格，極簡(jiǎn)設(shè)計(jì)中主動(dòng)的避開多余的元素，會(huì)讓你的設(shè)計(jì)變得更加開放和自由。 當(dāng)頁(yè)面少一些內(nèi)容的時(shí)候，會(huì)較少的分散注意力。 只要你充分考慮到頁(yè)面的平衡， 排版和空白上的處理，那么你的設(shè)計(jì)最終回有一個(gè)不錯(cuò)效果。 相比一些幾十個(gè)圖層的PSD模板，得到的效果可能更令人滿意。 相對(duì)于那些精湛的細(xì)節(jié)處理技巧或大師級(jí)的Photoshop視覺效果而言，極簡(jiǎn)其實(shí)是以一個(gè)更好的方式來(lái)創(chuàng)建一個(gè)網(wǎng)站，只需要一個(gè)排版，留白的空間和對(duì)平衡的深刻理解。 (例)

　　案例演示了如何極簡(jiǎn)的設(shè)計(jì)一個(gè)有趣并具有視覺吸引力的網(wǎng)站。然而，極簡(jiǎn)的設(shè)計(jì)最重要的地方，是沒有多余的設(shè)計(jì)元素，強(qiáng)調(diào)網(wǎng)站的內(nèi)容。 通過適當(dāng)?shù)奶幚硪恍┑目瞻祝沟镁W(wǎng)站的每一個(gè)部分都有喘息的余地。

　　這是一個(gè)設(shè)計(jì)師的個(gè)人網(wǎng)站，圍繞每一塊內(nèi)容大膽的留出足夠的空白，使讀者可以快速的把注意力集中在感興趣的內(nèi)容上，不用擔(dān)心被其他不想關(guān)注的內(nèi)容干擾。讀者的眼球集中在有秩序的內(nèi)容上。我的視線從“丹尼爾·格雷”進(jìn)入，然后是圖片麒麟的形象，然后導(dǎo)航，接著是“設(shè)計(jì)師/作家/其他，如果你有問題或想討論的一個(gè)項(xiàng)目，請(qǐng)與我們聯(lián)系?！敝惖暮?jiǎn)介，由于并沒有很多視覺元素來(lái)分散的讀者，這個(gè)順序便不那么重要了。在視覺復(fù)雜的網(wǎng)站，很容易讓讀者迷路，但在這里，雖然我看到的東西順序不同，也不知道什么內(nèi)容才可能是最重要的，但并不妨礙我們?nèi)タ焖俚牧私膺@個(gè)網(wǎng)站。

3.不可為極簡(jiǎn)犧牲可用性

　　正如我們現(xiàn)在都會(huì)聽到“內(nèi)容為王”，雖然也有一些不同意此說法的人，有極少數(shù)的人會(huì)說內(nèi)容一點(diǎn)都不重要。但其實(shí)你設(shè)計(jì)中使用或設(shè)計(jì)的每一個(gè)ICON，寫的每一行代碼，在某種程度上，其實(shí)它就是頁(yè)面的內(nèi)容。和內(nèi)容一樣重要的是如何訪問到此內(nèi)容，如沒有充分考慮可用性的話，內(nèi)容是很難被找到和被閱讀的。

　　現(xiàn)在我們有了新的Web標(biāo)準(zhǔn)和技術(shù)，像我們所掌握的CSS3和HTML5，我們必須深入思考什么是必要的，使我們避免過度使用這些東西。另外一點(diǎn)，隨著網(wǎng)絡(luò)技術(shù)成長(zhǎng)和更復(fù)雜，特別是當(dāng)某些多余的設(shè)計(jì)模式幾乎成了必需，比如使鼠標(biāo)懸停更柔和一點(diǎn)。但是你始終應(yīng)該首先在腦海里考慮到可用性。

　　還有一些例子：在極簡(jiǎn)的設(shè)計(jì)中，至少應(yīng)該包括你公司的名字與LOGO，除非你是和蘋果，星巴克和耐克這等建立和廣泛認(rèn)知的公司。例如：不要以為你可以讓你的導(dǎo)航菜單變成一組神秘的圖標(biāo)就會(huì)讓網(wǎng)站變得更有趣，要有一定的認(rèn)知度，對(duì)大多數(shù)用戶或讀者來(lái)說，這種事情還是會(huì)容易讓人覺得混淆。

4.極簡(jiǎn)的網(wǎng)頁(yè)設(shè)計(jì)同樣可以華麗

　　設(shè)計(jì)簡(jiǎn)約并不總是意味著要減少所有的視覺要素。與此相反，許多極簡(jiǎn)的網(wǎng)站設(shè)計(jì)里都有很強(qiáng)的設(shè)計(jì)元素，更容易出效果，因?yàn)檩^少設(shè)計(jì)元素競(jìng)爭(zhēng)，畫龍點(diǎn)睛。

　　舉個(gè)例子，icondrawer.com的網(wǎng)站搭配了非常好的顏色，圖像和精致的視覺效果，(如在TOP的網(wǎng)頁(yè)布局導(dǎo)航的，木紋抽屜)加強(qiáng)品質(zhì)感，也突出了它作為一個(gè)專業(yè)的圖標(biāo)設(shè)計(jì)網(wǎng)站的水準(zhǔn)，用戶也并沒有被干擾。

5.設(shè)計(jì)極簡(jiǎn)風(fēng)格的理由是什么?

　　極簡(jiǎn)主義在網(wǎng)絡(luò)上可能被認(rèn)為過于泛濫甚至隨意。 如果“為了極簡(jiǎn)”而不理解極簡(jiǎn)的目的，只是刻意的去最求極簡(jiǎn)的外觀，那么你的設(shè)計(jì)將會(huì)變得不知所云。 就像任何其他藝術(shù)流派的設(shè)計(jì)風(fēng)格一樣，極簡(jiǎn)必須充分理解才能得到很好的效果 – 不要讓看起來(lái)簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)欺騙了你，比起表面上所看到的東西其實(shí)有更多的意義在里面。

　　當(dāng)任何設(shè)計(jì)在其結(jié)構(gòu)中是混亂的，沒有目的的，或者它的頭部是看上去不舒服的，它都會(huì)引發(fā)用戶去關(guān)閉這個(gè)頁(yè)面。因?yàn)橛脩魺o(wú)法找到他們所要尋找的東西。

　　一般情況下，在設(shè)計(jì)任何風(fēng)格時(shí)，你都應(yīng)該避免歧義和混亂。極簡(jiǎn)主義也沒有例外，事實(shí)上，極簡(jiǎn)的設(shè)計(jì)風(fēng)格，必須避免含糊不清的地方像瘟疫一樣蔓延，堅(jiān)持分析和完善可用性，讓用戶在任何情況下訪問你的網(wǎng)頁(yè)時(shí)都不會(huì)感到混論。

　　最重要的是，在你投身設(shè)計(jì)工作之前，要確保你清楚地了解極簡(jiǎn)的設(shè)計(jì)的目標(biāo)。如果沒有正確的方向，你的作品最終可能會(huì)失敗。

　　你應(yīng)該爭(zhēng)取的目標(biāo)是，當(dāng)你在采用極簡(jiǎn)設(shè)計(jì)時(shí)，是增強(qiáng)可讀性，提高導(dǎo)航和可用性，并且一如既往，盡可能的創(chuàng)造最愉快的用戶體驗(yàn)。

6.設(shè)計(jì)太過于極簡(jiǎn)?

　　你的設(shè)計(jì)可能是過于極簡(jiǎn)的，

　　如果：

　　? 您使用的是極簡(jiǎn)主義的錯(cuò)誤的原因

　　? 如果你以任何方式犧牲可用性

　　這些問題都容易解決，只要你了解一般的視覺設(shè)計(jì)的目標(biāo)：是為了清楚地和有效地傳達(dá)信息。 不斷考慮你的設(shè)計(jì)如何影響你的用戶。

　　以上幾點(diǎn)，均是在進(jìn)行極簡(jiǎn)的網(wǎng)頁(yè)設(shè)計(jì)時(shí)所需要考慮的，極簡(jiǎn)主義作為一個(gè)藝術(shù)流派影響到網(wǎng)頁(yè)設(shè)計(jì)的今天，注定將扮演一個(gè)重要的角色，無(wú)論你對(duì)這樣的設(shè)計(jì)方式是否認(rèn)同，如果你能較好的去理解極簡(jiǎn)設(shè)計(jì)，我相信一樣可以對(duì)你的設(shè)計(jì)有所幫助。當(dāng)你分享到那些精致而簡(jiǎn)潔到令人驚嘆的網(wǎng)站時(shí)，你會(huì)否也會(huì)理解到極簡(jiǎn)帶來(lái)更深刻的意義呢?

文章題目：極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì)
標(biāo)題路徑：http://www.muchs.cn/news17/166917.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、定制開發(fā)、外貿(mào)網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、App開發(fā)、自適應(yīng)網(wǎng)站

廣告

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