作爲設計師,我們都(dōu)知道(dào)極簡的設計效果的确非常出彩。然而,在設計過(guò)程中,我們往往會由于使用較少元素而感覺缺了什麼(me),或是讓最終成(chéng)品看起(qǐ)來仿佛沒(méi)有完成(chéng)。那麼(me)什麼(me)是極簡設計?又是什麼(me)方法使你的設計看起(qǐ)來簡約又不簡單呢?這(zhè)篇文章也許會幫到你。
什麼(me)是極簡設計
極簡設計,嚴格上講不能(néng)算作一種(zhǒng)視覺風格,而是一種(zhǒng)設計哲學(xué)。它在保持了基本的骨架内容的基礎上,剔除掉多餘的元素、裝飾、色彩和紋理,是通過(guò)不斷思考而進(jìn)行化繁爲簡的設計過(guò)程。這(zhè)樣(yàng)做的結果是突顯了主題内容。所以,它是紮根于設計思想根部的概念。
極簡主義起(qǐ)源于蘇格蘭,當時在各個文化領域都(dōu)掀起(qǐ)了極簡的風潮:平面(miàn)設計、建築、音樂、文學(xué)、繪畫等。直到現在,也開(kāi)始在網頁設計中盛行。
天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作,内蒙古網站設計,内蒙古網站建設,呼和浩特網站建設,呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網:/
盡管極簡設計風格在十年間并未得以足夠的關注度,早先的互聯網領域中根本看不到它的影子,樣(yàng)式複雜的LOGO和廣告,豔麗的色彩……網頁設計一直以來都(dōu)以臃腫繁雜的形象出現。
少即是多
前已提及,極簡風格是直截了當地展示主題,減少對(duì)觀者的視覺幹擾。如果一個頁面(miàn)有太多的元素,用戶就會在衆多的元素中,由于無法決定其主次而陷入混亂。一個優秀的極簡設計勢必會用不偏不倚的姿态焦距主體内容。
舉例來說,一個以黑白灰爲主色的網頁中,如果出現任何色彩,都(dōu)會成(chéng)爲視覺焦點。就如下例所示,白色作爲底色背景,再加上一點淺色背景,搭配黑色文字,同時有相應配圖,配圖的色彩表現集中在模特的服飾上,這(zhè)很好(hǎo)的突顯了服裝品牌這(zhè)一焦點。
這(zhè)一種(zhǒng)設計風格就讓用戶焦距到服裝本身的質地、色彩、樣(yàng)式上,從而輕而易舉鎖定了用戶的注意力。而與此同時,在服裝本身以外不再增加任何的裝飾和元素,除了主體結構再無其他。
怎樣(yàng)簡化内容
首先對(duì)于網頁所展示的内容,設計師要有一個清晰的認知。先將(jiāng)網頁上所需要出現的元素列出清單,再從中進(jìn)行逐次審視是否有出現的必要,是否需要去除。
這(zhè)是一份我認爲可能(néng)需要思考是否應該不予出場的元素清單。
社交媒體的圖标
标語和詳細介紹
目前流行的一些比較引人耳目的元素(比如分享和贊等)
一個頁面(miàn)多出三個部分以外的部分
導航中的次級元素
當然,這(zhè)并不是一個框架,你當然需要考慮如果有必要時也不能(néng)統統删除而後(hòu)快。主頁出現的部分元素都(dōu)可以放到二級頁面(miàn)裡(lǐ)。畢竟如果主頁信息量太大,你的用戶也許也會“消化不良”。
這(zhè)樣(yàng)精簡以後(hòu)的結果是,也許你的網站的功能(néng)性相比弱化了一些,但删減了多餘的元素,使之成(chéng)爲一個更爲簡化的布局,這(zhè)讓用戶可以在你的網站停留時間更長(cháng)一點。而讓用戶成(chéng)爲願意爲之學(xué)習的網站。
怎樣(yàng)簡化設計
你需要不斷簡化任何出現的元素,讓紋理消失直至不見、更少顔色、更簡單的造型……總而言之,這(zhè)一系列的處理過(guò)程的确讓你的設計變得有些平淡了。但這(zhè)時你要記住,不要偏離了極簡的方向(xiàng),你可以把設計集中到焦點内容上,讓焦點内容成(chéng)爲唯一重要的視覺核心。使用一些創造性的技巧來處理細節。
使用優雅的線框
大家都(dōu)知道(dào),使用線框能(néng)讓你的設計看上去更“穩固”,因爲你的眼力其實超乎你想象的好(hǎo)用,它甚至會記得每一段間隔每一個交點,所以任何破壞視覺平衡的元素都(dōu)會格外突兀,這(zhè)時你的直覺隻會告訴你“感覺不對(duì)”。但這(zhè)其實就是沒(méi)有運用好(hǎo)線框的結果。
一個合适的線框圖是極簡設計緻勝前提。你可以運用它獲得合适的比例,創造出有趣的視覺平衡。
你可以在設計伊始就用2B鉛筆在草稿上畫出你的頁面(miàn)布局和元素樣(yàng)式。
在畫線框時,你需要遵循下面(miàn)的順序
1)決定你的網頁中需要出現的元素 2)對(duì)元素之間,按優先次序進(jìn)行排序 3)畫出線框草圖并試著(zhe)去達到最佳的布局視覺效果
留白
在我眼中,留白是一種(zhǒng)設計素材。留白并不等同于極簡,但它與極簡設計有著(zhe)千絲萬縷的聯系。
不管你多麼(me)有創意,一個極簡設計如果沒(méi)有足夠留白,那麼(me)也將(jiāng)是失敗的。所以,在設計時,你要考慮每個元素的周圍都(dōu)有足夠多的留白空間。
例如上面(miàn)這(zhè)個網頁主頁中的LOGO部分周圍的大量留白,讓LOGO本身得到直觀的展示。
讓簡單成(chéng)爲習慣
我們不可否認,我們有一種(zhǒng)自我膨脹的惡習。設計中,不知不覺就會增加過(guò)多的東西,因爲你的腦海中一直浮現一種(zhǒng)想要“完美”它的欲望。鑒于此,我們必須要讓自己從這(zhè)個習慣中擺脫出來形成(chéng)另一個良好(hǎo)的習慣。
如果你在設計中陷入了盲區,總覺得不對(duì)勁“仿佛缺了點什麼(me)”的話,這(zhè)時,與其糾結于給頁面(miàn)增加更多的元素,不如想想怎樣(yàng)讓頁面(miàn)減少更多的元素。
最後(hòu),當你對(duì)設計已經(jīng)滿意後(hòu),再看看是否仍然可以進(jìn)一步簡化設計。就像給樹苗修剪枝葉一樣(yàng)的耐心。
網頁設計中極簡範式
黑白灰:色彩禁欲主義
黑白灰的大氣讓人難忘,雖然是信手拈來的設計道(dào)理,但放到實踐中,設計師往往需要更多的勇氣做這(zhè)樣(yàng)的設計。因爲做這(zhè)類設計的風險太大,不小心就會讓設計變得死氣沉沉一片荒蕪,帶給觀者負面(miàn)的感受。如上圖中以黑色爲背景就需要嚴格與網站的内容契合,表現出黑色的“酷”。同時,元素的編排也必須不拘一格,比如將(jiāng)人物置最前,文字放于背景之上,黑白的搭配頓顯時尚感。
線形插畫:形魅力
灰色的背景上隻用白色作爲前景色,首頁的焦點是中心位置的線性插畫,這(zhè)是品牌展示的一種(zhǒng)最爲直觀的方式。而運用一定的投影效果,讓插畫仿佛懸浮在半空中則是增加了一些創造性的細節,這(zhè)就讓畫面(miàn)活躍起(qǐ)來,不會陷入一片荒蕪當之中。
字母:形的構思
字母本身的造型就是一副完美的構圖,加上文字本身所具有一定的含義,融合一身,就會讓畫面(miàn)變成(chéng)雙向(xiàng)發(fā)聲。所以,重新縮小或放大文字,讓文字成(chéng)爲畫面(miàn)的焦點用以傳達品牌形象,這(zhè)種(zhǒng)方式在極簡的網站中很容易做到。如本例中可以將(jiāng)文字的背景作爲創意擴展的部分,讓鼠标移動時出現不同的漸變色背景,這(zhè)些漸變色色彩都(dōu)傾向(xiàng)鮮豔,而這(zhè)裡(lǐ)極好(hǎo)地點綴了文字本身的美感。而中文相比英文更爲複雜,想要把文字也變爲對(duì)形态的焦距,就需要將(jiāng)中文改爲在形态上較爲突出的字體,例如書法字體等。如下圖所示。
攝影:用圖講故事(shì)
用一張高清的攝影作品作爲背景,也是網頁中極簡設計的常用方法。這(zhè)幅攝影作品本身就是極簡風格的,讓品牌故事(shì)隐藏于照片中。照片的寫實程度無能(néng)出其左右,而本身的風格就必須要明顯地突出主題。這(zhè)時文字的出現是爲解釋說明的作用,你可以在你的設計中加以删減或增加。
你還(hái)可以像上圖示例那樣(yàng)讓圖片和文字展示出各種(zhǒng)有趣的組合樣(yàng)式,這(zhè)時必須要考慮文字和圖片的結合,千萬不要用一張和文字内容毫不相幹的圖片。
極簡設計的适用場合
就像大家所知,極簡設計由于内容展示較少,在目前商業應用中還(hái)不太廣泛,大多用在小型創意領域機構的官網較多。當涉及營銷時,由于營銷的目的就是最短時間推送最豐富全面(miàn)的信息給用戶,因此一般的商城都(dōu)不會讓自己看上去太輕松。雖然這(zhè)樣(yàng)說,但我們在設計商城的時候也注意到,目前已經(jīng)有設計師開(kāi)始利用這(zhè)種(zhǒng)簡化的風格設計商城,做出不一樣(yàng)的細目更深化的小型商城。這(zhè)類商城的産品也針對(duì)的是較高端的用戶,比如時裝行業裡(lǐ)的網站,可以不妨一試這(zhè)樣(yàng)的設計風格。如下例所示。
可以看到所有的信息都(dōu)被(bèi)濃縮了,産品展示讓人一目了然。我認爲這(zhè)是一個進(jìn)步,不論是審美方面(miàn)還(hái)是營銷影響方面(miàn)都(dōu)讓産品和用戶的距離更近了一步。
後(hòu)記
我認爲極簡的設計才是未來派,以突出主題展示的設計思路本身就是設計師應該執行的思維。無論設計的是什麼(me),都(dōu)要拷問設計的目的,因此對(duì)主體内容的精簡優化是提高溝通效率的一種(zhǒng)極爲有效的方式。這(zhè)從未來來說,也是不可逆之一。
原文地址:ifeiwu
注:本文均來自百度搜索,如涉及版權問題,請聯系我們,我們會第一時間解決。