-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 景觀設(shè)計(jì) > 專題列表 > 正文
優(yōu)秀字體設(shè)計(jì)作品(優(yōu)秀字體設(shè)計(jì)作品精選)
大家好!今天讓小編來大家介紹下關(guān)于優(yōu)秀字體設(shè)計(jì)作品的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè),服務(wù)客戶遍布全球各地,相關(guān)業(yè)務(wù)請撥打電話:175-8598-2043,或添加微信:1454722008
文章目錄列表:
一、電影海報中的字體設(shè)計(jì)你覺得怎么樣?
海報又稱招貼或宣傳畫,是一種平面形式的宣傳廣告。具有畫面大、內(nèi)容廣泛、藝術(shù)表現(xiàn)力豐富、視覺沖擊力強(qiáng)的特點(diǎn),多用于電影、戲劇、比賽、文藝演出等活動。電影海報是海報的分支,作為電影藝術(shù)的宣傳品,往往濃縮了一部電影的精華,有著深厚的文化內(nèi)涵與藝術(shù)審美,具有很強(qiáng)的觀賞性,能讓觀眾得到除了電影本身以外的另一種平面藝術(shù)的享受。一幅優(yōu)秀的電影海報,往往具有很高的設(shè)計(jì)水準(zhǔn),對圖形、文字、色彩等設(shè)計(jì)元素運(yùn)用相得益彰,提升視覺表現(xiàn)力的同時又具備獨(dú)特的藝術(shù)魅力。在電影海報設(shè)計(jì)中,除了對畫面、色彩的表現(xiàn)之外,以電影名稱為主體的字體設(shè)計(jì)也是其中非常重要的部分。它是傳達(dá)電影信息的重要載體,經(jīng)過藝術(shù)化設(shè)計(jì)以后,可使文字形象變得情境化、視覺化,強(qiáng)化了語言效果,對提升海報設(shè)計(jì)品質(zhì)和視覺表現(xiàn)力發(fā)揮了極大作用。優(yōu)秀電影海報的字體設(shè)計(jì),對我們在品牌設(shè)計(jì)或頁面設(shè)計(jì)時面對字體的處理,有著很好借鑒與參考意義。下面就針對電影海報中的字體設(shè)計(jì)進(jìn)行探討,分析優(yōu)秀的字體設(shè)計(jì)如何在海報設(shè)計(jì)中扮演重要角色。
既然是關(guān)于字體設(shè)計(jì),那么就得從文字的歷史說起。我國是一個多民族的國家,文字種類很多,漢字是其中應(yīng)用最廣泛的,也是中國的官方文字。漢字,亦稱中文字、中國字,是漢字文化圈廣泛使用的一種文字。目前的漢字體系分為繁體字和簡體字,前者用于臺灣、香港、澳門和北美的華人圈中,后者用于中國大陸和新加坡以及東南亞的華人社區(qū)。漢字是世界上歷史最悠久的文字之一,漢字的演變經(jīng)歷了幾千年的漫長歷程,經(jīng)歷了甲骨文、金文、篆書、隸書、楷書、草書、行書、宋體等階段。 下圖展示的就是漢字的演變歷史。
書法字原型:大篆
這是張藝謀電影《英雄》的一款算是非正式概念性海報,故事背景是在戰(zhàn)國末期,當(dāng)時正是以大篆為主要字體。海報以一個篆體“劍”字為主體,這個字是無名向殘劍所求的字,當(dāng)無名十步于秦王時卻未出手刺秦,秦王背過身去看著后面那幅巨大的“劍”字時,忽然明白了殘劍在也領(lǐng)悟到的東西,海報中篆體“劍”字,行筆圓轉(zhuǎn),氣韻通暢,意境深遠(yuǎn),也傳達(dá)了電影精神。
書法字原型:小篆
赤壁之戰(zhàn)是三國歷史中以少勝多的著名戰(zhàn)役,其中充滿智慧的軍事謀略更是被后人傳頌。在這張《赤壁》海報中,也采用了篆體為原形的字形,容易識別而又不失古典韻味,歷史氛圍濃郁,而篆體字內(nèi)斂沉穩(wěn),莊嚴(yán)秀美的氣質(zhì),也揭示著電影要展現(xiàn)的并非戰(zhàn)爭的凌厲與殺傷,而是戰(zhàn)爭下人物的智慧、謀略、情操等,而篆體正好把這個訴求拿捏得十分到位,讓人久久品味。
書法字原型:隸書
《投名狀》海報用的是隸書原型的標(biāo)題,以陰刻印章形式,更顯得莊重古樸,沉穩(wěn)內(nèi)斂,而這種凝重的氣質(zhì),正符合電影劇情發(fā)展所表現(xiàn)出的人物關(guān)系的矛盾糾葛,人道、誠信、愛情、權(quán)勢、抱負(fù)、兄弟情誼,這些價值觀念同時出現(xiàn),彼此沖突,此消彼長,共同構(gòu)成了這樣一部有些悲情色彩的歷史大戲,同時也把觀眾帶進(jìn)了深層次價值思考。隸書所特有的莊嚴(yán)凝重氣質(zhì)將這些渲染得恰到好處。
書法字原型:楷書
李安導(dǎo)演的《色戒》標(biāo)題字用的是以楷書為原型,同時又融入了拓印的痕跡。加上梅紅色的顏色應(yīng)用,飽含情欲色彩而又不失文藝氣質(zhì),采用古文字的從右至左的排列,再加上英文與小印章的排版組合,顯得更為精致與國際范。
書法字原型:草書
王家衛(wèi)導(dǎo)演的《一代宗師》海報,氣氛營造得十分有范,不愧是玩弄意境的高手。雨夜中葉問獨(dú)戰(zhàn)群敵,制敵后擺出臨戰(zhàn)姿勢,以靜馭動,張弛有度,似進(jìn)如退,沉靜犀利。身后的中文草書作背景,瀟灑靈動,筆法錯落,氣勢磅礴,獨(dú)具特色,配合海報整體的蒼茫渾厚氣氛,真是越看越有味道。
書法字原型:行書
《梅蘭芳》電影海報標(biāo)題字寫的是行書,筆觸婉轉(zhuǎn)流暢,落落大方,飄逸秀美,用以表現(xiàn)以國粹京劇為背景的梅蘭芳先生的故事可以說是再合適不過,一則表達(dá)中國元素,二則映襯梅蘭芳先生的京劇藝術(shù)和他的氣節(jié)情操,飄逸大方的行書氣質(zhì)正是貼切。
字體原型:宋體
《歲月神偷》的這張海報,應(yīng)用的字體是宋體。宋體是雕版印刷出現(xiàn)后和產(chǎn)物,是一種印刷字體,相比之前的書法字體就更為規(guī)范和拘謹(jǐn)了,但也是著其獨(dú)特的韻味。海報中的標(biāo)題字經(jīng)過藝術(shù)化的處理設(shè)計(jì),使其具有了自己的一些特色。首先做了斑駁的效果,像是拓印的痕跡,然后采用米字格來做背景修飾,填充上顏色變化,排版上采用豎排文字撐起海報主干,經(jīng)過這一系列契合電影風(fēng)格的變化,就使得文字也具有了感染力,與電影氣質(zhì)結(jié)合得相當(dāng)出色。
大概就說這么多了,有什么意見或者建議請私信我,麻煩點(diǎn)贊哦!
二、讓字體排版更加富有創(chuàng)意的 7 種實(shí)用流行方法
1、為字體添加明艷的色彩
鮮艷的色彩絕對是最抓人眼球的元素之一,除了確保字形和排版本身的獨(dú)特和切合之外,使用明艷的色彩也是讓視覺突出的重要方法之一。
2、半透明的字體設(shè)計(jì)
相比于涇渭分明的實(shí)色運(yùn)用,半透明的字體排版在近年更加流行,也更容易營造出視覺的豐富層次感。
3、描邊字體和線條藝術(shù)
這類設(shè)計(jì)風(fēng)格的字體排版設(shè)計(jì)方案不但看上去非常簡約,并且在視覺上更非常容易出類拔萃!值得一提的是,這類室內(nèi)設(shè)計(jì)風(fēng)格過去兩年之中早已從先峰慢慢變成主流產(chǎn)品,而且你應(yīng)當(dāng)會甚為經(jīng)常地見到他們出現(xiàn)在各種各樣出色的設(shè)計(jì)產(chǎn)品之中。
4、超粗字體和超大字體排版
大概2年前開始流行的超大字體排版,如今已經(jīng)常見于各種平面也藝術(shù)設(shè)計(jì)的作品,并且在網(wǎng)頁、平面甚至 UI 設(shè)計(jì)中都占有一席之地。
5、字體排班中的復(fù)古設(shè)計(jì)
曾有一個新聞媒體在社交網(wǎng)絡(luò)上說,2019年的復(fù)古時尚設(shè)計(jì)方案早已「相對性精準(zhǔn)」地再現(xiàn)了1995年時興的復(fù)古風(fēng)了。復(fù)古時尚的熱潮重新來過,人們應(yīng)用著當(dāng)代的視覺傳達(dá)設(shè)計(jì)技術(shù)性,在尋找上新世紀(jì)五六十年代的覺得。
6、3D 字體排版效果
如今制作3D字體效果的方法很多,有的設(shè)計(jì)師會使用 3D 軟件諸如 C4D ,當(dāng)然更多的還是在使用 PS、AI 來制作,但是無論是哪種軟件,富有獨(dú)特想法和感覺的 3D 效果都會給人留下深刻的印象。下面這波 3D 字體版式效果都非常驚艷。
7、圖片蒙板和負(fù)空間藝術(shù)
在這種情況下,使用字體作為剪貼蒙板,能夠讓圖片呈現(xiàn)出更為獨(dú)特的形式感,在視覺上更有深度。同樣的,負(fù)空間和字體+剪貼蒙板在內(nèi)核上有異曲同工之妙,都是借用剪切來呈現(xiàn)信息,令人驚嘆。
以上就是今天小編分享的字體排版內(nèi)容,更多內(nèi)容相關(guān),請關(guān)注本平臺,小編會及時整理發(fā)布的。希望這些設(shè)計(jì)小知識能夠?yàn)槟銈兲峁┮恍椭?/p>
三、給幾個平面設(shè)計(jì)的超酷字體
看你需要哪方面的字體了。
如果是普通字庫的話,在網(wǎng)上可以搜尋相關(guān)的字庫。很多,不需要一一介紹了。
如果你需要的是特殊的字體,比如書法體,也可以下到相關(guān)的字庫,也可以在特定網(wǎng)站輸入你想要的文字。比如“中國”,網(wǎng)站就會提供相應(yīng)的字體。一般這種字體是需要通過軟件編輯的,比如AI。再次提供給你一個在線書法網(wǎng)站:
http://sf.kdd.cc/
這類的網(wǎng)站很多,我也不一一列舉了。不過很實(shí)用。
如果這些字體都不是你所想要的字體,那么,你就要對你所想要的字體進(jìn)行字體設(shè)計(jì)了。你可以在網(wǎng)上先看看別人設(shè)計(jì)的字體。多借鑒,對你字體設(shè)計(jì)應(yīng)該會有很大幫助的!
四、設(shè)計(jì)|字體選擇、排版、色彩、規(guī)格
內(nèi)容為:設(shè)計(jì)中字體的選擇、表述方式(形容詞)、適用處、圖片與字體的排版、字體的色彩及規(guī)格等
字體
纖細(xì)、瀟灑、圓潤、科技、面積、個性、古早(懷舊)、中庸、優(yōu)雅、雅致、實(shí)用、端正、易讀、幼稚、肥滿、標(biāo)題、俊朗、清晰、細(xì)節(jié)
關(guān)于男性字體的性取向問題:
粗獷、硬朗、棱角分明、筆直、力量感
營銷活動、體育競技、男性用品、金屬、搖滾
女性
只要是女性化屬性非常強(qiáng),或者是以女性為主流消費(fèi)群體的設(shè)計(jì),都可以廣泛使用這種屬性的字體。比如愛情類,鮮花類、珠寶配飾類,女性用品、護(hù)膚品、化妝品等等…
纖細(xì)、柔軟、細(xì)而宛轉(zhuǎn)、苗條、曲線美
孩童
兒童相關(guān)的設(shè)計(jì),比如趣味游戲、休閑游戲、嬰幼產(chǎn)品、游樂園、零食、玩具等等…
圓乎乎、可愛、有趣、肉嘟嘟
中性
非常適合使用在性別屬性并不強(qiáng)、并不需要很強(qiáng)烈的情感特征、偏中立的一些設(shè)計(jì)上面。比如產(chǎn)品說明、平臺、科技、手機(jī)、電腦等等。
干凈、簡潔、中性美、細(xì)致、平靜
被大量的使用在敘述性和陳述性很強(qiáng),以及歷史意味較濃的設(shè)計(jì)。比如地產(chǎn)公司的一些故事性包裝以及一些傳統(tǒng)節(jié)日性的設(shè)計(jì)。
A組 “圖片突出”,文字存在的目的只是粉飾這張照片而已。
字體主要是現(xiàn)代等線體,筆畫沒有裝飾。出現(xiàn)題材很廣泛,大多數(shù)是一些商業(yè)圖冊上,或者用于襯托人物場景時尚氣質(zhì)的圖片上。
B組 是“文字突出”,文字在圖片的襯托下被重點(diǎn)突出出來。
字體主要是古典襯線體,筆畫裝飾強(qiáng)烈。多出現(xiàn)在傳統(tǒng)、自然的以及一些抒情性很強(qiáng)的照片上。
A組的字體組合都被緊密地排列在一個無形的矩形里,在視覺上形成一個面。
B組各個字之間松散地擺放組合在一起,在視覺形成一個個點(diǎn)。
其實(shí)可以這樣去理解這兩組字體在視覺心理的效果,見下圖:
主體物與視覺焦點(diǎn)
“圖片突出” 的優(yōu)秀設(shè)計(jì)作品里,文字部分與這兩個基本要素的位置關(guān)系,同樣做成效果圖。分C、D兩組展示。
c組:如果把 主體物 看作是一個面,就不難理解在一個需要 文字粉飾圖片 的作品里,字體之間會被聚集在一個面里,因?yàn)槊嬖氐闹貜?fù)出現(xiàn)在一個畫面里,整體畫面就不會出現(xiàn)違和感,還能讓文字和圖片之間保持和諧統(tǒng)一。
如果你能觀察了足夠多C組類型的“效果圖”后,就發(fā)現(xiàn)了在所有的這類優(yōu)秀設(shè)計(jì)作品里, 文字部分 與 主體物 之間的位置大小關(guān)系有三大原則:
D組:
文字部分
與
視覺焦點(diǎn)
的關(guān)系基本和上面的鐵律相似,但唯一的特別之處在于:
當(dāng)視覺焦點(diǎn)位于畫面中線,文字部分使用居中式。
不過同樣也是觀察了足夠多的“效果圖”后,發(fā)現(xiàn)視覺焦點(diǎn)的位置不僅僅是與構(gòu)圖有關(guān),這其中還有很多的特殊情況必須要注意到:
第一點(diǎn)提到的照片的主體物是分散且毫無意義的。舉一些例子,它們的題材一般是拍攝天空、無邊際的森林樹木又或者下雨的場景等等… …這類照片的視覺焦點(diǎn)默認(rèn)在畫面的中心點(diǎn),并且文字部分也只能固定在畫面中心,因?yàn)槲淖植糠衷谶@時需要擬補(bǔ)原本照片缺乏視覺焦點(diǎn)的缺陷。(D組第一列第三張)
而第二點(diǎn)提到某些被一個場景或物品切割了整張畫面的照片,通常是因?yàn)榈仄骄€或者海岸線之類引起的。還有一種類似的情況是,當(dāng)照片里的主體物太大,以至于切割了背景出現(xiàn)切割線時,主體物就不能作為一個面來看待了。如D組里二列第二和第三… ….就是這種情況,視覺的焦點(diǎn)通常位于切割線的其中一處,通常是色彩密集出現(xiàn)的地方。
第三點(diǎn)非常重要!在畫面的內(nèi)容里眼睛的存在會形成一個視覺焦點(diǎn),不管是人還是其他生物的眼睛,只要是看到眼睛,那么文字部分的排版就要依據(jù)“眼睛”(視覺焦點(diǎn))而不是人本身(面)
文字部分是怎么選擇位置的 ,詳細(xì)見下圖:
字體與圖形的配合
以“圖片突出文字”為目的的排版,其 特點(diǎn) 是 不需要分析照片里面的元素 。在大部分設(shè)計(jì)教程以及很多優(yōu)秀的設(shè)計(jì)作品里, 圖片 被認(rèn)為只是 作為一個大色塊存在 ,它的存在只是為了最后你想要表達(dá)的 文字(情感),鋪設(shè)基調(diào) 。而我前面就提到的,B組的 字體 組合方式往往用 分散的點(diǎn)狀擺放 ,因此放在照片這樣一個大的“面”上, 形成元素的對比效果 ,可以更有效的 突出文字 部分。
但是這樣有一個很大的 缺點(diǎn) :過于分散的字體之間不僅容易缺乏聯(lián)系,而且還會造成閱讀困難。此外,一張?zhí)ㄉ诘恼掌矔?dǎo)致你的文字部分難以突出。
大部分優(yōu)秀排版里采用的解決方案是 運(yùn)用字體與圖形的配合 ,而其中類型有三種:
第一種:形狀圖形
形狀圖形主要指方形、圓形以及一些不規(guī)則的形狀圖形。
方形
從左到右依個解釋一下:
這是方形“ 集中 ”的例子,方塊的存在突出了文字本身,又保證了閱讀順暢。同時這個方塊可以在這張照片上的任何一個位置都沒有影響,所以很適 合包裝設(shè)計(jì) 的需要。
形狀圖形這部分我補(bǔ)充一點(diǎn):形狀圖形的用法通常有兩種, 一種是中間加上一個深色的形狀,字體的位置放在形狀的中間 。 另一種是在圖片的上下兩邊各加一個淺色形狀,字體的位置放在形狀與圖片交界的地方。 這兩種方法簡稱為“一黑二白”,見下圖。
圓形
第二種:直線
直線分兩種,一種就是純粹的一條直線,而另一種則是由細(xì)小的字組成的一段文字(通常是英文)。
聯(lián)系 :與上一種相同,但只適用于 標(biāo)題文字較少 的時候。剩下兩個不用解釋了… …大家應(yīng)該都清楚。
第三種:字符
一般是指的數(shù)字以及英文字母,配合文字能有更好的突出效果。如上圖,,而阿拉伯?dāng)?shù)字的效果最佳。
以上就是字體與圖形的配合部分,不過還有一個例子要特別說明一下:
上圖展示的是一個出現(xiàn)頻率最高的配合類型的,圓形形狀加上字符,然后用連接符接上你要表達(dá)的文字。這是最經(jīng)典的配合類型了。至少突出文字部分的效果非常不錯!
PS:以下色彩部分,因?yàn)闆]有大量的實(shí)際操作過,所以我不確定結(jié)論的正確性。因此色彩部分僅供參考,只希望大家能從中得到一些啟發(fā)就好了。
我\們多多少少都學(xué)習(xí)過色彩的基礎(chǔ)知識,我們都知道上圖的紅色代表著熱情、綠色代表著自然以及紫色代表著高雅等等… …但是我們卻不能以此為參照來決定字體的色彩,因?yàn)閷?shí)際的情況要比這復(fù)雜的多。無論一張照片還是海報,都會運(yùn)用到大量的色彩,把這些色彩集合成一個組合時,將其稱之為“色組”,如下圖。
這時,要如何區(qū)分上圖這些色組的視覺心理呢?在教科書上采用的方法是分成四種類型:分別是 “互補(bǔ)色”、“對比色”、“同類色”和“鄰近色” 。然后再解釋這些類型的視覺心理,比如“互補(bǔ)色”有著突出、華麗的效果或者更吸引眼球等等… …但是這個方法只能解釋那些只采用少量色彩的照片或海報,所以這個方法在面對一張色彩豐富的照片或海報時,這個方法又顯得太過籠統(tǒng)和片面。
而在網(wǎng)上大部分的配色教程里,則用 “色卡”來解釋色組的視覺心理 的, “色卡”是從一張照片里提煉出三到六個主要色彩組合起來的配色方案 ,并認(rèn)為“色卡”和原照片的視覺心理效果(情緒)是相同的,因此大部分設(shè)計(jì)作品會以此為參照做配色方案。
但我閱讀了很多研究配色的書籍或文章,其中大部分都認(rèn)為一個“色卡”是遠(yuǎn)遠(yuǎn)不足于解釋一張照片給人的視覺心理效果的。認(rèn)為一張照片給人的視覺感受,不是這張照片里所有的顏色共同作用下的結(jié)果。并表示一張照片的色彩數(shù)量、各個色彩之間的面積以及冷暖的對比等等… …都是會影響一張照片的視覺心理效果的。
于是我總結(jié)這些文章的觀點(diǎn),我重新設(shè)計(jì)了一個色彩的組合模型,用來描述多個色彩組合的視覺心理效果,見下圖:
上圖是一個色彩組合的模型,我設(shè)計(jì)成一個倒三角的形狀。我稍微簡單解釋一下:倒三角形最上面的一塊是主色,主色是這張照片里最突出的色彩,通常是照片里的面積最大。往下一個是副色,副色比主色的突出效果要較弱一些。再往下則是一些輔助色以及一些面積非常小的點(diǎn)綴色等等… …
這個模型可以解釋很多色彩組合的視覺心理效果,見下圖:
X:親和 – 強(qiáng)烈
主色和副色的對比關(guān)系是會影響照片的視覺心理,當(dāng)主色和副色的對越弱,畫面的表現(xiàn)越柔和,相反主色和副色的對比越大(通常是由兩者的冷暖、面積、色相的不同),畫面的表現(xiàn)就越強(qiáng)烈。
Y:平均 – 突出
這里指的是主副色和其他的顏色的面積比例關(guān)系。當(dāng)主副色的面積和其他顏色的面積相差無幾的時候,畫面表現(xiàn)出唯美的感覺。相反主副色的面積遠(yuǎn)遠(yuǎn)超過了其他顏色面積的總和時,畫面的情緒完全由主副色主導(dǎo)。
Z:單調(diào) – 豐富
這里比較的是一張照片里色彩的數(shù)量,數(shù)量小就會顯得單調(diào),相反則越豐富。
上面三種類型都用XYZ來標(biāo)記,因?yàn)槲乙偨Y(jié)字體以及色彩的選擇與色彩組合模型之間的關(guān)系時,我就要用到下圖這個大模型了:
上圖展示的大模型里,色彩模型的三種類型做成了一個三維的坐標(biāo)軸系,這表明了任何一張照片的色彩組合,都是這個XYZ軸系里的一個點(diǎn),也就是說任意一個色彩組合模型會同時滿足三種類型的其中一種,最終會形成八種色彩組合模型(八種情緒),下面列舉一些:
大家能看到在大模型里還有冷暖區(qū)分的四個色塊,它們代表了四個區(qū)域,從上往下分別是“粗古”、“細(xì)古”、“細(xì)現(xiàn)”和“粗現(xiàn)”。這些色塊是表達(dá):當(dāng)一個色彩組合越傾向坐標(biāo)系的正軸時,則使用越粗的古典字體。相反地,越傾向負(fù)軸時,則使用越粗的現(xiàn)代字體。
簡單地來說, 就是當(dāng)一張照片的色彩的越強(qiáng)烈、越突出、越豐富時,就用古典的襯線字體,而且要越粗越好,而當(dāng)一張照片的色彩的越親和、越平均、越單調(diào)時,就用現(xiàn)代的無襯線字體,而且要越粗越好。 這是大模型的作用之一:不同色彩組合對字體選擇的影響。
大模型的另外一個作用在于,我們還可以通過對增減或改變某個色彩,來改變這個照片的色彩組合傾向,來表達(dá)某一個情感、主體又或者適應(yīng)某一個字體等等… …而改變的方法,就是利用字體或形狀圖形的顏色。這就意味著在圖片上加字這個行為,就已經(jīng)是在影響一張照片的色彩心理了。
綜上,我們拿剛才的圖片來舉一些例子,見下圖:
第一個例子,由于照片的色組屬性是“強(qiáng)烈”、“突出”和“單調(diào)”,所以選用了細(xì)筆畫的古典字體,這是一個“文字粉飾圖片”的例子。
第二個例子,是一個“圖片突出文字”的例子。雖然這張照片的色彩屬性有“強(qiáng)烈”和“突出”,但色彩卻是“單調(diào)”的,我的做法是先加上兩個粗筆畫的毛筆字(粗古),突出一個主色。然后再放一段酡紅色的英文,是色組變得豐富,同時配合“粗古”,讓色彩的情緒表達(dá)地更加明顯。
最后的例子,是關(guān)于形狀的顏色和透明度設(shè)置的一個示范。由于這張照片的色組屬性太過平均,所以我用一個形狀壓住一個副色調(diào),然后用“粗古”字體壓住主色調(diào),將這個色組的“平均”屬性轉(zhuǎn)為“突出”。這個例子是想表達(dá):形狀圖形的色調(diào)選擇,關(guān)鍵在于你想怎么改變色組的屬性,而半透明的設(shè)置,可以改變色組的“豐富”屬性。
過程見下圖:
5.單個字體的形態(tài)
篇幅已經(jīng)很長了,直接上結(jié)論吧(累)??偨Y(jié)了所有的教程和優(yōu)秀設(shè)計(jì)作品,我認(rèn)為區(qū)別單個字體之間最重要的三個特征:見下圖
體飾指的是在字體筆畫末端的裝飾,字體的體飾之間不是有或無,而是多和少,這是一個比較模糊的概念。通常按照筆畫體飾的多少劃分“古”文字和“今”文字?!肮拧蔽淖诌m合作為標(biāo)題,出現(xiàn)表現(xiàn)自然、傳統(tǒng)或者表現(xiàn)歷史厚重感的題材里,“今”文字大多是在時尚、科技或者普通生活題材里,“古”文字最重要的特點(diǎn)是抒情,“今”文字則注重簡潔。
筆畫的差異在于粗細(xì),粗筆畫用于強(qiáng)調(diào),細(xì)筆畫則用于修飾細(xì)節(jié),例如突出某商品的精細(xì)做工。這里還有特別說明的一種情況是粗細(xì)結(jié)合,筆畫的粗細(xì)差異算其實(shí)是屬于體飾的變化。
轉(zhuǎn)折的差異在于曲直,轉(zhuǎn)折越尖銳的字體適合表達(dá)力量感,反之曲面轉(zhuǎn)折的字體適合表現(xiàn)女性的柔美。見下面兩個例子
在不同平臺的界面設(shè)計(jì)中規(guī)范的字體會有不同,像移動界面的設(shè)計(jì)就會有固定的字體樣式。網(wǎng)頁中會有常用的幾個字體,在這我和大家分別介紹一下。
以下是在72像素/英寸下的規(guī)范
移動端常規(guī)字體
IOS :常選擇 華文黑體 或者 冬青黑體 ,尤其是冬青黑體效果最好。
Android
英文字體:Roboto
中文字體:Noto
移動端常用的的字號有哪些呢?
導(dǎo)航主標(biāo)題字號:40-42px
我一般設(shè)計(jì)就用40px,偏小的40px字號,顯得精致些。
在內(nèi)文展示中字號大小又是多大呢?
大的正文字號32px,副文是26px,小字20px。 在內(nèi)文的使用中,根據(jù)不同類型的App會有所區(qū)別。
像 新聞類的APP 或 文字閱讀類 的APP更注重文本的 閱讀便捷性 , 正文字號36px ,會 選擇性的加粗。
而 列表形式、工具化的APP 普遍是正文 32px ,不加粗。 副文案26px,小字20px
26px的字號還會用于劃分類別的提示文案 ,因?yàn)檫@樣的文字希望用戶閱讀,但不要搶過主列表信息的引導(dǎo)。
36px的字號還經(jīng)常運(yùn)用在頁面的大按鈕中 。為了拉開按鈕的層次,同時加強(qiáng)按鈕引導(dǎo)性,選用了稍大號的字體。
(見下圖中的退出按鈕)
大家注意了,在選用字體大小的時候一定要選擇 偶數(shù)的字號 ,因?yàn)?在開發(fā)界面的時候,字號大小換算是要除以二的 。這個詳細(xì)緣由大家可以網(wǎng)上查詢,我就不在這一一的介紹了。
常用字號的大小基本就這幾個,根據(jù)版式設(shè)計(jì)需要也會采用異樣大小的字號來特殊處理。這種更高的要求設(shè)計(jì)師的全局把控能力了。
網(wǎng)頁端
常用的字號有哪些呢?
網(wǎng)頁 中文字字號 一般都是 宋體12px或14px (無狀態(tài)), 大號字體 用 微軟雅黑 或 黑體 。 大號字體是18px、20px、26px、30px, 一般使用 雙數(shù) 字號, 單數(shù)的字體在顯示的時候會有毛邊 。
1. 平平穩(wěn)穩(wěn):微軟雅黑/方正中黑
微軟雅黑系列:在網(wǎng)頁設(shè)計(jì)中這款字體使用的非常平凡,這款只無論是放大還是縮小,形體都非常的規(guī)整舒服。在設(shè)計(jì)過程中建議多使用雅黑,大標(biāo)題用加粗字體,正文用常規(guī)字體。
方正正中黑系列
中黑系列的字體筆畫比較銳利而渾厚,一般運(yùn)用在標(biāo)題文字中。但這種字體不適用于正文中,因?yàn)檫吘壪鄬Ρ容^的復(fù)雜,文字一多會影響用戶的閱讀。
2. 與時俱進(jìn):方正蘭亭系列
方正蘭亭系列:個人最推薦的就是這個系類的字體,整個蘭亭系列的字體有大黑、準(zhǔn)黑、纖黑、超細(xì)黑等。因筆畫清晰簡潔,這個系類的字體就足以滿足排版設(shè)計(jì)的需要。可以通過對這個系列的不同字體進(jìn)行組合,不僅能保證字體的統(tǒng)一感,還能很好的區(qū)分出文本的層次。
3. 剛勁有力,運(yùn)動型:漢儀菱心簡/造字工房力黑/造字工房勁黑
在這幾個字體中,他們有著共同的特點(diǎn),字體非常的有力而厚實(shí)?;径际且灾本€和斜線為主。適合廣告和專題使用。在使用這類字體的時候我們可以使用字體傾斜的樣式,讓文字顯得更為活力。在這三種字體中,菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角。而且筆畫也比較的疏松,更多的有些時尚而柔美的氣氛。而勁黑這款字體相對更為厚重和方正。這類字體使用在大圖中偏多,效果比較突出。
內(nèi)容來自優(yōu)設(shè)網(wǎng)
以上就是小編對于優(yōu)秀字體設(shè)計(jì)作品問題和相關(guān)問題的解答了,如有疑問,可撥打網(wǎng)站上的電話,或添加微信。
推薦閱讀:
優(yōu)秀網(wǎng)絡(luò)小說排行榜(優(yōu)秀網(wǎng)絡(luò)小說排行榜前十名作者)
最新優(yōu)秀廣告策劃案例(最新優(yōu)秀廣告策劃案例分析)
優(yōu)秀的網(wǎng)頁設(shè)計(jì)網(wǎng)站(官網(wǎng)設(shè)計(jì)比較好看的網(wǎng)站)
汽車類型標(biāo)志及圖片(汽車類型標(biāo)志及圖片介紹)
問大家
太倉優(yōu)秀的淘寶店鋪裝修哪家檔次高?在座的看官們幫回答下
上海優(yōu)秀的網(wǎng)站建設(shè)怎么收費(fèi)的?路過的大仙們麻煩回一下
淮北優(yōu)秀的公眾號設(shè)計(jì)制作一般什么價位?路過的筒子們聊一聊
南京優(yōu)秀的00電話哪個靠譜點(diǎn)?路過的大仙們麻煩回一下
南京優(yōu)秀的小程序開發(fā)機(jī)構(gòu)手機(jī)號怎么找?路過的大俠們幫回答下
廊坊專業(yè)制作優(yōu)秀的候車廳官方聯(lián)系方式怎么找?在座的老鄉(xiāng)們在線等
廊坊專業(yè)制作優(yōu)秀的公交候車牌官方聯(lián)系方式怎么找?路過的大哥們幫個忙
徐州網(wǎng)店淘寶店鋪裝修哪家優(yōu)秀?各位朋友們幫忙答一下