今天創(chuàng)新互聯(lián)要討論一些既是熱門趨勢又有永恒藝術(shù)的東西:印刷術(shù)。下面概述的基本規(guī)則將幫助您更好地了解如何在設(shè)計(jì)中構(gòu)建和使用排版。
意識(shí)到這些規(guī)則可以改善您創(chuàng)建的幾乎所有包含標(biāo)題或主要版面元素的所有內(nèi)容。讓我們開始吧!
1.了解基礎(chǔ)知識(shí)
你走向更有效的印刷術(shù)的第一步是學(xué)習(xí)一些關(guān)于藝術(shù)的知識(shí)。如果你不熟悉它的概念,你可能會(huì)認(rèn)為印刷術(shù)必須是一個(gè)相當(dāng)簡單的學(xué)科。當(dāng)然,如果你知道字母表你贏得了一半的戰(zhàn)斗權(quán)嗎?剩下的就是改變它看起來有點(diǎn)像你自己的字體!事實(shí)上,印刷術(shù)是相當(dāng)復(fù)雜的,并且是科學(xué)和藝術(shù)一樣。
字體的解剖學(xué)涉及非常具體的專業(yè)術(shù)語,精確的測量和一般必須知曉和遵守的標(biāo)準(zhǔn)。正如許多形式的設(shè)計(jì)一樣,如果你知道它并且正在故意做出陳述,你只能違反規(guī)則。
在線學(xué)習(xí)印刷術(shù)的最好的地方之一是I Love Typography,一個(gè)致力于美麗類型的博客。以下是來自ILT的圖像,展示您應(yīng)熟悉的一些術(shù)語:
正如你所看到的,快速制作漂亮的字母會(huì)變得復(fù)雜。上面的圖形在視覺上解釋這些術(shù)語方面做得非常出色,但這絕不是詳細(xì)列出您需要熟悉的術(shù)語和概念。例如,圖形中甚至沒有提到x-height,kerning和baseline等術(shù)語。為了更好地掌握所有這些內(nèi)容,您應(yīng)該花幾分鐘瀏覽印刷詞匯表。
為什么?
這個(gè)問題的答案是顯而易見的:“因?yàn)槟闶且粋€(gè)設(shè)計(jì)師!”如果你經(jīng)常創(chuàng)造利用文字的設(shè)計(jì),你是否正在研究印刷術(shù)。花一些時(shí)間學(xué)習(xí)基本原理將使你更加了解你選擇的字體的特點(diǎn)以及你使用字體作為藝術(shù)的方式。
2.注意你的確定
這篇文章并不是要對(duì)印刷術(shù)進(jìn)行全面的研究,所以我不會(huì)詳細(xì)研究上面提到的每一個(gè)術(shù)語。然而,字距是許多新老設(shè)計(jì)師完全忽視的。我最近和一個(gè)主要的女性時(shí)尚網(wǎng)站的高級(jí)藝術(shù)總監(jiān)討論了這個(gè)問題。唯一令她感到沮喪的是,她對(duì)設(shè)計(jì)師的壓力一直是缺乏努力的。
它是什么?
字距調(diào)整包括調(diào)整給定字體中兩個(gè)字母之間的間距。請(qǐng)注意,這是一個(gè)單獨(dú)的問題,它跟蹤的是同時(shí)調(diào)整所有字母之間的空格。您可能會(huì)認(rèn)為像Adobe Illustrator這樣昂貴的程序會(huì)自動(dòng)為您解決所有煩人的問題,因此這不會(huì)在您的藝術(shù)作品中出現(xiàn)問題。再想一想??纯聪旅娴睦樱?br />如果你不習(xí)慣尋找字距問題,這些問題可能很微妙,但它們?cè)谀抢?。注意上面例子中的大寫字母“D”是如何從單詞的其余部分顯著突出的。默認(rèn)情況下,許多字體,尤其是那些帶有明顯襯線的字體,可能具有不一致的字母間距。在段落或句子中這通常不是一個(gè)大問題,因?yàn)椴灰恢碌拈g距排列在較小的副本塊中。但是,當(dāng)您只處理標(biāo)題或徽標(biāo)等單詞時(shí),馬虎的字距問題可能會(huì)破壞整個(gè)美學(xué)。
在處理Web字體和CSS時(shí),Kerning問題會(huì)變得很復(fù)雜,但如果您在Illustrator,Photoshop等中將文本創(chuàng)建為圖形(用于打印或Web),則很容易解決。只需將光標(biāo)插入兩個(gè)字符之間并使用該選項(xiàng)(PC = alt)鍵連同左右箭頭鍵調(diào)整間距。請(qǐng)記住,不要將注意力集中在字母之間,而是像字母之間的負(fù)距離。嘗試使這個(gè)空間在整個(gè)單詞或短語中在視覺上一致。
3.注意字體通信
字體選擇絕不應(yīng)該是一個(gè)任意的過程。簡單地瀏覽整個(gè)圖書館,找到你喜歡的字體很少會(huì)產(chǎn)生有效的結(jié)果。原因是有一種固有的心理與某些類型的字體相關(guān)聯(lián)。為了明白我的意思,請(qǐng)考慮以下示例:
如果你有洞察力,這些字體選擇看起來很差。原因在于字體選擇的視覺個(gè)性和與它們一起書寫的單詞之間存在重大的脫節(jié)。你幾乎永遠(yuǎn)不會(huì)看到這位好的終極格斗冠軍用漂亮的腳本字體驚呼。同樣的道理,你可能不會(huì)在你的婚禮請(qǐng)柬上使用Cooper Black。我們習(xí)慣于看到用于某些目的的不同類型的字體。
每種字體都在意識(shí)層面和潛意識(shí)層面?zhèn)鬟_(dá)某些屬性。兩個(gè)主要的交流領(lǐng)域是性別和時(shí)代??紤]下面的例子。
注意頭兩個(gè)字體如何強(qiáng)烈地傳達(dá)特定的舊時(shí)代。同樣,接下來的兩種字體都具有強(qiáng)烈的相關(guān)性別特征。帶有硬邊緣的厚字體往往看起來更加男性化和男性化,而彎曲的薄字體顯得女性化和女性化。
這一切似乎有點(diǎn)顯而易見,但是如果你能夠?qū)⑦@些知識(shí)從隱含和本能的部分或你的大腦中拿出來,并將其轉(zhuǎn)化為明確和有意的行動(dòng),那么你的印刷技術(shù)將會(huì)突飛猛進(jìn)地發(fā)展。
更多關(guān)于字體
要詳細(xì)了解特定類型的字體,請(qǐng)查看Adobe的類型分類圖。
4.對(duì)齊
對(duì)齊是排版中一個(gè)非常重要的概念。出于某種原因,非設(shè)計(jì)師傾向于本能地對(duì)齊所有內(nèi)容。在生活的某個(gè)地方,我們知道如果某件事情是以中心為中心的,那么它就是平衡的,因此更好。實(shí)際上,中心對(duì)齊是最薄弱的,最難讀取對(duì)齊,應(yīng)該非常有選擇性地使用。
上面的前兩段是左對(duì)齊的。這是我們習(xí)慣閱讀的方式,因?yàn)樗ǔJ俏覀冊(cè)跁s志等中看到的格式。由于缺乏硬性優(yōu)勢,中間對(duì)齊的段落更難以閱讀。每條線都沒有一致的起點(diǎn)或終點(diǎn),所以你的眼睛需要花點(diǎn)時(shí)間適應(yīng)每條新線。實(shí)踐中的差異很小,但原則上很大。
這并不意味著您應(yīng)該始終只使用左對(duì)齊。只要確保不斷問自己可讀性與您嘗試實(shí)現(xiàn)的特定審美有多重要。理想情況下,這些原則總是可以一起工作,但實(shí)際上他們往往是反對(duì)的力量,需要以某種方式進(jìn)行妥協(xié)。
另一件要注意的是混合對(duì)齊。無論您選擇哪種路線,都應(yīng)盡量在整個(gè)設(shè)計(jì)中保持一致。在左對(duì)齊的副本上居中對(duì)齊標(biāo)題通常(雖然不總是)合適,但在超出此范圍的情況下嘗試混合對(duì)齊可能會(huì)導(dǎo)致視覺混亂和混亂的頁面。
有關(guān)字體對(duì)齊的更多信息,請(qǐng)查看下面的文章。
為Web選擇類型對(duì)齊
5.選擇一個(gè)好的輔助字體
選擇主字體后,下一步是選擇其他字體來強(qiáng)調(diào)它。這與字體不符合主要選擇。
上圖中的第一個(gè)示例有幾個(gè)問題。首先,選擇的字體類型非常差。支持字體比主字體更華麗(更難讀)。這減損了主要字體,應(yīng)該避免。另外,即使第一個(gè)問題不是問題,兩種字體的厚度也非常相似以至于不能一起使用。盡管它們的風(fēng)格截然不同,但它們的相似沖程重量并沒有在兩者之間提供足夠的視覺對(duì)比。
第二張圖像使用更適合對(duì)比的字體,并使用更細(xì),更簡單的字體作為子標(biāo)簽。你的字體絕對(duì)不需要對(duì)比太多(這個(gè)效果在本例中是故意夸大的),只要確保它們足夠不同以防止視覺混淆,并且更重視主要字體。
6.尺寸問題
在我擔(dān)任設(shè)計(jì)師的六年中,我制作了大量的印刷促銷廣告。你很早就從宣傳材料中學(xué)到的東西之一是標(biāo)題應(yīng)該立即抓住讀者。在印刷世界中,你最多有一兩秒鐘就能吸引別人的注意力。如果你錯(cuò)過了這個(gè)機(jī)會(huì),你就失去了你的潛在客戶。
這實(shí)際上意味著當(dāng)你創(chuàng)建標(biāo)題時(shí),不要簡單地輸入它:設(shè)計(jì)它。考慮以下兩個(gè)例子:
第一個(gè)標(biāo)題要求你閱讀每個(gè)單詞以了解該消息的內(nèi)容。所有東西都是相同的大小,寬度和顏色,從而不會(huì)強(qiáng)調(diào)任何部分的信息。“可以”一詞與“勝利”一詞在視覺上很重要。
相比之下,即使它使用完全相同的信息,第二個(gè)標(biāo)題仍然強(qiáng)大得多。我已經(jīng)強(qiáng)調(diào)了那些不那么重要的單詞,并且真正地尖叫了那些單詞。第一標(biāo)題的問題是觀眾必須愿意花時(shí)間閱讀。那么訣竅就是讓觀眾在看到標(biāo)題后立即閱讀重要部分,就好像意外發(fā)生一樣。
看第二個(gè)例子,你應(yīng)該注意的第一件事是“贏”,接著是“巴哈馬”。在這一點(diǎn)上,如果你是目標(biāo)受眾,我們激發(fā)了你的興趣,你更有可能采取看看這個(gè)消息是什么的時(shí)候。
7.使用印刷術(shù)作為藝術(shù)
停止將印刷術(shù)視為標(biāo)題和正文,并開始將其視為設(shè)計(jì)元素。字體經(jīng)過精心設(shè)計(jì),因此具有美觀,可以成為您設(shè)計(jì)工具的寶貴資產(chǎn)。這當(dāng)然遠(yuǎn)遠(yuǎn)超出了用字母構(gòu)建面部。如果您想創(chuàng)建以印刷為中心的設(shè)計(jì),請(qǐng)考慮如何將吸引人的類型合并為英雄。
此外,永遠(yuǎn)不要覺得你受限于現(xiàn)有字體的結(jié)構(gòu)。展開字體形狀以適應(yīng)您的需求。嘗試添加漩渦,紋理,斑點(diǎn),斑點(diǎn)和其他任何你能想到的東西來增加類型的外觀。
8.找到好的啟示
學(xué)習(xí)創(chuàng)建有效和有吸引力的版式的最好方法是找到并研究一些現(xiàn)有的例子。以下是一些在線尋找靈感的精彩文章,但不要停留在那里。好的和不好的印刷術(shù)例子都是最接近的快餐聯(lián)合。隨時(shí)隨地了解別人正在做的事情,并思考它為什么似乎不工作的原因。
打破常規(guī)
請(qǐng)記住,這些規(guī)則只是為了幫助您創(chuàng)建出色的排版方式。一路上,你會(huì)發(fā)現(xiàn)你的一些最好的工作公然違反了本文中概述的一個(gè)或多個(gè)原則。正如我之前所說的,當(dāng)你完全理解設(shè)計(jì)中的某個(gè)規(guī)則時(shí),就是你有權(quán)打破它的時(shí)刻。只要確保無視不是隨意的,而是有目的地執(zhí)行并實(shí)現(xiàn)特定的目標(biāo)。
本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司,企業(yè)網(wǎng)站建設(shè)
當(dāng)前名稱:創(chuàng)建有效排版規(guī)則的八種方法
網(wǎng)站地址:http://www.rwnh.cn/news/164888.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、營銷型網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計(jì)公司、小程序開發(fā)、商城網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)