Facebook加入
LINE加入
2021/12/25
解析設計中大寫字母和排版設計技巧
這一次的教學是屬於設計理論領域中的設計理論的相關教學。
文章出處是來自logosky.net的設計理論類文章，寫教學的作者是情非得已，感謝情非得已提供設計理論的實作教學。
教學大綱:
《Chico’s》時裝雜誌的夏季服裝展示封面設計之所以能夠吸引我們的眼睛，是因為他們大膽地將名稱與圖片自然形成的線條配合，而不是讓名稱固定不變。
設計理論教學開始
一、封面：與圖片線條配合
《Chico’s》時裝雜誌的夏季服裝展示封面設計之所以能夠吸引我們的眼睛，是因為他們大膽地將名稱與圖片自然形成的線條配合，而不是讓名稱固定不變。看看他們如何做的：
矩形狀：站立的模特分成的三個部分(面部—襯衣—牛仔褲，上圖左)靠在一面磚牆上使整個圖片形成多個矩形，標題自然擺放，並堆放在照片上，文字同樣形成了矩形塊。整個圖片及各個元素都呈現水平及矩形的感覺，所以整體看起來自然和諧。
垂直：而在另一期產品介紹上，圖中模特的長袖衫衣、V形開襟及一個伸展流動的造型使整個圖片形成了一個由上至下的流暢線條，為了配合圖片的特性，品牌名稱也是大膽地垂直擺放，順應了圖片的特性，使你一眼就被封面吸引。
二、排版：一個空格還是兩個空格?
在英文文字排版中，在一個句子(句號)后，我們需要空一格，這是為什麼呢?
文字排版：在近600年的印刷歷史中，一些字體如Garamond(見上方)(甚至包括一些手寫體)，每個字母都有自己的比例構成。所以每個字母根據本身的結構，使到不同的字母所佔的寬度是不一樣的，這樣當文字排在一起時，我們感覺文字能夠自然流動並可清晰閱讀，中間感覺不到障礙，整體也很漂亮。在句子后空一個空格(稱作“法式間隔”)延續了文字的流動性，可以說是一種設計。
打印文字：但用打字機打出來的英文文字並不規範。上圖中，A，當打字機在19世紀發明時，各個字母所佔的寬度都是相同的，如上方，M的寬度與一個i字母及句號的寬度都是一樣的，在打字機中，句子後面是留了兩個間隔的。B，在那時，當人們習慣閱讀打字機打出來的文字時，大家認為在句子后空多兩個格(空兩格被稱作“英式間隔”)可以使在打字機打印出來的文字更加容易閱讀。習慣成自然，後來在打字機中空兩個格也就成為了打字中一條不成文但必須遵守的規定，但現在打字機也已經基本被淘汰了，所以在目前排版中並不需要這樣做。
三、標題：匆忙一瞥也讓人記住
現在的讀者比以前需要有更多的信息需要處理，所以幫助那些匆忙的觀眾能夠清晰地閱讀你的內容，我們通過強調某些詞語從而使標題創造了一個二級小標題。
雙重功能：最上圖，利用白色文字突出二個詞語，我們創造了一個更短但意思與完整標題相似的另一個小標題“變化中的薩克拉門托“(Changing Sacramento)。這種技巧在一些需要較遠距離觀看時效果更加突出(上左)。被強調的詞語也可單獨表達自己的意思。上右，在Happy Cog’s的網站上，在簡介中通過強調四個詞語，形成一個主要的導航鏈接，被強調的詞語通過顏色及全大小寫字母來突出，所以一眼望去，你已經知道意思所在。
四、字體：需要一張特別的圖片?可以嘗試一下字母!
較大的字母在排版中常見於在文章中第一個字母的下沉應用，但“超大”字體則已經可以單獨成為一個吸引視線的告示牌，而且設計起來也很有趣，基本的技巧如下：
粗狀的字體：你需要一種非常粗狀的字母或某種特別的字體，這樣字母本身才能擁有足夠的地方來承載文字(上圖我們選擇的是Giza Five Five字體)。而加上一張小圖片則可增加整個設計效果的視覺趣味性，同時提供給讀者更多的信息。圖片可直接放在上面(如上圖葡萄)也可放在稍側一點(如上圖人物)，為了突出文字信息，留意這裡我們大字母本身採用比較深沉的顏色，而正文則採用比較亮的顏色。
粗狀的數字：在這個貸款購車零利率的小廣告中，數字0是一個可以充分應用的元素，也增加了一個圖像焦點，能夠自然地吸引你的視線去到中央區域(上圖採用的數字字體為Frutiger Black)。放在數字上方形成疊加效果的汽車營造了一種尺寸對比、視覺縱深及一種寬廣的視覺氛圍。
五、混合大寫字母
你已經懂得利用斜體、而不是全大寫字母來作為一種強調，但如何對付那些令人有點討厭的全大寫首字母縮寫?全設定為大寫字母顯得有點大，但小型大寫字母(Small Caps)則顯得有點小，看我們如何在細節上處理：
上圖中：
A，全大寫字母：“PDF”及“DVD”與相鄰的小寫字母對比顯得太大;
B，小型大寫字母：真正的小型大寫字母*是以小字字母的尺寸來呈現大寫字母，在文字可往往可趣到漂亮的效果，但作為標題，它有時又顯得太小。
C，自定義：我們的解決辦法將大寫字母減少15%。
什麼是“小型大寫字母”?
在很多端莊優雅的字體中都可設定為小型大寫字母。如下面的JUNE(注意不是“June”)，真正的小型大寫字母(在AI的字符面板中可設定)其大寫字母與小寫字母粗細是一樣的，而一些非真正的小型大寫字母，是自己將普通的大寫字母縮小形成的，這就會導致字母粗細不一，實際上搭配起來也不漂亮。
通過如在Adobe Illustrator這樣的軟件中，我們是可以在排版中方便地將某些詞語設為“小型大寫字母”。下圖是AI CS4 中文版中設定小型大寫字母的面板(紅框處)的截圖：
–本文轉載自 http://www.missyuan.net 教學網 —
熱門推薦
留言回覆
