
1對(duì)1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
極簡(jiǎn)主義-如何在網(wǎng)頁(yè)設(shè)計(jì)中創(chuàng)造少既是多
2017年10月13日瀏覽:
近幾年來(lái),極簡(jiǎn)主義和使用空白空間成為一種比較大和普遍的設(shè)計(jì)趨勢(shì),尤其對(duì)于網(wǎng)站設(shè)計(jì)來(lái)說(shuō)。掌握這些技巧乍一看可能很簡(jiǎn)單,但實(shí)際上,在網(wǎng)頁(yè)設(shè)計(jì)的實(shí)際工作中,很難設(shè)計(jì)出如此多開(kāi)放空間??蛻艉茈y會(huì)接受這種做法,因?yàn)樗麄兺ǔO胍诋?huà)布上盡可能多的展現(xiàn)他們的信息。
但是,盡管如此,還是有許多的設(shè)計(jì)師很喜歡簡(jiǎn)約型的風(fēng)格以及最大化簡(jiǎn)約空間,這是一個(gè)有趣的挑戰(zhàn)。它是一種能在媒體上很好的兼容各種“格式”的技術(shù)——可以用于打印、網(wǎng)頁(yè)設(shè)計(jì)和包裝。在這里,我們將研究一下這種趨勢(shì),以及如何通過(guò)更少的元素來(lái)設(shè)計(jì)和表達(dá)更多的內(nèi)容以及信息。
1.“空白”和“簡(jiǎn)約主義”的定義
當(dāng)設(shè)計(jì)師談?wù)摵?jiǎn)約主義時(shí),通常會(huì)有一種“當(dāng)你實(shí)際看到設(shè)計(jì)的時(shí)候,你就會(huì)知道它”的態(tài)度。并沒(méi)有哪一個(gè)完美的公式能讓事情變得簡(jiǎn)單。
不過(guò),大多數(shù)設(shè)計(jì)師在某些地方可以達(dá)成一些共識(shí)。極簡(jiǎn)主義設(shè)計(jì)風(fēng)格的特點(diǎn)包括:
· 使用的元素被層層剝,以達(dá)到最簡(jiǎn)的程度;
· 簡(jiǎn)單的功能和用戶交互;
· 注重為整個(gè)項(xiàng)目提供權(quán)重的細(xì)節(jié);
· 大量的開(kāi)放性空間;
· 簡(jiǎn)單或極少的色彩;
· 只使用一或兩種具有簡(jiǎn)單筆觸的字體;
· 簡(jiǎn)化內(nèi)容。
這不僅僅是一個(gè)平面設(shè)計(jì)理論。極簡(jiǎn)主義在藝術(shù)、音樂(lè)、時(shí)尚、家居裝飾和文學(xué)等多個(gè)學(xué)科中都有應(yīng)用。通常當(dāng)人們談?wù)摌O簡(jiǎn)主義時(shí),“少即是多”的說(shuō)法會(huì)重復(fù)出現(xiàn)。雖然這聽(tīng)起來(lái)很老套,但它被廣泛的使用是因?yàn)樗敲枋龊?jiǎn)約風(fēng)格的最好說(shuō)辭之一。
在考慮極簡(jiǎn)主義設(shè)計(jì)時(shí),使用空白是一個(gè)關(guān)鍵的考慮因素。只有用較少的元素,更多的開(kāi)放空間才會(huì)顯示在設(shè)計(jì)中。為了創(chuàng)建一個(gè)有效的極簡(jiǎn)設(shè)計(jì)項(xiàng)目,你必須從一開(kāi)始就考慮這個(gè)方向。
2.簡(jiǎn)化內(nèi)容
如果你想創(chuàng)建一個(gè)極簡(jiǎn)的設(shè)計(jì),你就不能有一個(gè)過(guò)于復(fù)雜的信息。內(nèi)容類型應(yīng)該與任何項(xiàng)目的設(shè)計(jì)大綱風(fēng)格相匹配。
所以,當(dāng)你為你的內(nèi)容規(guī)劃設(shè)計(jì)的時(shí)候,不妨問(wèn)問(wèn)你自己一些關(guān)鍵的問(wèn)題:
· 它是否是容易被讀(看)懂的?
· 它能簡(jiǎn)單地解釋給用戶嗎?
· 圖片和文字是否是干凈以及最基本的?
· 如果沒(méi)有大量的解釋,這些想法可以容易被理解嗎?
如果以上這些問(wèn)題的答案是“是”,那么你可以按照你的想法,來(lái)設(shè)計(jì)一個(gè)極簡(jiǎn)主義風(fēng)格的項(xiàng)目。否則,你可能需要推遲使用這個(gè)趨勢(shì)。
3.去掉不必要的設(shè)計(jì)技巧
在過(guò)去的幾年里,設(shè)計(jì)師們談?wù)摿撕芏嗥矫嬖O(shè)計(jì)與扁平化設(shè)計(jì)的關(guān)系。這是極簡(jiǎn)主義設(shè)計(jì)的開(kāi)始,因?yàn)樵O(shè)計(jì)師開(kāi)始試著剝離所有不相關(guān)的設(shè)計(jì)技巧。
在使用極簡(jiǎn)化設(shè)計(jì)理念的時(shí)候,這是最重要的考慮之一。設(shè)計(jì)應(yīng)該盡量減少使用技巧,除非它們是絕對(duì)必要的。
去掉所有的東西,用最基本的元素——顏色、空間、網(wǎng)格和基本元素來(lái)考慮你的整體設(shè)計(jì)元素。
4.專注于細(xì)節(jié)
每個(gè)細(xì)節(jié)都應(yīng)該有一個(gè)目的。在極簡(jiǎn)主義的框架中,對(duì)象和元素不會(huì)被背景掩蓋或隱藏在設(shè)計(jì)中。每個(gè)細(xì)節(jié)都很重要,所以要特別小心。
在細(xì)節(jié)方面,要注意諸如網(wǎng)格和對(duì)齊之類的東西。設(shè)計(jì)看起來(lái)有組織,將有助于設(shè)計(jì)的整體和諧和達(dá)到預(yù)期效果。考慮用戶在與設(shè)計(jì)交互時(shí)會(huì)產(chǎn)生的感覺(jué)或情感?,F(xiàn)在創(chuàng)建每個(gè)元素來(lái)反映這一點(diǎn)。
5.顏色的使用需要有目的
有時(shí),極簡(jiǎn)設(shè)計(jì)的想法可能會(huì)喚起你想要設(shè)計(jì)一個(gè)黑白設(shè)計(jì)視覺(jué)的項(xiàng)目。雖然這是一個(gè)時(shí)髦的、大膽的想法,但簡(jiǎn)約風(fēng)格可以使用顏色。
選擇使用基本色調(diào)的調(diào)色板,飽和度和亮度與整體的風(fēng)格和用色相似。只需要使用一個(gè)或兩個(gè)顏色選項(xiàng),限制顏色使用可以避免頁(yè)面過(guò)于“花”。
確定什么顏色應(yīng)該表達(dá)什么意思,它適合用于背景的使用嗎?它是一種強(qiáng)調(diào)元素還是一種抵消元素?盡量所使用的每一種顏色所表達(dá)的情感和目的是一致的。
6.思考排版
在極簡(jiǎn)主義的設(shè)計(jì)項(xiàng)目中,排版很像顏色——它需要簡(jiǎn)單直接。
在這種風(fēng)格的項(xiàng)目中,Sans serif字體是一種流行的選擇,也正是因?yàn)槿绱?,造成了它在排版中的過(guò)度使用。排版通常被用作主要的圖形元素,而對(duì)大小的夸張可以將焦點(diǎn)集中在可能被忽略的字體上。sans serifs的流行并不是偶然,他說(shuō)明了很重要的一點(diǎn)——只要字體是可讀的,它就能有效地工作。
當(dāng)談到排版的時(shí)候,畫(huà)布上的文字和字體本身一樣重要。如果設(shè)計(jì)簡(jiǎn)單,那么單詞應(yīng)該保持同樣簡(jiǎn)單。不要用文本淹沒(méi)設(shè)計(jì)。堅(jiān)持一個(gè)logo或品牌原則,簡(jiǎn)單的元素導(dǎo)航,一個(gè)標(biāo)題只包含幾個(gè)文字,后面跟著一個(gè)小的文本塊(當(dāng)然,如果你能繼續(xù)優(yōu)化這些元素,已達(dá)到更簡(jiǎn)的話,那么最好不過(guò)了)。
7.結(jié)合大量的空白
空白是與極簡(jiǎn)設(shè)計(jì)相關(guān)的關(guān)鍵思想之一。如果沒(méi)有很多的圖像或文本元素,那么一定有很多空間,對(duì)吧?
當(dāng)涉及到空間的時(shí)候,大部分的設(shè)計(jì)應(yīng)該是開(kāi)放的。首先,確保設(shè)計(jì)的表面區(qū)域至少有空間。
想想與其他元素相關(guān)的空間。在網(wǎng)站設(shè)計(jì)項(xiàng)目中,添加額外的填充圖片,文字和可點(diǎn)擊的元素。
每個(gè)元素周圍的空間應(yīng)該被用來(lái)強(qiáng)調(diào)它。元素周圍的空間也應(yīng)該有目的和一致性,如果你只是隨機(jī)添加空間,設(shè)計(jì)最終會(huì)讓人感覺(jué)混亂。使用網(wǎng)格來(lái)組織和規(guī)劃空間關(guān)系。
8.編輯設(shè)計(jì)
這是一個(gè)“破壞”的過(guò)程。在創(chuàng)建初始設(shè)計(jì)大綱之后,編輯它,進(jìn)一步的簡(jiǎn)化設(shè)計(jì)(很可能你會(huì)發(fā)現(xiàn)你仍然使用了太多的元素)。
選擇一個(gè)焦點(diǎn),把周圍的一切都清除掉。創(chuàng)建更多的空間來(lái)進(jìn)一步關(guān)注這部分的設(shè)計(jì);分析這些元素,看是否有可以移除的元素。
把沒(méi)有直接關(guān)系到焦點(diǎn)的所有元素或內(nèi)容都扔掉,這可能很困難,但要擺脫任何無(wú)關(guān)緊要的東西,這個(gè)過(guò)程是必須的。使設(shè)計(jì)盡可能的簡(jiǎn)單,當(dāng)然,如果確實(shí)有這個(gè)必要,你也可以添加元素。很多時(shí)候,這一步將幫助我們了解真正需要的是什么。
不過(guò),現(xiàn)在我們主要爭(zhēng)論的焦點(diǎn)是究竟什么元素可以被消除?;蛟S你可以嘗試另一種風(fēng)格的公共元素,打破常見(jiàn)的設(shè)計(jì)特征,比如:
· 是否真的需要使用icon來(lái)代表社交媒體?
· 是否需要標(biāo)簽或標(biāo)語(yǔ)?
· 是否需要在你的網(wǎng)站設(shè)計(jì)中設(shè)置訂閱選項(xiàng)?
· 是否有必要使用多級(jí)導(dǎo)航?
我有所謂的“五法則”——在極簡(jiǎn)主義項(xiàng)目中,我允許自己在第一次展示或設(shè)計(jì)稿中最多使用五個(gè)設(shè)計(jì)元素。它們通常包括品牌、形象、標(biāo)題、導(dǎo)航和空間。
如果你在設(shè)計(jì)的過(guò)程中碰到麻煩,你可以先暫時(shí)離開(kāi)設(shè)計(jì),休息片刻然后稍后再到工作上。再次編輯、看文本,刪除不必要的元素,直到你開(kāi)始覺(jué)得結(jié)果有點(diǎn)讓你感到不太舒服,然后再根據(jù)頁(yè)面需要添加一個(gè)元素。
總結(jié)
當(dāng)你考慮使用極簡(jiǎn)設(shè)計(jì)時(shí),只使用有助于可讀性和可用性的元素。其他的都只是裝飾而已,存在的必要性就在于你的想法了。
思考這個(gè)設(shè)計(jì)技巧其實(shí)最簡(jiǎn)單的方式是回到基礎(chǔ)上。有時(shí),過(guò)度設(shè)計(jì)比設(shè)計(jì)更容易,在我們不知情的情況下,技巧和裝飾似乎總是無(wú)處不在。用一種字體、顏色、網(wǎng)格和一個(gè)共同的主題來(lái)增加額外的功能。