
該技巧操作起來很簡單,就是在標題或內文下面,增加相關的英文單詞或阿拉伯數字就可以了。不過在處理下面的文字時要注意:1.顏色要比上面的文字淡,以免影響其識別性;2.字體要用粗體,且字號要比上面的文字大;3.要與上面的文字錯位排版。之所以這么處理是為了增加版面的層次、對比、以及元素的豐富性。



二、給標題增加小色塊

這是增強標題設計感的另一種處理方式,單純的文字標題難免顯得單調,我們可以通過增加輔助元素使它變得更豐富一點,比如在文字的基礎上加小色塊。
色塊的高度最好大于筆畫厚度,小于文字的高度,加上去的方式可以是疊加于文字之上,或是置于文字底部,創造出文字的一部分在色塊內一部分在色塊外的對比效果。還有,色塊的顏色最好來源于版面中的其他元素。




在做設計的時候常常會遇到這兩情況,一是版面中會多出一些影響版面平衡的空白,但已經沒有合適的內容可以填充,如果硬塞一些裝飾文字或者圖案,很可能會弄巧成拙;二是有的區域小元素小信息比較多、比較散;怎么辦呢?這兩種情況都可以通過該方法解決。
1.把斜線或點重復排列成一個矩形,然后把它填充在空白處就可以平衡版面,且不會造成突兀的感覺,如下圖案例:


提示:線條不宜太粗,點也不宜太大,而且此方法只適合填補小空白,不適合填補大面積的空白。
2.在比較散的元素下方排一組斜線,可以把各個分散的元素聯系起來,使其成為一個整體,如下圖:


背景能很大程度影響版面的設計感,這一點你們應該都有體會,常規的處理方式是把背景作為一整個色塊,而如果把背景分割成兩個幾何色塊時,設計感立馬就會增加不少。
分割的方式好比用一把刀在背景的黃金分割處,劃一條傾斜的直線貫穿版面,使整個背景一分為二,而這兩個色塊的顏色對比要比較強烈。另外,在橫版中用左右分割、豎版中用上下分割效果會比較好。





增加對比關系是加強設計感的最有效技巧,我們也可以用此方式來優化圖片,如果版面中的配圖是沒有背景的產品或人物,那么在這些圖片上加一個圓形的色塊,創造出虛與實的對比,通常也能得到不錯的效果。
提示:
1.色塊可以置于圖片底部,也可以采用正片疊底壓在圖片上方;
2.圓形色塊的邊長至少要超出圖片寬或高;
3.圖片與色塊要錯位排列。



六、給每行文字都加一個色塊

該手法在畫冊和海報設計中比較多見,跟直接在一段文字下方加一個大色塊不同,而是要根據每行文字不同長度,單獨加一個相應長短的色塊,所以這些文字每一行的長短最好是不一樣的。
這種處理方式可以使整段文字看起來更整體,增加文字視覺沖擊力,而且還能使文字與背景區隔開,加強文字的識別性。



提示:
1.段落文字行數太多或太少效果都不會太好,3-10行左右為最佳。
2.各個小色塊可以相互連起來,也可以相互隔開,以實際效果為準。

如果你看過的食品包裝夠多,你應該能發現,很多包裝上的產品名稱、廣告語、或者賣點等信息,都會擺放在一條飄帶上,這么處理的效果通常不錯,因為飄帶具有禮品、贈送的寓意,用在哪里都不會太唐突,而且飄帶的形式簡單、有細節、變化豐富,很適合用作裝飾元素。
還有一點也很重要,飄帶的形式一般都是柔軟的曲線,這與版面中其他直線元素可以形成鮮明的對比,加強版面的靈活性。



以上的七個小妙招是不是既簡單又實用,你們在做設計的時候記得拿出來試試。不過這些也確實只是小技巧而已,只能優化局部,不要指望用上這幾招就能做出很好的設計,而且它們也不一定適合所有情形,在實際操作中一定要具體問題具體分析,靈活運用。
作者:蔥爺

文字的設計方式有很多種,例如通過字體變形,結構重組等方式來讓文字變得更加特別,但往往會讓我們耗費比較多的時間。
因此我一直在思考有沒有一些既簡單又高效的設計方式來提高文字的設計感。在瀏覽國外的一些設計網站的過程中,做了一下文字設計形式方面的收集,并整理出十種我認為具有代表性的文字設計形式。另外還參考這些設計方式,使用中文字體進行了一些嘗試。
拉伸的處理手法,讓文字更具有張力,整體氛圍更具標題感和圖形化,但依然保留著文字該有的識別度。常見于純文字排版的海報,既滿足閱讀需要,同時具有設計感。

拉伸與文字本身的字形、字體有著很大程度的關聯,并不是所有的文字都適合拉伸,例如下面的案例。
1. 不同字體對比
從方案嘗試中看出,左邊字體在進行拉伸之后,文字本身的結構會遭到破壞,而右邊的效果可以較為接受。因此在設計的過程中盡量選擇可適用于拉伸的字體,另外在拉伸的過程中需要對細節重新處理,使字體保留原有字體的細節美感。

2. 不同字形的對比
從下面案例中對比,O 在進行上下拉伸的時候效果比較好,而左右拉伸的時候會失去字體本身的美感,而 Y 在上下左右拉伸后整體視覺效果都相對平衡。

3. 細節處理對比
優化字體線條的細節可以使得整體文字更加規整、方正(右邊)。而未進行細節的設計則會顯得筆畫參差不齊(左邊)。

4. 傳統與現代對比
傳統的字體拉伸后(如下圖中間的字體),字體本身的韻味就失去了,因此不建議對一些較為傳統的字體進行拉伸設計。

5. 設計嘗試
中文字的筆畫比較多樣性,因此在細節的設計上比英文來得更加復雜,在處理「撇、捺、點、折、彎、勾」時需要保持原本的筆畫結構性。

6. 拓展案例
結合實際要表達的內容,使用拉伸的設計手法,例如結合物體,疊加顏色或者交錯拉伸等。

虛實結合即為線面/陰陽的設計手法,通過虛實的處理,可以突出一組或一段文字中的重點信息。在一些強調主次的設計中,可以嘗試這種方式來做區分,線面結合的處理手法讓原有都是面的字體多了一些透氣感和空間感。

虛實處理的方法需要考慮本身字體的粗細,過分纖細的字體效果可能并不明顯。
1. 嘗試對比

從對比中,發現粗體相比于細體來得更加直接更容易出效果,對比明確。
2. 中文字體的嘗試
從嘗試中來看,與上面中的結論較為一致,較細的字體使用虛實結合效果并不理想。對于書法體的應用,更多需要考慮字體的收邊效果是否工整,收邊過碎,會影響在描邊之后的細節美感。

3. 設計嘗試

通過遞增或者遞減的設計手法,讓原本簡單重復的文字元素,變得更加具有層次感和節奏感,讓文字的生命力變得更加豐富多樣。

在設計的過程中需要提前規范好各個字體之間的差異關系及變化的效果過程。按照一定的數值倍數差異比進行變化。
1. 不同方式的嘗試對比

在嘗試的時候發現,粗細變化的模式可能更多會依賴于字體本身的模式。
2. 中文字體的嘗試
中文在使用遞進漸變的方式中需要考慮整體文字的結構感和塊狀感,由于字形較為復雜,整體視覺效果會過于零碎。

與遞進漸變接近但卻又有差別的文字設計形式。擴展變化的文字具有張力的同時有一定的速度感和發射性,就像向四周展開的波紋效果,具有延續性。

按文字的行高或者字寬作為基礎值,按一定的比例,對文字進行破形切割處理,上下左右進行擴展發散。
1. 比例值示意效果

2. 中文字體的嘗試
外觀的完整度還算可以,但由于中文本身自有的特性(筆畫較為豐富多樣),因此在擴展層次的數量上需要進行一定的控制,不宜過多,以短語或標題使用較好,避免過于形式而導致文字識別性降低。

3. 設計嘗試

文字作為紋理出現在畫面中,區別于圖形化的紋理。既有圖形感,同時可以輔助傳達一定的信息和態度。

在字體的選擇上盡量適用字形較為簡潔的字體,避免影響前景內容的展示。設計上可以結合其他的設計形式,例如虛實結合/拉伸變形/擴展變化等方式,提升畫面的豐富程度。
1. 中文字體的嘗試
常規的中文字體,整體效果還算不錯。但結合中國書法字作為底紋,可以讓整體的設計更具有不同于英文的設計感,整體效果更具有力量感,因此建議在設計中文底紋的時候可以大膽嘗試中文書法字。

通過疊加的方式,讓原本簡單的文字和背景產生了融合。既提升了背景的層次感,又讓文字變得具有設計感。

粗細的字體會產生不一樣的視覺感受,較細的字體會產生若隱若現的視覺效果,文字的識別性會稍弱,較粗的字體識別度基本上沒有太大問題,因此在設計的過程中可以結合實際的情況選擇不同粗細的文字。
1. 粗細對比嘗試

穿透的文字設計,對于打造設計的大片感具有很突出的視覺效果。例如漫威的電影片頭設計。

2. 中文字體的嘗試
結合不同的語意使用不同的字體,再結合穿透的設計方式,使畫面具有中文的文藝感。

3. 拓展案例
結合實際的內容設計,穿透文字的玩法還可以拓展出更多不一樣的設計,例如下面這些例子。

扭動的設計,讓文字具有曲線的動態感,提升了文字的裝飾性。不同曲線的動態變化,賦予文字不同的律動感。變形的文字并未影響到文字該有的識別性和閱讀感,卻具有了設計感。

如下面的三個案例,曲率的差別,賦予文字不同的動態規則,有不同的視覺感知,有時柔美,有時卻具有速度感。因此在設計的時候,可根據具體的內容設計不同的扭動趨勢。

1. 中文字體的嘗試
對比可見較細的字體使用扭動的設計,效果并不理想。由于中文筆畫的差異點,經過扭動之后整體外形較為不規整,而粗體的效果則較為規整,動態曲線趨勢也較為明顯。

2. 設計嘗試
扭動+虛實+底紋的效果。

3. 拓展案例
更高級的設計手法是利用自然環境的介質結合文字,起到扭曲的視覺效果。

與擴展變化有異曲同工之妙,文字通過一定的角度和位移間隔,由二維向三維的視覺效果進行變化,讓文字更加多變化和有重量感、層次感。

立體層疊的設計對于字體本身具有一定的要求,較為纖細的字體出來的效果并不理想。
1. 不同的字體嘗試
從對比中看出,細體或較細的襯線字體,層疊后會出現銜接不上或視覺黑點的情況(如下面左圖和右圖)。因此設計時建議使用粗體,并且整體筆畫較為平均的字體(中間的圖)。

2. 中文字體的嘗試
雖然具有了層次感和空間感,但也會讓整體變得更加復雜,因此需要根據文字的多少情況進行使用。

3. 拓展案例
立體層疊還不止單向的設計,例如可以進行軌跡變化,向外擴展層疊,或是增加一些顏色漸變來豐富整體的設計。

文字通過錯位,疊加,顏色變化,透明度變化,切割等方式的設計之后,具有故障的視覺偏差感受。整體視覺感知類似雙重曝光的照片,文字具有豐富的層次感。

顏色疊加的效果,對于顏色的選擇極為重要,兩個顏色交錯之間的顏色可以為過渡色或者互補色。

細體的效果并不理想(如上圖左邊第一個),建議設計的過程中使用較粗的字體,另外在使用的過程中需要考慮文字的識別度(如右邊的效果),重疊之后文字的識別度或多或是會受到影響。
1. 中文字體的嘗試
由于中文字比英文復雜,因此使用中文字在設計的時候,可以尋找一些共筆的地方進行重疊(如下圖左邊的設計),利用字體筆畫粗細一致的情況下,進行了邊與邊的重疊。另外在設計的過程中建議加大字間距,這樣可以避免不同文字的重疊,產生過度復雜的效果,影響文字的識別性(如下圖最右邊的設計)。

2. 拓展案例
在簡單的疊色之外,結合不同質感和肌理,可以讓整個文字具有不一樣的視覺感受。

文字按照立方幾何結構進行排版,通過顏色差異,陰陽,線面等方式設計處理后形成空間感和立體感。相比于平面排列的文字更具有空間感和層次感,提升整體畫面的設計感。

1. 設計嘗試
使用空間錯位結合虛實的設計,讓簡單重復的文字變得具有空間感和立體感。

2. 拓展案例
除了常規的空間打造,甚至可以融入到場景中或者結合物體本身的設計。

以上設計風格,常常會在一些運動品牌的設計中看到。例如,Nike 的設計中應到的文字,也會結合這些方式,來豐富和提高整體的設計感。

火箭隊出場片頭的字體應用,線形字體疊加漸變的效果,具有層次感又有未來感。

阿迪達斯的廣告:

Converse 的廣告:

Under Armour 的廣告:

除了一些品牌的設計,音樂唱片的封面也有應用到這些類型的設計手法。

我們除了在一些常規的媒介上會看到相關的文字設計,在這兩年的耐克或阿迪達斯的鞋子設計中,也會加入文字元素的設計,甚至球員會直接在鞋子上寫上文字。

文字設計的拓展疊加
文字的設計已經成為一種新的設計趨勢,結合實際需要表達的想法,對于設計手法進行活學活用是做出好設計的關鍵。當然只有掌握了基礎手法才可能做到舉一反三的設計思考。在實際設計的過程中,我們往往不會是單獨使用某一種方式,而是對不同的設計手法進行重組再設計,或者使用 2~3 種方式疊加設計來打造整體的畫面效果。如下:




在這十種基礎的文字設計中,通過結合發散可以迸發出遠遠不止于十種的創意設計。本次收集總結除了自身學習提高之外,希望可以起到拋磚引玉的作用,激發設計師對于文字的設計思考。
歡迎關注作者的微信公眾號:「IDfor」
