如果您不是這里的新手,那么您已經(jīng)知道深圳廣告設(shè)計(jì)公司是排版的忠實(shí)粉絲。好吧,我們中的一些人只是真正的忠實(shí)粉絲但我們是類型的粉絲(和老師),因?yàn)樗鼘?duì)我們作為設(shè)計(jì)師的工作有多么巨大的價(jià)值。
我們并不是說(shuō)你必須成為這方面的專家,但我們是說(shuō),如果你不了解它為什么重要、如何使用它的一些基本細(xì)節(jié),你會(huì)對(duì)自己造成傷害,以及它如何提升您的專業(yè)知識(shí)。
考慮到這一點(diǎn),您可能希望將這篇文章指定為將來(lái)參考,因?yàn)樗鼛缀醢四枰私獾年P(guān)于開(kāi)始理解和實(shí)施排版的所有信息。
所以,事不宜遲——這里。我們。去!
什么是排版?
從字體類型和大小到紋理和間距,排版是文本的樣式、設(shè)計(jì)和外觀。
排版誕生于古代~手寫(xiě)~ (OoOooohh),字體無(wú)處不在,幾乎觸及到企業(yè)的方方面面——從視覺(jué)設(shè)計(jì)到品牌信息、風(fēng)格指南和營(yíng)銷策略。
那么,應(yīng)該很清楚,排版是我們作為設(shè)計(jì)師工作的關(guān)鍵部分。這就是為什么我們必須對(duì)如何進(jìn)行排版保持最新的了解并為我們的客戶(以及我們自己的企業(yè))利用它。
論排版史雖然排版的歷史很長(zhǎng)很長(zhǎng),但 WAAAYYY 又回來(lái)了——想想象形文字和日本漢字——當(dāng)我們談?wù)撍鼤r(shí),我們特別指的是它在設(shè)計(jì)中的使用,從(鼓聲,拜托)開(kāi)始——富有表現(xiàn)力的排版開(kāi)始出現(xiàn)在未來(lái)主義和達(dá)達(dá)主義運(yùn)動(dòng)之間的設(shè)計(jì)中。在某種程度上,這是一種更充分地體現(xiàn)工作中的各種感覺(jué)和動(dòng)作并表達(dá)想法的方式。
這種表達(dá)常常使直截了當(dāng)?shù)摹靶畔ⅰ弊兊脽o(wú)法識(shí)別,但這就是重點(diǎn)!這被認(rèn)為是一種革命性的觀點(diǎn)~在當(dāng)時(shí)~我們?nèi)匀徽J(rèn)為它非常棒。
盡管我們可以完全了解表達(dá)性排版歷史上的這一件事,但我們會(huì)讓 Filippo Tommaso Marinetti 結(jié)束這一部分——“我進(jìn)行了一次印刷革命,特別是針對(duì)老式詩(shī)集的愚蠢和令人作嘔的概念......更好的是:我的革命是針對(duì)所謂的頁(yè)面印刷和諧......我打算加倍表現(xiàn)力詞?!?/p>
功能排版
富有表現(xiàn)力的排版是一個(gè)很難遵循的行為,但功能性排版就位并開(kāi)始發(fā)送更具體的文字信息。等一下!這與我們?cè)谠O(shè)計(jì)之外使用字體的方式有何不同?
好問(wèn)題!讓我們重演一下
為什么排版很重要?
對(duì)我們來(lái)說(shuō),排版有時(shí)會(huì)被忽視或被推到舞臺(tái)后面,以支持更~迷人~的設(shè)計(jì)元素,比如標(biāo)志,這讓我們感到完全瘋狂。
在許多情況下,有效的排版實(shí)際上是不可見(jiàn)的,因?yàn)樗鼞?yīng)該平滑到讀者甚至沒(méi)有注意到它。但在某種程度上,它是一種不可忽視的力量,也是具有嚴(yán)重影響的關(guān)鍵設(shè)計(jì)元素。
它在建立品牌認(rèn)知度以及在這些品牌與其當(dāng)前和潛在消費(fèi)者之間建立聯(lián)系方面做了很多繁重的工作。
就像設(shè)計(jì)的所有其他單獨(dú)元素一樣,排版?zhèn)鬟_(dá)的信息超出了文字。正如 Ted “Theodore” Logan 曾經(jīng)說(shuō)過(guò)的那樣,“哇哦”。
為設(shè)計(jì)發(fā)聲
良好的排版能夠建立視覺(jué)層次,設(shè)定產(chǎn)品、服務(wù)、網(wǎng)站或品牌的整體基調(diào),并推動(dòng)圖形平衡。非常重要的東西,如果你問(wèn)我們!“伴舞”是誰(shuí)?排版是節(jié)目的明星baybee!
而且,不是開(kāi)玩笑,她所做的每一件小事都是魔法。
從字體形狀的銳利度或柔和度到調(diào)色板、字母大小和間距——實(shí)際上,你在處理現(xiàn)有字體或設(shè)計(jì)原始字體時(shí)所做的每一個(gè)決定都會(huì)對(duì)感覺(jué)、氛圍或聲音產(chǎn)生積極或消極的影響。該設(shè)計(jì)。
例如,具有奇異或非常規(guī)邊緣的字體可以將信息的基調(diào)變?yōu)橛腥ず凸殴郑渌煮w可能會(huì)感覺(jué)更古典或異想天開(kāi)。
您可能會(huì)查看壓縮的無(wú)襯線字體或簡(jiǎn)單的傳統(tǒng)字體,以獲得更嚴(yán)肅或?qū)I(yè)的語(yǔ)氣。
當(dāng)你真正了解你的東西時(shí),你可以開(kāi)始混合和匹配這些字體,并選擇你自己的冒險(xiǎn)來(lái)創(chuàng)造你希望讀者接收信息的確切語(yǔ)氣。
幸運(yùn)的是,“真正了解你的東西”可能比你想象的要快得多!我們的課程就在這里——跳入我們的在線排版課程,現(xiàn)在就開(kāi)始。
哦,請(qǐng)記住,選擇字體只是您可以調(diào)整以改變整個(gè)設(shè)計(jì)的眾多元素之一。
您還可以使用網(wǎng)格以多種不同的方式排列事物,并享受對(duì)比度、權(quán)重和換行符的樂(lè)趣。你可以玩弄顏色和間距、位置和不透明度。這些都可以傳達(dá)不同的個(gè)性和語(yǔ)氣。
清晰、有效、令人難忘地傳達(dá)信息
你見(jiàn)過(guò)讓你哭的藝術(shù)品嗎?或者某些讓您尖叫“天哪!”的產(chǎn)品包裝怎么樣?然后去給別人看?
清晰地傳達(dá)信息、感覺(jué)或行動(dòng)的能力不僅限于圖形或視覺(jué)設(shè)計(jì)。你的排版也可以做到這一點(diǎn),這就是為什么將它作為你設(shè)計(jì)的有意部分如此重要的原因。
就個(gè)人而言,我們?nèi)栽诳紤]聯(lián)邦快遞標(biāo)志的排版選擇。當(dāng)然,它多年來(lái)一直在營(yíng)銷計(jì)劃中受到稱贊,但在這里完全值得強(qiáng)調(diào)。
從“E”和“X”之間的箭頭圖像的微妙視覺(jué)錯(cuò)覺(jué)(描繪動(dòng)作、運(yùn)動(dòng)和方向)到顏色選擇(區(qū)分他們的服務(wù),同時(shí)旨在引起質(zhì)量和信任感),到間距和字體選擇(營(yíng)造服務(wù)感、速度感、精確度和可靠性)。一旦你看到它們?nèi)诤显谝黄?,就像魔術(shù)一樣。
如果你讓你的類型狂野而自由地漫游,它仍然會(huì)傳達(dá)一種信息、感覺(jué)或動(dòng)作,但你將無(wú)法控制它。所以要小心謹(jǐn)慎!因?yàn)槟阒浪麄冋f(shuō)什么,“優(yōu)秀的排版帶來(lái)了巨大的責(zé)任?!?/p>
無(wú)論如何,我們很確定他們會(huì)這么說(shuō),如果他們還沒(méi)有,他們肯定應(yīng)該這么說(shuō)!
?我們都去過(guò)那里——盯著四種不同的沙拉醬,價(jià)格相似,成分相似,但我們猶豫不決。我應(yīng)該選擇哪一個(gè)?這還重要嗎?最終,我們確實(shí)選擇了一個(gè)。但為什么是那個(gè)?
許多小事情會(huì)影響我們的決策,并且(驚喜,驚喜!)其中許多事情都是排版選擇的直接結(jié)果。也許您會(huì)跳過(guò)帶有藍(lán)色字體的那個(gè),因?yàn)?Ranch 對(duì)您來(lái)說(shuō)是綠色的(不是嗎?只有我們?)。
也許你更傾向于使用無(wú)襯線字體的柔和字母,而不是帶襯線的字體。通常,我們會(huì)選擇具有可識(shí)別設(shè)計(jì)的那個(gè)——我知道這是我想要的,因?yàn)樗雌饋?lái)像我與 Ranch Dressing 相關(guān)的品牌。
在這個(gè)例子中,我們看到精心設(shè)計(jì)的排版如何建立權(quán)威,在品牌與其用戶之間建立信任,并抓住并保持用戶的注意力,同時(shí)傳達(dá)品牌的個(gè)性和本質(zhì)。對(duì)于一個(gè)設(shè)計(jì)元素來(lái)說(shuō),這是很多工作!
可訪問(wèn)性
旨在通過(guò)出色的排版技能提供積極的用戶體驗(yàn)不僅僅是看起來(lái)最酷或最有趣的東西。
根據(jù)世界衛(wèi)生組織的數(shù)據(jù),七分之一的人(或世界人口的 15%)在基本的互動(dòng)和任務(wù)中掙扎。
排版的每個(gè)元素都會(huì)影響可讀性和可訪問(wèn)性。因此,為了負(fù)責(zé)任地開(kāi)展工作,我們必須考慮那些與年齡相關(guān)的疾病、視力不佳、學(xué)習(xí)障礙、閱讀障礙、失語(yǔ)或低技術(shù)素養(yǎng)的人。
通過(guò)了解排版如何幫助或阻礙用戶體驗(yàn),您可以確定您的字體完成了所有重要的事情,例如幫助讀者找到每一行的開(kāi)頭或準(zhǔn)確地向他們展示要注意的內(nèi)容和時(shí)間。
保持合法!使您的排版易于訪問(wèn)是正確而明智的做法,但這也是法律。請(qǐng)務(wù)必查看ADA 合規(guī)性和最新的Web 可訪問(wèn)性標(biāo)準(zhǔn)和法律,以了解最新情況。
不同類型的排版
排版的不同類型(雙關(guān)語(yǔ)和 100% 必要)可以在很多地方以很多方式重疊,但一般來(lái)說(shuō),我們可以將其分為以下四類
:
打印
不,印刷還沒(méi)有消亡,當(dāng)我們?yōu)樽罱K將成為實(shí)體的東西進(jìn)行 100% 數(shù)字化工作時(shí),有很多事情需要考慮。有趣的是,印刷版式需要很多與網(wǎng)絡(luò)版式相同的東西:
測(cè)試
測(cè)試
最后,測(cè)試!
當(dāng)我們出于某種原因打印時(shí),我們有“證據(jù)”。拜托,請(qǐng)?jiān)谟嗁?gòu) 3,000 份打印之前使用該測(cè)試運(yùn)行以確保一切都按照您的設(shè)想進(jìn)行。它將為您和您的客戶節(jié)省頭痛和現(xiàn)金!
尋找易讀性問(wèn)題;打印時(shí)類型會(huì)發(fā)生變化,是比您預(yù)期的大還是不夠大?從風(fēng)格上講,它是否具有您希望的影響,或者它現(xiàn)在打印出來(lái)后看起來(lái)不那么 va-va-voom 了嗎?
相應(yīng)地進(jìn)行調(diào)整并記下經(jīng)驗(yàn)教訓(xùn)以供將來(lái)參考。歸根結(jié)底,我們總是在學(xué)習(xí),對(duì)吧?正確的!
數(shù)字的
同樣,我們想測(cè)試并確保我們的網(wǎng)頁(yè)排版是響應(yīng)式的。這一次,它不是關(guān)于它在最終迭代中的樣子,而是它在不同設(shè)備、平臺(tái)和瀏覽器上的樣子(即自動(dòng)調(diào)整以適應(yīng)不同尺寸的不同屏幕)。
那么,當(dāng)您測(cè)試響應(yīng)式類型時(shí),您在尋找什么?可擴(kuò)展性、間距、對(duì)比度,你來(lái)命名它。您希望它在任何手機(jī)上看起來(lái)都非常好。
有幾個(gè)地方可以輕松地跨瀏覽器和跨設(shè)備測(cè)試顯示器。BrowserStack 等網(wǎng)站提供免費(fèi)和付費(fèi)的測(cè)試服務(wù),以確保您的排版正常運(yùn)行。
功能性在這里,我們看到了我們之前提到的一些重疊?!肮δ苄浴奔仁桥虐娴囊环N(哈?。?,也是你的排版應(yīng)該是的東西。
即使您處于“富有表現(xiàn)力的排版”領(lǐng)域而不是“功能性”領(lǐng)域,字體按照您想要和需要的方式發(fā)揮作用仍然很重要。
對(duì)于您的類型的表現(xiàn)力較差的應(yīng)用程序,用戶需要能夠閱讀文本,這需要清晰的字體。盡管一些更復(fù)雜的裝飾字體很漂亮,但應(yīng)該不難看到或理解您的設(shè)計(jì)。
富有表現(xiàn)力
是的,更多的重疊!
我們之前回顧了一些表現(xiàn)力排版的歷史,但究竟是什么讓它具有表現(xiàn)力和功能性?顯然,這并不像“如果我看不懂,那就有表現(xiàn)力!”那么簡(jiǎn)單。好的,那么它是什么?
真正的答案幾乎與刻薄的答案一樣快速和簡(jiǎn)單!排版使用出乎意料和情感上的字體,通常使用字母和其他組件作為構(gòu)成圖像的形狀。
這在當(dāng)時(shí)又是革命性的東西,當(dāng)它做得很好時(shí),我們?nèi)匀挥∠笊羁?。有點(diǎn)像這樣:
動(dòng)力學(xué)
對(duì)于一個(gè)看起來(lái)很酷的東西來(lái)說(shuō),這是一個(gè)聽(tīng)起來(lái)很酷的名字。在這種情況下,Kinetic 僅表示“移動(dòng)文本”。我們認(rèn)為它非常漂亮,因?yàn)樗鼘⒃O(shè)計(jì)和文本結(jié)合到迷人的動(dòng)畫(huà)世界中。一定要喜歡那個(gè)電影魔術(shù)!
您可以查看我們最喜歡的動(dòng)態(tài)排版示例,同時(shí)還可以學(xué)習(xí)一些關(guān)于規(guī)則類型的非常有用的快速提示 - 多任務(wù)處理者歡欣鼓舞!
總監(jiān)咨詢 張先生
總監(jiān)咨詢 王先生