其實,設(shè)計跟其他專業(yè)或?qū)W科一樣,它也有一些自己的規(guī)則在!
當然,設(shè)計并不是墨守成規(guī),甚至在某些情況下突破規(guī)則是值得鼓勵的。但你首先要在創(chuàng)新之前先對這些規(guī)則有一個整體的了解,這樣你才能更好的以更棒的方式去突破它。
從排版到布局,從顏色到一些特殊效果,下面會通過一些基礎(chǔ)的規(guī)則,技巧以及常見的錯誤清單,來幫助你避免一些設(shè)計中的一些易犯的錯誤。
01.不要忽略字距

有人曾經(jīng)說過,如果你真討厭一個人,可以教他如何識別錯誤的字距。字距的誤差對設(shè)計界來說是很難被接受的,而且可以算得上致命一擊。
字距也就是字與字之間的間隔。聽起來貌似不是很重要,但是合適的字距會讓整體看起來很不一樣。最終的目的是通過合適的字距保證文字排版的整潔有序。
02. 不要忽略可讀性/易讀性審美的原因

我覺得我已經(jīng)強調(diào)很多次了,設(shè)計的第一要義是溝通,因此在你的設(shè)計樣式中可讀性和易讀性是頭等大事。
所以呢?到底是什么妨礙可讀性和易讀性?一些情況會影響讀者的閱讀效果。一個常見的例子就是背景和文本的對比度太低,保持高對比度可以避免這個問題。
另一些常見的錯誤像過多的使用大寫字母。過多的使用大寫字母會讓讀者感到不舒服,同時也降低了眼睛對字與字的辨識能力。這是因為采用大寫字母,每個字母有相同的寬高,反之,小寫字母形狀差異化比較明顯,能讓眼睛更好的識別。
另一個就是字體的大小,最常見的影響閱讀的情況是字號過小。在設(shè)置字號的時候想想你的讀者,他們在閱讀的時候會不會覺得困難?如果你自己無法判斷,可以問問別人的意見,有時候自己看的時候覺得挺好,但別人不一定這么認為。
往往需要注意的就是:看起來很好,但并不能達到很好的信息傳達效果。所以,一定要注意文本的可讀性和易讀性
個人解讀:針對設(shè)計的可讀性和易讀性,我個人最有體會的就是在PPT的制作上,尤其是一些用來show你的項目,你的想法的pre,需要讓讀者一眼看到你最想表達的重點。所以在顏色,大小上可以采用對比,使得每頁ppt都有一個注意力焦點。另一個是公眾號排版,本人覺得14號字體,1.5行距是最舒適的閱讀體驗。
03 控制文本行的長短

你有沒有過這樣的經(jīng)歷,也就是在閱讀一篇有意思的雜志文章時,特別費勁?;蛟S是應(yīng)為在換行時,你的視線跳到別的位置。這很有可能因為文本行長短上的錯誤導(dǎo)致。
這個經(jīng)驗可能更針對于英文的行排版,在正文文本行長度中一個黃金比例是一行至少有六個字,平均每行有30-40個字母(包括空格),如果設(shè)置的太短,可能會使得句段在閱讀過程中太跳,降低趣味度以及增加眼睛的瀏覽負擔。
個人補充:中文排版中每行不超過20個字閱讀效果較好。
04.有目的地設(shè)置文本層次

類比于自然法則,一個有目的的層次結(jié)構(gòu)往往是很強大的生存工具。在設(shè)計領(lǐng)域也是如此,層次結(jié)構(gòu)往往能夠通過視覺元素的調(diào)整強調(diào)突出重點,引人注目。往往大小,顏色,類型是強調(diào)突出重點的重要元素,以及弱化一些不重要的信息。
設(shè)計中一個最常使用層次結(jié)構(gòu)的就是排版,下面讓我們來看看使用這些類型的一個例子??瓷厦鎯蓮堁埡?,第一張邀請函以相同的字號,字形去排列整個文本,一眼看去,很難一下子看到所要傳遞的信息重點。而右邊的這一張不同,通過層次結(jié)構(gòu)化文本,在顏色,字形字號上做了細微的調(diào)整,讓信息變得清晰容易獲取重點。
個人解讀:在文本的層次設(shè)置這一塊,我想到了《寫給大家看到的設(shè)計書》,這本可以說是排版設(shè)計必看的入門讀物,通過重復(fù),對比,對齊,親密性四原則也可以很好的結(jié)構(gòu)化信息,加強設(shè)計的溝通性。
05.恰當?shù)脑~間距

字間和詞間距都很重要,手動去調(diào)整其實比較耗時,但在較少的詞排版中有一個方便的詞間距規(guī)則。每個單詞之間隔一個小寫“i”,不過這比較靈活要具體情況具體分析。
06.選擇合適的對齊方式

或多或少,我們?nèi)粘?倳吹讲簧倩A(chǔ)的對齊方式,目前四種對齊方式最常見:左對齊,右對齊,居中,以及兩端對齊。下面讓我們快速預(yù)覽一下對齊方式的不同使用時間地點:
左對齊是最常見的形式,容易閱讀,文本的左邊緣整齊易看,當你不知道采用什么方式的時候就用左對齊吧
右對齊一般用于出版物的品牌名書名或者一些小的裝飾上,大塊的文本不適合使用右對齊,右對齊粗糙的邊緣線不易于視覺瀏覽
居中也很常用,類似于海報,邀請函品牌廣告。它的一種平衡視覺效果在美學上容易讓人視覺愉悅,但如果是大片文本就不適合用居中,這樣眼睛會無所適從
兩端對齊是一個用于調(diào)整的對齊方式。具有一定的視覺欺騙性,形成整齊的左右邊緣,在童話,小說的排版中很常見。但也有一個弊端,如果有單詞少的段落結(jié)尾,會出現(xiàn)詞間距尷尬的情況
07.使用網(wǎng)格

使用一些基本的網(wǎng)格技能是新手設(shè)計師應(yīng)該mark起來的一個技能。一個好的網(wǎng)格工具有點像是仙女教母它能讓你的設(shè)計在視覺上更清晰,畫面整潔,信息傳達更有效。
網(wǎng)格有很多種形狀和尺寸,你可以根據(jù)需求靈活的建立。使其更適合你的設(shè)計需求。它能幫設(shè)計師讓畫面上的元素對齊以及保持更強的關(guān)聯(lián)性能創(chuàng)作出更簡潔有邏輯的設(shè)計作品??纯瓷厦娴牟鍒D,你會發(fā)現(xiàn)可以使用兩列,三列,四列根據(jù)需要靈活的創(chuàng)建網(wǎng)格來輔助圖片文本的排列。
網(wǎng)格列數(shù)越少,設(shè)計越統(tǒng)一。元素的對齊感會越強。列數(shù)越多也無妨,可以靈活的調(diào)整文本框和圖像,保持對齊,也同樣能避免雜亂無章。
個人解讀:網(wǎng)格的應(yīng)用除了在網(wǎng)頁設(shè)計中的切片應(yīng)用以及參考線,感受較深的是在用indesign做排版時網(wǎng)格的重要性,尤其是雜志圖文排版,網(wǎng)格還可以用做草稿布局。先拉好網(wǎng)格,把每一塊要放置的東西匡好對后面的排版效率提高大有幫助,而不是想到一點做一點。這樣版面的邏輯性和易讀性更強
08.設(shè)計永遠要考慮受眾

很多設(shè)計往往是始于一個brief,即便是一個個人項目,設(shè)計師往往也會下意識或潛意識里先想想基本的需求信息。需求中一個重要的問題就是:“我的設(shè)計是面向誰的”?;旧厦恳粋€設(shè)計都有它的目標受眾,即看這個設(shè)計作品并從中接受信息的人。要保證能夠讓這個設(shè)計以及其傳遞的信息給他們留下印象
看一下為特定受眾的設(shè)計案例。圖中左邊的例子并不適合受眾群體特征以及快速記憶。兒童音樂會海報的目標市場是面向孩子和他們的家長所以過于老成的黑白海報難以吸引這些人的注意力,而且難很好的傳遞信息。右邊的海報更適合內(nèi)容的傳播和受眾的特性。明亮色彩豐富的設(shè)計,加之易看的圖像,更能加強受眾與事件的關(guān)聯(lián)。
要記住一點,即使你的設(shè)計看起來不錯,但它可能不是最適合目標受眾的。當這個時候,你就需要參照設(shè)計需求,考慮好受眾的調(diào)性
09.避免“寡婦”和“孤兒”

一個簡單的方法讓你的設(shè)計從業(yè)余水平到專業(yè),讓人眼前一亮,就是要避免和消除文本中的“寡婦”“孤兒”這兩種情況在文本排版中有時候是比較難避免的,如何去解決這個問題是很重要的一步
如果你對這兩個概念不是很清晰,我用這個例子來給你解釋一下?!肮褘D”是指原本屬于這一個段落的一行文本被移到下一列,孤兒是相似的,是指一個單詞自成一行。
下面有幾種方法你可以用來處理這個問題。首先你可以采取調(diào)整行長度的辦法來消除這個問題。另一個方法,是手動調(diào)整,帶孤兒前面的單詞多放置一個回車(shif+return),使它換行。
10.色彩的邏輯

顏色是設(shè)計師一個很重要的工具,這意味著有意識的安排的一致的調(diào)色是設(shè)計中的重要一步
當編制一個色板時,需要綜合研究色彩原理和過去的顏色使用。色彩原理強調(diào)了某些色調(diào)可以對消費者產(chǎn)生一定的影響,比如橙色被認為是刺激食欲的顏色,這就是為何橙色才快餐設(shè)計中經(jīng)常被使用
雖然變換會產(chǎn)生一些效果,但需要注意細節(jié)。例如來看看兩個例子。一個是賣充滿浪漫調(diào)調(diào)的花店,一個嘈雜讓人興奮的彩蛋游戲中心。左邊的那張,每個logo的配色與來兩個地方的調(diào)性不符合,而右邊的會更合適一些。
涉及到顏色應(yīng)用這一塊,有一些規(guī)則和習慣可以減少你的試錯成本,讓你的設(shè)計能更好的傳遞信息
11.統(tǒng)一字體

字體的選擇也很重要。像顏色一樣,不同的字體的“情緒”和信息表達不同。如果死律師事務(wù)所得牌子你不會選擇用Curlz MT
很多設(shè)計師都這樣說過,一般情況下,一個設(shè)計作品中最多不能超過2-3種字體,以避免畫面過于復(fù)雜。嘗試選擇能夠相互輔助的字體,能夠使你的設(shè)計表達更加有效以及邏輯性更強。有關(guān)配對字體的實用指南可以查看:字體配對的10個黃金準則
12.切勿使用花體字進行正文重復(fù)

花體字用于正文就像是穿著舞裙逛超市一樣突兀。不合時宜,讓人眼花繚亂,這絕不是一個明智的選擇。
花體字適合小面積文本而不適合大段正文。通常用來區(qū)別于正文字體,起到突出強調(diào)作用。適用于短標題,副標題
可以看一下例子,就能很容易看出哪一個更具有易讀性。
13.不要隨便的做文本拉伸

不要隨便的拉伸字體,可以根據(jù)需要選擇高字體或?qū)捵煮w。字體設(shè)計有一定的視覺比例在里面,完美的字體是無價的。
14.避免顏色搭配的不協(xié)調(diào)

通常情況下,把這種情況稱之為撞色。色輪上相距勝遠的兩種顏色搭配在一起容易產(chǎn)生這種不協(xié)調(diào)
有一個很簡單的方法來避免這種情況發(fā)生:使用色輪中高對比度的顏色并查看其中對比色的例子。眼睛可以很容易拾取每一種顏色,不會產(chǎn)生混淆
一些設(shè)計師特別是廣告主,他們希望通過撞色來創(chuàng)造注意力焦點。避免顏色搭配不協(xié)調(diào)只是在視覺美觀上的普遍建議,有時候規(guī)則的突破也許會產(chǎn)生令人意外的效果。
15.適當留白

留白是多樣化和有效的工具之一,它可以為你的設(shè)計增添一些特別的地方。適當?shù)牧舭啄芙o你的設(shè)計帶來不一樣的效果。能夠幫助你把受眾的注意力聚焦在你構(gòu)圖的某一個點上,可以讓你的設(shè)計透氣性更強,甚至可以增添一些出乎意料的效果。
另一方面,空白的空間有時候還能賦予你的設(shè)計一些特殊的意義??纯瓷蠄D的例子,一個降噪耳機的海報。左邊的那張留白少,填滿各種元素圖形,第二個則有意圖的使用留白,使耳機成為白色空間之中的焦點,“100%噪聲消除”更加直觀,也讓產(chǎn)品在不影響任何信息的情況下進行對焦。
所以說,有時候不要填滿整個畫面,適當?shù)牧舭?。有時候可以考慮一下留白能給你的設(shè)計賦予的意義。
個人補充:留白可以追溯到中國畫,用來營造空靈的氛圍,渲染氣氛。在和風設(shè)計上也經(jīng)常使用。
16.不要跟風

分析流行趨勢,從趨勢中學習并延伸設(shè)計,切勿盲目跟風迎合
17.使用正確的工具

設(shè)計師不會選擇正確的工具就像是一個工人不會用錘子擰螺絲一樣,有時候選擇合適的工具非常重要。
一個常見的錯誤就是光柵化徽標。有一些對這個不熟悉的,讓我簡要的分析一下。數(shù)字圖形文件分為兩種類型,光柵和向量光柵圖形由許多像素的網(wǎng)格組成,而矢量圖形由許多線或“路徑”構(gòu)成。失量和柵格之間的最大區(qū)別之一是縮放圖形的能力。由于光柵由一定量的像素組成,因此在某個縮放點處,圖像將變?yōu)橄袼鼗梢栽趫D形的左側(cè)看到),但是矢量(右側(cè))沒有問題。由于矢量可以縮放到任何尺寸而不損失其形狀的尖銳邊緣,因此它通常是標志的更有利的選擇,其通常具有大范圍的尺寸應(yīng)用,從鉛筆側(cè)面到建造。因此,使用光柵圖形創(chuàng)建徽標限制了您的品牌應(yīng)用程序,使光柵標志是一個非常常見但容易避免的錯誤。
光柵圖形通常在諸如Adobe Photoshop等工具中創(chuàng)建,失量通常出現(xiàn)在Adobe Illustrator中,因此,一定要熟悉軟件,它能做什么以及在啟動設(shè)計之前可以創(chuàng)建什么。
18.考慮你的媒介

你的設(shè)計會應(yīng)用于什么媒介,海報上,網(wǎng)站上,還是雜志上。設(shè)計應(yīng)用的確切規(guī)格是實際要考慮到的一個關(guān)鍵方面。
19.正確使用語法標點

語法可能是一個棘手的事情,有很多隱藏的規(guī)則,有時候一不小心就容易忽略這些問題?;〞r間學習一些面向設(shè)計的語法規(guī)則可以保持你的專業(yè)性。例子如圖示。
20.不要過多使用效果

有段時間熱衷于添加各種效果,像漸變,陰影斜坡,該到了恢復(fù)簡潔的時候了
談到交互設(shè)計,很多時候越簡單越好,我想到了less is more。有時候知道能在設(shè)計上加效果,但是否真的有這個必要。
減少一些元素,能更好的聚焦信息。
最后,我想說的只有一個規(guī)則:沒有規(guī)則。在學習一些基本原理的基礎(chǔ)上,你可以去不斷的突破挑戰(zhàn)。這就是設(shè)計師的創(chuàng)造性所在。