設(shè)計(jì)進(jìn)階25條簡(jiǎn)約設(shè)計(jì)原則

2021-10-01    分類(lèi): 網(wǎng)站建設(shè)

極簡(jiǎn)主義可謂去蕪存菁,聚焦重點(diǎn)。也就是說(shuō),極簡(jiǎn)主義披荊斬棘,直達(dá)目標(biāo)。
既然是極簡(jiǎn)主義,那么最終呈現(xiàn)的外觀自然是簡(jiǎn)潔二字,精心思考、屢次嘗試以及大量時(shí)間均融合包含在這簡(jiǎn)約中。下面,我們就來(lái)分解極簡(jiǎn)主義,從中學(xué)習(xí)。
01. 保持一致
對(duì)于品牌標(biāo)識(shí)來(lái)說(shuō),簡(jiǎn)約風(fēng)格的商標(biāo)就十分實(shí)用。就拿這個(gè)由 Simon McWhinnie 設(shè)計(jì)的酒吧品牌來(lái)說(shuō),標(biāo)識(shí)圖形及色彩采用極簡(jiǎn)風(fēng)格,與其它延展元素和產(chǎn)品好融合,打造出的整體感令品牌形象非常便于記憶。

02. 尋找隱形關(guān)聯(lián)
如 果你認(rèn)為極簡(jiǎn)主義令設(shè)計(jì)失去了創(chuàng)意,那你就大錯(cuò)特錯(cuò)了。其實(shí),當(dāng)你不受困于繁瑣的視覺(jué)中時(shí),才有機(jī)會(huì)巧妙發(fā)掘設(shè)計(jì)元素中的隱形關(guān)聯(lián)。由 Interbrand 設(shè)計(jì)的Opera australia就是個(gè)很好的例子,他們巧妙地利用了極簡(jiǎn)主義,找到了“OPERa’、‘OPERa aUSTRaLIa”和“OZ OPERa”的字母中有趣的關(guān)系。
03. 運(yùn)用空間關(guān)系
在極簡(jiǎn)主義中,你可以發(fā)現(xiàn)并利用它獨(dú)有的空間感。設(shè)計(jì)可以不局限于其本身,讓它與周遭元素產(chǎn)生關(guān)聯(lián),聯(lián)合組成更“開(kāi)闊”的視覺(jué)。就好比 Trevor Finnegan 設(shè)計(jì)的這一組名片,看看它們組合在一起時(shí)的效果。

04. 腦洞大開(kāi)
極簡(jiǎn)主義并不意味著摒棄所有的圖形插畫(huà)元素,而是對(duì)于選擇什么時(shí)候在哪里用更為謹(jǐn)慎。如 Frame Creative 所設(shè)計(jì)的這款標(biāo)識(shí),圖形元素巧妙地與品牌名稱(chēng)融合,如果能夠靈活運(yùn)用這種方式,便可以創(chuàng)造出即簡(jiǎn)約又形象的視覺(jué)。
05. 注重效率
極簡(jiǎn)主義化繁為簡(jiǎn),聚焦于溝通本身。Jake Frey 所設(shè)計(jì)的這款名片就是個(gè)很好的例子,所有的信息都匯于這短短的幾行字,摒棄花哨,提升效率。
06. 網(wǎng)格效用
各 位射雞尸們也許都已經(jīng)知道網(wǎng)格的用途,有些人甚至認(rèn)為它對(duì)設(shè)計(jì)來(lái)說(shuō)起著至關(guān)重要的作用,那么對(duì)極簡(jiǎn)主義來(lái)說(shuō),就更是如此了。既然在設(shè)計(jì)中沒(méi)有過(guò)多的元素, 那么是時(shí)候好好把玩一下網(wǎng)格系統(tǒng)了。來(lái)看看Jessica Giboin 的這款版面設(shè)計(jì),精密的網(wǎng)格系統(tǒng)令文字、標(biāo)題以及各個(gè)圖形元素組成了清爽、簡(jiǎn)潔并極富效用的設(shè)計(jì)。
07. 重視功能性
極簡(jiǎn)主義堪稱(chēng)功能性冠軍。一個(gè)干凈、清晰、整潔的設(shè)計(jì)令視覺(jué)導(dǎo)航通暢無(wú)阻,所需信息一覽無(wú)余,James Kape 設(shè)計(jì)的這款版面就是個(gè)很好的例子。極簡(jiǎn)設(shè)計(jì)及清晰的字體分級(jí)信息都令目錄頁(yè)面簡(jiǎn)單易讀,發(fā)揮了強(qiáng)大的功能性。
08. 探尋平衡感
版 面中照片等視覺(jué)元素與文字之間的平衡感十分重要。一個(gè)好的設(shè)計(jì)需要做到?jīng)]有任何一個(gè)元素在沒(méi)有特定理由的情況下,在版面中占取過(guò)大份額。在 Mother Design 設(shè)計(jì)的這款版面中,我們可以看到,少量強(qiáng)調(diào)性大文字和畫(huà)面較為簡(jiǎn)潔的圖片組合在一起,而材質(zhì)較為復(fù)雜的圖片通常與大篇幅文本結(jié)合,如此達(dá)成視覺(jué)平衡。
09. 打破規(guī)則
如 之前所提到過(guò),在極簡(jiǎn)主義中,你可以嘗試到在其它風(fēng)格中不可能實(shí)現(xiàn)的可能,這也就意味著,需要略微突破一下規(guī)則。就這個(gè) Ruby Wight 所設(shè)計(jì)的LOGO字體來(lái)說(shuō),其中一半的字母都顛倒排放看起來(lái)是個(gè)不可思議的決定,放在任何其它設(shè)計(jì)風(fēng)格中,這都會(huì)造成不易閱讀的困擾。但是,好在這款品牌 設(shè)計(jì)極度簡(jiǎn)潔,摒棄所有不必須的元素,令這貌似瘋狂的想法最終倒呈現(xiàn)出了良好的視覺(jué)效果。

10. 字體的圖形化
字體是不可忽視的重要武器,對(duì)極簡(jiǎn)主義尤為如此。它可以被用作視覺(jué)元素,根據(jù)所需狀況調(diào)整其形態(tài)。譬如這個(gè)意大利Vogue中的頁(yè)面,字體展現(xiàn)出水流波紋的視覺(jué)效果,無(wú)需多余元素,便令設(shè)計(jì)概念清晰簡(jiǎn)潔。
11. 妙用留白空間
留白亦被稱(chēng)之為“負(fù)空間”,有時(shí)候看起來(lái)只是空白而已,但是它絕不僅于此!巧妙留白可令設(shè)計(jì)平衡,避免雜亂,讓畫(huà)面呼吸起來(lái)。Studioahamed的此款版面設(shè)計(jì)充分使用留白,達(dá)成了高大上的極簡(jiǎn)風(fēng)格。

12. 挖掘可能
有什么比純白色調(diào)更簡(jiǎn)約的呢設(shè)計(jì)絕不止于屏幕,在印刷工藝中隱藏著各種可能,有機(jī)會(huì)讓你的設(shè)計(jì)脫穎而出。凸板印刷及凹凸效果可以為極簡(jiǎn)風(fēng)格設(shè)計(jì)增色不少,大家可以從 adam Buente的設(shè)計(jì)中感受到。

13. 關(guān)于材質(zhì)
當(dāng) 我們?cè)趪L試極簡(jiǎn)主義時(shí),常會(huì)只使用純色以保畫(huà)面簡(jiǎn)潔,但是極簡(jiǎn)主義并非如此。帶入一些材質(zhì)背景可以為設(shè)計(jì)增加深度,增強(qiáng)效力,同時(shí)也不會(huì)影響到風(fēng)格的簡(jiǎn) 約。在 Watts Design的品牌及網(wǎng)站設(shè)計(jì)中,我們可以發(fā)現(xiàn),其實(shí)材質(zhì)圖片與簡(jiǎn)潔純色搭配特別能達(dá)成平衡感,這些簡(jiǎn)約的照片和標(biāo)示組合成為極具感染力的設(shè)計(jì)。
14. 跳出固定思維
毫不夸張地說(shuō),在極簡(jiǎn)主義中,你可以突破常規(guī)思維,把玩元素的位置和構(gòu)圖,Gregmadeit的版面設(shè)計(jì)就是個(gè)很好的例子。字母極度靠邊排放,呈現(xiàn)出獨(dú)特的效果,十分引人注目,同時(shí),也保證了文字的可讀性。

15. 直截了當(dāng)
當(dāng)去除了所有多余元素后,你就可以更直接地表達(dá)信息與溝通。這一特點(diǎn)在網(wǎng)站設(shè)計(jì)中尤為實(shí)用,我們總是速速瀏覽網(wǎng)頁(yè),尋找直接有效的信息。在Nine Sixty的網(wǎng)站案例中,讀者可以在第一時(shí)間了解到他們是誰(shuí)。

16. 放大放大
在 極簡(jiǎn)主義中,你可以決定讀者最先看到什么,要做到這一點(diǎn)的訣竅就是把控尺寸??匆幌耂aturdays Magazine的這個(gè)版面,就能發(fā)現(xiàn)第一眼定是落在大的元素上——右頁(yè)中的大標(biāo)語(yǔ),而后是照片,最終是文字。在一個(gè)簡(jiǎn)約設(shè)計(jì)中,對(duì)元素尺寸的把握可以 幫你決定讀者的視覺(jué)閱讀路線(xiàn)。

17. 不只有黑白
很多人認(rèn)為極簡(jiǎn)風(fēng)格只使用單色,但事實(shí)并不如此。在用色上,我們可以既抓人眼球又保持簡(jiǎn)約,只要盡可能保持最少用色(1-3個(gè)顏色好)。Moruba的這款案例選用明黃與黑白搭配,十分醒目顯眼(仍然是簡(jiǎn)約風(fēng)格)。
18. 多一點(diǎn)靈活
極 簡(jiǎn)主義可大大增強(qiáng)設(shè)計(jì)的靈活度,特別是在應(yīng)用項(xiàng)目中尤為突出。大家來(lái)看例子, Büro Ufho的品牌視覺(jué)由簡(jiǎn)潔的襯線(xiàn)字體和兩個(gè)扁平色塊組成。這一組合造就了品牌色板的高度靈活性——兩個(gè)對(duì)角色塊在變換豐富色彩時(shí),并不影響品牌的整體性。 這就是極簡(jiǎn)主義的獨(dú)特之處了。
19. 象征圖形
在 運(yùn)用極簡(jiǎn)主義的同時(shí),可以大大挖掘象征主義在設(shè)計(jì)中的可能。嘗試探索元素的周邊內(nèi)容,與主題相關(guān)的信息,或者主題代表的是什么。在 Jennifer Carrow的這個(gè)名為“反對(duì)幸?!钡姆切≌f(shuō)類(lèi)書(shū)衣設(shè)計(jì)中,所有字母共同組成了悲傷臉龐的圖形。這個(gè)智慧的方式真可謂令人過(guò)目不忘。
20. 運(yùn)用圖解
小 圖標(biāo)的用處我們每天都能感受到,從手機(jī)app到電腦工具條上的圖標(biāo),無(wú)處不在。它們極具功能性,在極簡(jiǎn)主義中也能起到有效的作用。圖標(biāo)有助理解,可有效減 少文字量,并從視覺(jué)上引導(dǎo)用戶(hù)理解你的設(shè)計(jì)。 Spab Rice的這個(gè)網(wǎng)站設(shè)計(jì)就是個(gè)很好的例子,看看圖標(biāo)是如何融入頁(yè)面設(shè)計(jì),從而起到引導(dǎo)用戶(hù)理解網(wǎng)站功能的。
21. 字體掌控
少而優(yōu)——這句話(huà)尤其適合極簡(jiǎn)主義的字體編排。在設(shè)計(jì)中使用1-3個(gè)字體,可同時(shí)保持簡(jiǎn)潔風(fēng)格,并兼顧功能性,Kalpakian的設(shè)計(jì)就很好地詮釋了這一點(diǎn)。將字體和字形設(shè)計(jì)種類(lèi)控制到最少,可確保內(nèi)容的易讀性。
22. 小變化,大收獲
極簡(jiǎn)主義之美就在于由小變化所得的大收獲。 The Pines的標(biāo)示字體中,對(duì)一個(gè)非襯線(xiàn)字體稍作簡(jiǎn)單變動(dòng)——僅僅加上兩條線(xiàn),即呈現(xiàn)出小而聰慧的設(shè)計(jì),非但沒(méi)有破壞整體匹配度,還保留了極簡(jiǎn)主義。
23. 關(guān)注內(nèi)容
千萬(wàn)不要忘記設(shè)計(jì)的初衷:內(nèi)容。極簡(jiǎn)主義對(duì)于展示內(nèi)容來(lái)說(shuō)是不二之選,因其簡(jiǎn)約設(shè)計(jì)能讓受眾的注意力在第一時(shí)間聚焦于內(nèi)容,而不是頁(yè)面中的其它輔助元素。Darrin Higgins的這款網(wǎng)頁(yè)設(shè)計(jì)就做到了以?xún)?nèi)容為主體。
24. 強(qiáng)烈對(duì)比
強(qiáng)烈的對(duì)比度可有助內(nèi)容和視覺(jué)元素的突出,從而令設(shè)計(jì)意圖更清晰。在Mads Burcharth所設(shè)計(jì)的這個(gè)網(wǎng)頁(yè)中,黑色的背景與豐富多彩的圖片內(nèi)容形成強(qiáng)烈對(duì)比,造就了簡(jiǎn)潔又抓人眼球的設(shè)計(jì)。

25. 為未來(lái)而設(shè)計(jì)
極 簡(jiǎn)主義可成為你設(shè)計(jì)中重要的組成部分,因其經(jīng)典風(fēng)格不會(huì)被時(shí)間所淘汰。設(shè)計(jì)中的元素越少,過(guò)時(shí)的可能性也就越低。其中最典型的例子要屬谷歌了,案例圖片中 就是它十年前和如今的頁(yè)面比對(duì)。除了一些小變動(dòng)以外,頁(yè)面中的大面積留白,以?xún)?nèi)容為中心和極簡(jiǎn)主義風(fēng)格,都令谷歌相對(duì)其它品牌而言,從不過(guò)時(shí)。

極簡(jiǎn)主義并不是一個(gè)必須達(dá)成的美學(xué)目標(biāo),亦不是一種你可以重創(chuàng)的風(fēng)格,它是一種對(duì)于設(shè)計(jì)的思考方式。
從字體方面而言,盡量控制種類(lèi),以保持設(shè)計(jì)一致感,避免視覺(jué)混亂。確定內(nèi)容等級(jí),設(shè)定重點(diǎn),并將字體根據(jù)網(wǎng)格對(duì)齊,盡可能保持易讀性。
從顏色方面而言,盡情玩轉(zhuǎn)單色,但不要受其限制。根據(jù)設(shè)計(jì)所需,加入其它色彩可以有助突出設(shè)計(jì)重點(diǎn),或強(qiáng)調(diào)特定元素。
總而言之,盡可能地作簡(jiǎn)化,無(wú)論是減少色板中的一個(gè)顏色,或是構(gòu)圖中省去一張圖片。要時(shí)常想辦法“濃縮”元素,或選用一個(gè)更簡(jiǎn)潔的作替代。減少到無(wú)法再減少,留下的就會(huì)是必不可少的元素。

網(wǎng)頁(yè)標(biāo)題:設(shè)計(jì)進(jìn)階25條簡(jiǎn)約設(shè)計(jì)原則
分享路徑:http://www.bm7419.com/news/129187.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開(kāi)發(fā)、網(wǎng)站內(nèi)鏈、網(wǎng)站建設(shè)網(wǎng)站導(dǎo)航、定制網(wǎng)站電子商務(wù)

廣告

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

成都做網(wǎng)站