HOME 首頁(yè)
SERVICE 服務(wù)產(chǎn)品
XINMEITI 新媒體代運(yùn)營(yíng)
CASE 服務(wù)案例
NEWS 熱點(diǎn)資訊
ABOUT 關(guān)于我們
CONTACT 聯(lián)系我們
創(chuàng)意嶺
讓品牌有溫度、有情感
專注品牌策劃15年

    優(yōu)秀字體設(shè)計(jì)作品(優(yōu)秀字體設(shè)計(jì)作品精選)

    發(fā)布時(shí)間:2023-04-17 21:07:19     稿源: 創(chuàng)意嶺    閱讀: 71        

    大家好!今天讓小編來(lái)大家介紹下關(guān)于優(yōu)秀字體設(shè)計(jì)作品的問(wèn)題,以下是小編對(duì)此問(wèn)題的歸納整理,讓我們一起來(lái)看看吧。

    創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè),服務(wù)客戶遍布全球各地,相關(guān)業(yè)務(wù)請(qǐng)撥打電話:175-8598-2043,或添加微信:1454722008

    文章目錄列表:

    優(yōu)秀字體設(shè)計(jì)作品(優(yōu)秀字體設(shè)計(jì)作品精選)

    一、電影海報(bào)中的字體設(shè)計(jì)你覺得怎么樣?

    海報(bào)又稱招貼或宣傳畫,是一種平面形式的宣傳廣告。具有畫面大、內(nèi)容廣泛、藝術(shù)表現(xiàn)力豐富、視覺沖擊力強(qiáng)的特點(diǎn),多用于電影、戲劇、比賽、文藝演出等活動(dòng)。電影海報(bào)是海報(bào)的分支,作為電影藝術(shù)的宣傳品,往往濃縮了一部電影的精華,有著深厚的文化內(nèi)涵與藝術(shù)審美,具有很強(qiáng)的觀賞性,能讓觀眾得到除了電影本身以外的另一種平面藝術(shù)的享受。一幅優(yōu)秀的電影海報(bào),往往具有很高的設(shè)計(jì)水準(zhǔn),對(duì)圖形、文字、色彩等設(shè)計(jì)元素運(yùn)用相得益彰,提升視覺表現(xiàn)力的同時(shí)又具備獨(dú)特的藝術(shù)魅力。在電影海報(bào)設(shè)計(jì)中,除了對(duì)畫面、色彩的表現(xiàn)之外,以電影名稱為主體的字體設(shè)計(jì)也是其中非常重要的部分。它是傳達(dá)電影信息的重要載體,經(jīng)過(guò)藝術(shù)化設(shè)計(jì)以后,可使文字形象變得情境化、視覺化,強(qiáng)化了語(yǔ)言效果,對(duì)提升海報(bào)設(shè)計(jì)品質(zhì)和視覺表現(xiàn)力發(fā)揮了極大作用。優(yōu)秀電影海報(bào)的字體設(shè)計(jì),對(duì)我們?cè)谄放圃O(shè)計(jì)或頁(yè)面設(shè)計(jì)時(shí)面對(duì)字體的處理,有著很好借鑒與參考意義。下面就針對(duì)電影海報(bào)中的字體設(shè)計(jì)進(jìn)行探討,分析優(yōu)秀的字體設(shè)計(jì)如何在海報(bào)設(shè)計(jì)中扮演重要角色。

    既然是關(guān)于字體設(shè)計(jì),那么就得從文字的歷史說(shuō)起。我國(guó)是一個(gè)多民族的國(guó)家,文字種類很多,漢字是其中應(yīng)用最廣泛的,也是中國(guó)的官方文字。漢字,亦稱中文字、中國(guó)字,是漢字文化圈廣泛使用的一種文字。目前的漢字體系分為繁體字和簡(jiǎn)體字,前者用于臺(tái)灣、香港、澳門和北美的華人圈中,后者用于中國(guó)大陸和新加坡以及東南亞的華人社區(qū)。漢字是世界上歷史最悠久的文字之一,漢字的演變經(jīng)歷了幾千年的漫長(zhǎng)歷程,經(jīng)歷了甲骨文、金文、篆書、隸書、楷書、草書、行書、宋體等階段。 下圖展示的就是漢字的演變歷史。

    書法字原型:大篆

    這是張藝謀電影《英雄》的一款算是非正式概念性海報(bào),故事背景是在戰(zhàn)國(guó)末期,當(dāng)時(shí)正是以大篆為主要字體。海報(bào)以一個(gè)篆體“劍”字為主體,這個(gè)字是無(wú)名向殘劍所求的字,當(dāng)無(wú)名十步于秦王時(shí)卻未出手刺秦,秦王背過(guò)身去看著后面那幅巨大的“劍”字時(shí),忽然明白了殘劍在也領(lǐng)悟到的東西,海報(bào)中篆體“劍”字,行筆圓轉(zhuǎn),氣韻通暢,意境深遠(yuǎn),也傳達(dá)了電影精神。

    書法字原型:小篆

    赤壁之戰(zhàn)是三國(guó)歷史中以少勝多的著名戰(zhàn)役,其中充滿智慧的軍事謀略更是被后人傳頌。在這張《赤壁》海報(bào)中,也采用了篆體為原形的字形,容易識(shí)別而又不失古典韻味,歷史氛圍濃郁,而篆體字內(nèi)斂沉穩(wěn),莊嚴(yán)秀美的氣質(zhì),也揭示著電影要展現(xiàn)的并非戰(zhàn)爭(zhēng)的凌厲與殺傷,而是戰(zhàn)爭(zhēng)下人物的智慧、謀略、情操等,而篆體正好把這個(gè)訴求拿捏得十分到位,讓人久久品味。

    書法字原型:隸書

    《投名狀》海報(bào)用的是隸書原型的標(biāo)題,以陰刻印章形式,更顯得莊重古樸,沉穩(wěn)內(nèi)斂,而這種凝重的氣質(zhì),正符合電影劇情發(fā)展所表現(xiàn)出的人物關(guān)系的矛盾糾葛,人道、誠(chéng)信、愛情、權(quán)勢(shì)、抱負(fù)、兄弟情誼,這些價(jià)值觀念同時(shí)出現(xiàn),彼此沖突,此消彼長(zhǎng),共同構(gòu)成了這樣一部有些悲情色彩的歷史大戲,同時(shí)也把觀眾帶進(jìn)了深層次價(jià)值思考。隸書所特有的莊嚴(yán)凝重氣質(zhì)將這些渲染得恰到好處。

    書法字原型:楷書

    李安導(dǎo)演的《色戒》標(biāo)題字用的是以楷書為原型,同時(shí)又融入了拓印的痕跡。加上梅紅色的顏色應(yīng)用,飽含情欲色彩而又不失文藝氣質(zhì),采用古文字的從右至左的排列,再加上英文與小印章的排版組合,顯得更為精致與國(guó)際范。

    書法字原型:草書

    王家衛(wèi)導(dǎo)演的《一代宗師》海報(bào),氣氛營(yíng)造得十分有范,不愧是玩弄意境的高手。雨夜中葉問(wèn)獨(dú)戰(zhàn)群敵,制敵后擺出臨戰(zhàn)姿勢(shì),以靜馭動(dòng),張弛有度,似進(jìn)如退,沉靜犀利。身后的中文草書作背景,瀟灑靈動(dòng),筆法錯(cuò)落,氣勢(shì)磅礴,獨(dú)具特色,配合海報(bào)整體的蒼茫渾厚氣氛,真是越看越有味道。

    書法字原型:行書

    《梅蘭芳》電影海報(bào)標(biāo)題字寫的是行書,筆觸婉轉(zhuǎn)流暢,落落大方,飄逸秀美,用以表現(xiàn)以國(guó)粹京劇為背景的梅蘭芳先生的故事可以說(shuō)是再合適不過(guò),一則表達(dá)中國(guó)元素,二則映襯梅蘭芳先生的京劇藝術(shù)和他的氣節(jié)情操,飄逸大方的行書氣質(zhì)正是貼切。

    字體原型:宋體

    《歲月神偷》的這張海報(bào),應(yīng)用的字體是宋體。宋體是雕版印刷出現(xiàn)后和產(chǎn)物,是一種印刷字體,相比之前的書法字體就更為規(guī)范和拘謹(jǐn)了,但也是著其獨(dú)特的韻味。海報(bào)中的標(biāo)題字經(jīng)過(guò)藝術(shù)化的處理設(shè)計(jì),使其具有了自己的一些特色。首先做了斑駁的效果,像是拓印的痕跡,然后采用米字格來(lái)做背景修飾,填充上顏色變化,排版上采用豎排文字撐起海報(bào)主干,經(jīng)過(guò)這一系列契合電影風(fēng)格的變化,就使得文字也具有了感染力,與電影氣質(zhì)結(jié)合得相當(dāng)出色。

    大概就說(shuō)這么多了,有什么意見或者建議請(qǐng)私信我,麻煩點(diǎn)贊哦!

    二、讓字體排版更加富有創(chuàng)意的 7 種實(shí)用流行方法

    1、為字體添加明艷的色彩

    鮮艷的色彩絕對(duì)是最抓人眼球的元素之一,除了確保字形和排版本身的獨(dú)特和切合之外,使用明艷的色彩也是讓視覺突出的重要方法之一。

    2、半透明的字體設(shè)計(jì)

    相比于涇渭分明的實(shí)色運(yùn)用,半透明的字體排版在近年更加流行,也更容易營(yíng)造出視覺的豐富層次感。

    3、描邊字體和線條藝術(shù)

    這類設(shè)計(jì)風(fēng)格的字體排版設(shè)計(jì)方案不但看上去非常簡(jiǎn)約,并且在視覺上更非常容易出類拔萃!值得一提的是,這類室內(nèi)設(shè)計(jì)風(fēng)格過(guò)去兩年之中早已從先峰慢慢變成主流產(chǎn)品,而且你應(yīng)當(dāng)會(huì)甚為經(jīng)常地見到他們出現(xiàn)在各種各樣出色的設(shè)計(jì)產(chǎn)品之中。

    4、超粗字體和超大字體排版

    大概2年前開始流行的超大字體排版,如今已經(jīng)常見于各種平面也藝術(shù)設(shè)計(jì)的作品,并且在網(wǎng)頁(yè)、平面甚至 UI 設(shè)計(jì)中都占有一席之地。

    5、字體排班中的復(fù)古設(shè)計(jì)

    曾有一個(gè)新聞媒體在社交網(wǎng)絡(luò)上說(shuō),2019年的復(fù)古時(shí)尚設(shè)計(jì)方案早已「相對(duì)性精準(zhǔn)」地再現(xiàn)了1995年時(shí)興的復(fù)古風(fēng)了。復(fù)古時(shí)尚的熱潮重新來(lái)過(guò),人們應(yīng)用著當(dāng)代的視覺傳達(dá)設(shè)計(jì)技術(shù)性,在尋找上新世紀(jì)五六十年代的覺得。

    6、3D 字體排版效果

    如今制作3D字體效果的方法很多,有的設(shè)計(jì)師會(huì)使用 3D 軟件諸如 C4D ,當(dāng)然更多的還是在使用 PS、AI 來(lái)制作,但是無(wú)論是哪種軟件,富有獨(dú)特想法和感覺的 3D 效果都會(huì)給人留下深刻的印象。下面這波 3D 字體版式效果都非常驚艷。

    7、圖片蒙板和負(fù)空間藝術(shù)

    在這種情況下,使用字體作為剪貼蒙板,能夠讓圖片呈現(xiàn)出更為獨(dú)特的形式感,在視覺上更有深度。同樣的,負(fù)空間和字體+剪貼蒙板在內(nèi)核上有異曲同工之妙,都是借用剪切來(lái)呈現(xiàn)信息,令人驚嘆。

    以上就是今天小編分享的字體排版內(nèi)容,更多內(nèi)容相關(guān),請(qǐng)關(guān)注本平臺(tái),小編會(huì)及時(shí)整理發(fā)布的。希望這些設(shè)計(jì)小知識(shí)能夠?yàn)槟銈兲峁┮恍椭?/p>

    三、給幾個(gè)平面設(shè)計(jì)的超酷字體

    看你需要哪方面的字體了。

    如果是普通字庫(kù)的話,在網(wǎng)上可以搜尋相關(guān)的字庫(kù)。很多,不需要一一介紹了。

    如果你需要的是特殊的字體,比如書法體,也可以下到相關(guān)的字庫(kù),也可以在特定網(wǎng)站輸入你想要的文字。比如“中國(guó)”,網(wǎng)站就會(huì)提供相應(yīng)的字體。一般這種字體是需要通過(guò)軟件編輯的,比如AI。再次提供給你一個(gè)在線書法網(wǎng)站:

    http://sf.kdd.cc/

    這類的網(wǎng)站很多,我也不一一列舉了。不過(guò)很實(shí)用。

    如果這些字體都不是你所想要的字體,那么,你就要對(duì)你所想要的字體進(jìn)行字體設(shè)計(jì)了。你可以在網(wǎng)上先看看別人設(shè)計(jì)的字體。多借鑒,對(duì)你字體設(shè)計(jì)應(yīng)該會(huì)有很大幫助的!

    四、設(shè)計(jì)|字體選擇、排版、色彩、規(guī)格

    內(nèi)容為:設(shè)計(jì)中字體的選擇、表述方式(形容詞)、適用處、圖片與字體的排版、字體的色彩及規(guī)格等

    字體

    纖細(xì)、瀟灑、圓潤(rùn)、科技、面積、個(gè)性、古早(懷舊)、中庸、優(yōu)雅、雅致、實(shí)用、端正、易讀、幼稚、肥滿、標(biāo)題、俊朗、清晰、細(xì)節(jié)

    關(guān)于男性字體的性取向問(wèn)題:

    粗獷、硬朗、棱角分明、筆直、力量感

    營(yíng)銷活動(dòng)、體育競(jìng)技、男性用品、金屬、搖滾

    女性

    只要是女性化屬性非常強(qiáng),或者是以女性為主流消費(fèi)群體的設(shè)計(jì),都可以廣泛使用這種屬性的字體。比如愛情類,鮮花類、珠寶配飾類,女性用品、護(hù)膚品、化妝品等等…

    纖細(xì)、柔軟、細(xì)而宛轉(zhuǎn)、苗條、曲線美

    孩童

    兒童相關(guān)的設(shè)計(jì),比如趣味游戲、休閑游戲、嬰幼產(chǎn)品、游樂(lè)園、零食、玩具等等…

    圓乎乎、可愛、有趣、肉嘟嘟

    中性

    非常適合使用在性別屬性并不強(qiáng)、并不需要很強(qiáng)烈的情感特征、偏中立的一些設(shè)計(jì)上面。比如產(chǎn)品說(shuō)明、平臺(tái)、科技、手機(jī)、電腦等等。

    干凈、簡(jiǎn)潔、中性美、細(xì)致、平靜

    被大量的使用在敘述性和陳述性很強(qiáng),以及歷史意味較濃的設(shè)計(jì)。比如地產(chǎn)公司的一些故事性包裝以及一些傳統(tǒng)節(jié)日性的設(shè)計(jì)。

    A組 “圖片突出”,文字存在的目的只是粉飾這張照片而已。

    字體主要是現(xiàn)代等線體,筆畫沒(méi)有裝飾。出現(xiàn)題材很廣泛,大多數(shù)是一些商業(yè)圖冊(cè)上,或者用于襯托人物場(chǎng)景時(shí)尚氣質(zhì)的圖片上。

    B組 是“文字突出”,文字在圖片的襯托下被重點(diǎn)突出出來(lái)。

    字體主要是古典襯線體,筆畫裝飾強(qiáng)烈。多出現(xiàn)在傳統(tǒng)、自然的以及一些抒情性很強(qiáng)的照片上。

    A組的字體組合都被緊密地排列在一個(gè)無(wú)形的矩形里,在視覺上形成一個(gè)面。

    B組各個(gè)字之間松散地?cái)[放組合在一起,在視覺形成一個(gè)個(gè)點(diǎn)。

    其實(shí)可以這樣去理解這兩組字體在視覺心理的效果,見下圖:

    主體物與視覺焦點(diǎn)

    “圖片突出” 的優(yōu)秀設(shè)計(jì)作品里,文字部分與這兩個(gè)基本要素的位置關(guān)系,同樣做成效果圖。分C、D兩組展示。

    c組:如果把 主體物 看作是一個(gè)面,就不難理解在一個(gè)需要 文字粉飾圖片 的作品里,字體之間會(huì)被聚集在一個(gè)面里,因?yàn)槊嬖氐闹貜?fù)出現(xiàn)在一個(gè)畫面里,整體畫面就不會(huì)出現(xiàn)違和感,還能讓文字和圖片之間保持和諧統(tǒng)一。

    如果你能觀察了足夠多C組類型的“效果圖”后,就發(fā)現(xiàn)了在所有的這類優(yōu)秀設(shè)計(jì)作品里, 文字部分 與 主體物 之間的位置大小關(guān)系有三大原則:

    D組:

    文字部分

    視覺焦點(diǎn)

    的關(guān)系基本和上面的鐵律相似,但唯一的特別之處在于:

    當(dāng)視覺焦點(diǎn)位于畫面中線,文字部分使用居中式。

    不過(guò)同樣也是觀察了足夠多的“效果圖”后,發(fā)現(xiàn)視覺焦點(diǎn)的位置不僅僅是與構(gòu)圖有關(guān),這其中還有很多的特殊情況必須要注意到:

    第一點(diǎn)提到的照片的主體物是分散且毫無(wú)意義的。舉一些例子,它們的題材一般是拍攝天空、無(wú)邊際的森林樹木又或者下雨的場(chǎng)景等等… …這類照片的視覺焦點(diǎn)默認(rèn)在畫面的中心點(diǎn),并且文字部分也只能固定在畫面中心,因?yàn)槲淖植糠衷谶@時(shí)需要擬補(bǔ)原本照片缺乏視覺焦點(diǎn)的缺陷。(D組第一列第三張)

    而第二點(diǎn)提到某些被一個(gè)場(chǎng)景或物品切割了整張畫面的照片,通常是因?yàn)榈仄骄€或者海岸線之類引起的。還有一種類似的情況是,當(dāng)照片里的主體物太大,以至于切割了背景出現(xiàn)切割線時(shí),主體物就不能作為一個(gè)面來(lái)看待了。如D組里二列第二和第三… ….就是這種情況,視覺的焦點(diǎn)通常位于切割線的其中一處,通常是色彩密集出現(xiàn)的地方。

    第三點(diǎn)非常重要!在畫面的內(nèi)容里眼睛的存在會(huì)形成一個(gè)視覺焦點(diǎn),不管是人還是其他生物的眼睛,只要是看到眼睛,那么文字部分的排版就要依據(jù)“眼睛”(視覺焦點(diǎn))而不是人本身(面)

    文字部分是怎么選擇位置的 ,詳細(xì)見下圖:

    字體與圖形的配合

    以“圖片突出文字”為目的的排版,其 特點(diǎn) 是 不需要分析照片里面的元素 。在大部分設(shè)計(jì)教程以及很多優(yōu)秀的設(shè)計(jì)作品里, 圖片 被認(rèn)為只是 作為一個(gè)大色塊存在 ,它的存在只是為了最后你想要表達(dá)的 文字(情感),鋪設(shè)基調(diào) 。而我前面就提到的,B組的 字體 組合方式往往用 分散的點(diǎn)狀擺放 ,因此放在照片這樣一個(gè)大的“面”上, 形成元素的對(duì)比效果 ,可以更有效的 突出文字 部分。

    但是這樣有一個(gè)很大的 缺點(diǎn) :過(guò)于分散的字體之間不僅容易缺乏聯(lián)系,而且還會(huì)造成閱讀困難。此外,一張?zhí)ㄉ诘恼掌矔?huì)導(dǎo)致你的文字部分難以突出。

    大部分優(yōu)秀排版里采用的解決方案是 運(yùn)用字體與圖形的配合 ,而其中類型有三種:

    第一種:形狀圖形

    形狀圖形主要指方形、圓形以及一些不規(guī)則的形狀圖形。

    方形

    從左到右依個(gè)解釋一下:

    這是方形“ 集中 ”的例子,方塊的存在突出了文字本身,又保證了閱讀順暢。同時(shí)這個(gè)方塊可以在這張照片上的任何一個(gè)位置都沒(méi)有影響,所以很適 合包裝設(shè)計(jì) 的需要。

    形狀圖形這部分我補(bǔ)充一點(diǎn):形狀圖形的用法通常有兩種, 一種是中間加上一個(gè)深色的形狀,字體的位置放在形狀的中間 。 另一種是在圖片的上下兩邊各加一個(gè)淺色形狀,字體的位置放在形狀與圖片交界的地方。 這兩種方法簡(jiǎn)稱為“一黑二白”,見下圖。

    圓形

    第二種:直線

    直線分兩種,一種就是純粹的一條直線,而另一種則是由細(xì)小的字組成的一段文字(通常是英文)。

    聯(lián)系 :與上一種相同,但只適用于 標(biāo)題文字較少 的時(shí)候。剩下兩個(gè)不用解釋了… …大家應(yīng)該都清楚。

    第三種:字符

    一般是指的數(shù)字以及英文字母,配合文字能有更好的突出效果。如上圖,,而阿拉伯?dāng)?shù)字的效果最佳。

    以上就是字體與圖形的配合部分,不過(guò)還有一個(gè)例子要特別說(shuō)明一下:

    上圖展示的是一個(gè)出現(xiàn)頻率最高的配合類型的,圓形形狀加上字符,然后用連接符接上你要表達(dá)的文字。這是最經(jīng)典的配合類型了。至少突出文字部分的效果非常不錯(cuò)!

    PS:以下色彩部分,因?yàn)闆](méi)有大量的實(shí)際操作過(guò),所以我不確定結(jié)論的正確性。因此色彩部分僅供參考,只希望大家能從中得到一些啟發(fā)就好了。

    我\們多多少少都學(xué)習(xí)過(guò)色彩的基礎(chǔ)知識(shí),我們都知道上圖的紅色代表著熱情、綠色代表著自然以及紫色代表著高雅等等… …但是我們卻不能以此為參照來(lái)決定字體的色彩,因?yàn)閷?shí)際的情況要比這復(fù)雜的多。無(wú)論一張照片還是海報(bào),都會(huì)運(yùn)用到大量的色彩,把這些色彩集合成一個(gè)組合時(shí),將其稱之為“色組”,如下圖。

    這時(shí),要如何區(qū)分上圖這些色組的視覺心理呢?在教科書上采用的方法是分成四種類型:分別是 “互補(bǔ)色”、“對(duì)比色”、“同類色”和“鄰近色” 。然后再解釋這些類型的視覺心理,比如“互補(bǔ)色”有著突出、華麗的效果或者更吸引眼球等等… …但是這個(gè)方法只能解釋那些只采用少量色彩的照片或海報(bào),所以這個(gè)方法在面對(duì)一張色彩豐富的照片或海報(bào)時(shí),這個(gè)方法又顯得太過(guò)籠統(tǒng)和片面。

    而在網(wǎng)上大部分的配色教程里,則用 “色卡”來(lái)解釋色組的視覺心理 的, “色卡”是從一張照片里提煉出三到六個(gè)主要色彩組合起來(lái)的配色方案 ,并認(rèn)為“色卡”和原照片的視覺心理效果(情緒)是相同的,因此大部分設(shè)計(jì)作品會(huì)以此為參照做配色方案。

    但我閱讀了很多研究配色的書籍或文章,其中大部分都認(rèn)為一個(gè)“色卡”是遠(yuǎn)遠(yuǎn)不足于解釋一張照片給人的視覺心理效果的。認(rèn)為一張照片給人的視覺感受,不是這張照片里所有的顏色共同作用下的結(jié)果。并表示一張照片的色彩數(shù)量、各個(gè)色彩之間的面積以及冷暖的對(duì)比等等… …都是會(huì)影響一張照片的視覺心理效果的。

    于是我總結(jié)這些文章的觀點(diǎn),我重新設(shè)計(jì)了一個(gè)色彩的組合模型,用來(lái)描述多個(gè)色彩組合的視覺心理效果,見下圖:

    上圖是一個(gè)色彩組合的模型,我設(shè)計(jì)成一個(gè)倒三角的形狀。我稍微簡(jiǎn)單解釋一下:倒三角形最上面的一塊是主色,主色是這張照片里最突出的色彩,通常是照片里的面積最大。往下一個(gè)是副色,副色比主色的突出效果要較弱一些。再往下則是一些輔助色以及一些面積非常小的點(diǎn)綴色等等… …

    這個(gè)模型可以解釋很多色彩組合的視覺心理效果,見下圖:

    X:親和 – 強(qiáng)烈

    主色和副色的對(duì)比關(guān)系是會(huì)影響照片的視覺心理,當(dāng)主色和副色的對(duì)越弱,畫面的表現(xiàn)越柔和,相反主色和副色的對(duì)比越大(通常是由兩者的冷暖、面積、色相的不同),畫面的表現(xiàn)就越強(qiáng)烈。

    Y:平均 – 突出

    這里指的是主副色和其他的顏色的面積比例關(guān)系。當(dāng)主副色的面積和其他顏色的面積相差無(wú)幾的時(shí)候,畫面表現(xiàn)出唯美的感覺。相反主副色的面積遠(yuǎn)遠(yuǎn)超過(guò)了其他顏色面積的總和時(shí),畫面的情緒完全由主副色主導(dǎo)。

    Z:?jiǎn)握{(diào) – 豐富

    這里比較的是一張照片里色彩的數(shù)量,數(shù)量小就會(huì)顯得單調(diào),相反則越豐富。

    上面三種類型都用XYZ來(lái)標(biāo)記,因?yàn)槲乙偨Y(jié)字體以及色彩的選擇與色彩組合模型之間的關(guān)系時(shí),我就要用到下圖這個(gè)大模型了:

    上圖展示的大模型里,色彩模型的三種類型做成了一個(gè)三維的坐標(biāo)軸系,這表明了任何一張照片的色彩組合,都是這個(gè)XYZ軸系里的一個(gè)點(diǎn),也就是說(shuō)任意一個(gè)色彩組合模型會(huì)同時(shí)滿足三種類型的其中一種,最終會(huì)形成八種色彩組合模型(八種情緒),下面列舉一些:

    大家能看到在大模型里還有冷暖區(qū)分的四個(gè)色塊,它們代表了四個(gè)區(qū)域,從上往下分別是“粗古”、“細(xì)古”、“細(xì)現(xiàn)”和“粗現(xiàn)”。這些色塊是表達(dá):當(dāng)一個(gè)色彩組合越傾向坐標(biāo)系的正軸時(shí),則使用越粗的古典字體。相反地,越傾向負(fù)軸時(shí),則使用越粗的現(xiàn)代字體。

    簡(jiǎn)單地來(lái)說(shuō), 就是當(dāng)一張照片的色彩的越強(qiáng)烈、越突出、越豐富時(shí),就用古典的襯線字體,而且要越粗越好,而當(dāng)一張照片的色彩的越親和、越平均、越單調(diào)時(shí),就用現(xiàn)代的無(wú)襯線字體,而且要越粗越好。 這是大模型的作用之一:不同色彩組合對(duì)字體選擇的影響。

    大模型的另外一個(gè)作用在于,我們還可以通過(guò)對(duì)增減或改變某個(gè)色彩,來(lái)改變這個(gè)照片的色彩組合傾向,來(lái)表達(dá)某一個(gè)情感、主體又或者適應(yīng)某一個(gè)字體等等… …而改變的方法,就是利用字體或形狀圖形的顏色。這就意味著在圖片上加字這個(gè)行為,就已經(jīng)是在影響一張照片的色彩心理了。

    綜上,我們拿剛才的圖片來(lái)舉一些例子,見下圖:

    第一個(gè)例子,由于照片的色組屬性是“強(qiáng)烈”、“突出”和“單調(diào)”,所以選用了細(xì)筆畫的古典字體,這是一個(gè)“文字粉飾圖片”的例子。

    第二個(gè)例子,是一個(gè)“圖片突出文字”的例子。雖然這張照片的色彩屬性有“強(qiáng)烈”和“突出”,但色彩卻是“單調(diào)”的,我的做法是先加上兩個(gè)粗筆畫的毛筆字(粗古),突出一個(gè)主色。然后再放一段酡紅色的英文,是色組變得豐富,同時(shí)配合“粗古”,讓色彩的情緒表達(dá)地更加明顯。

    最后的例子,是關(guān)于形狀的顏色和透明度設(shè)置的一個(gè)示范。由于這張照片的色組屬性太過(guò)平均,所以我用一個(gè)形狀壓住一個(gè)副色調(diào),然后用“粗古”字體壓住主色調(diào),將這個(gè)色組的“平均”屬性轉(zhuǎn)為“突出”。這個(gè)例子是想表達(dá):形狀圖形的色調(diào)選擇,關(guān)鍵在于你想怎么改變色組的屬性,而半透明的設(shè)置,可以改變色組的“豐富”屬性。

    過(guò)程見下圖:

    5.單個(gè)字體的形態(tài)

    篇幅已經(jīng)很長(zhǎng)了,直接上結(jié)論吧(累)。總結(jié)了所有的教程和優(yōu)秀設(shè)計(jì)作品,我認(rèn)為區(qū)別單個(gè)字體之間最重要的三個(gè)特征:見下圖

    體飾指的是在字體筆畫末端的裝飾,字體的體飾之間不是有或無(wú),而是多和少,這是一個(gè)比較模糊的概念。通常按照筆畫體飾的多少劃分“古”文字和“今”文字。“古”文字適合作為標(biāo)題,出現(xiàn)表現(xiàn)自然、傳統(tǒng)或者表現(xiàn)歷史厚重感的題材里,“今”文字大多是在時(shí)尚、科技或者普通生活題材里,“古”文字最重要的特點(diǎn)是抒情,“今”文字則注重簡(jiǎn)潔。

    筆畫的差異在于粗細(xì),粗筆畫用于強(qiáng)調(diào),細(xì)筆畫則用于修飾細(xì)節(jié),例如突出某商品的精細(xì)做工。這里還有特別說(shuō)明的一種情況是粗細(xì)結(jié)合,筆畫的粗細(xì)差異算其實(shí)是屬于體飾的變化。

    轉(zhuǎn)折的差異在于曲直,轉(zhuǎn)折越尖銳的字體適合表達(dá)力量感,反之曲面轉(zhuǎn)折的字體適合表現(xiàn)女性的柔美。見下面兩個(gè)例子

    在不同平臺(tái)的界面設(shè)計(jì)中規(guī)范的字體會(huì)有不同,像移動(dòng)界面的設(shè)計(jì)就會(huì)有固定的字體樣式。網(wǎng)頁(yè)中會(huì)有常用的幾個(gè)字體,在這我和大家分別介紹一下。

    以下是在72像素/英寸下的規(guī)范

    移動(dòng)端常規(guī)字體

    IOS :常選擇 華文黑體 或者 冬青黑體 ,尤其是冬青黑體效果最好。

    Android

    英文字體:Roboto

    中文字體:Noto

    移動(dòng)端常用的的字號(hào)有哪些呢?

    導(dǎo)航主標(biāo)題字號(hào):40-42px

    我一般設(shè)計(jì)就用40px,偏小的40px字號(hào),顯得精致些。

    在內(nèi)文展示中字號(hào)大小又是多大呢?

    大的正文字號(hào)32px,副文是26px,小字20px。 在內(nèi)文的使用中,根據(jù)不同類型的App會(huì)有所區(qū)別。

    像 新聞?lì)惖腁PP 或 文字閱讀類 的APP更注重文本的 閱讀便捷性 , 正文字號(hào)36px ,會(huì) 選擇性的加粗。

    而 列表形式、工具化的APP 普遍是正文 32px ,不加粗。 副文案26px,小字20px

    26px的字號(hào)還會(huì)用于劃分類別的提示文案 ,因?yàn)檫@樣的文字希望用戶閱讀,但不要搶過(guò)主列表信息的引導(dǎo)。

    36px的字號(hào)還經(jīng)常運(yùn)用在頁(yè)面的大按鈕中 。為了拉開按鈕的層次,同時(shí)加強(qiáng)按鈕引導(dǎo)性,選用了稍大號(hào)的字體。

    (見下圖中的退出按鈕)

    大家注意了,在選用字體大小的時(shí)候一定要選擇 偶數(shù)的字號(hào) ,因?yàn)?在開發(fā)界面的時(shí)候,字號(hào)大小換算是要除以二的 。這個(gè)詳細(xì)緣由大家可以網(wǎng)上查詢,我就不在這一一的介紹了。

    常用字號(hào)的大小基本就這幾個(gè),根據(jù)版式設(shè)計(jì)需要也會(huì)采用異樣大小的字號(hào)來(lái)特殊處理。這種更高的要求設(shè)計(jì)師的全局把控能力了。

    網(wǎng)頁(yè)端

    常用的字號(hào)有哪些呢?

    網(wǎng)頁(yè) 中文字字號(hào) 一般都是 宋體12px或14px (無(wú)狀態(tài)), 大號(hào)字體 用 微軟雅黑 或 黑體 。 大號(hào)字體是18px、20px、26px、30px, 一般使用 雙數(shù) 字號(hào), 單數(shù)的字體在顯示的時(shí)候會(huì)有毛邊 。

    1. 平平穩(wěn)穩(wěn):微軟雅黑/方正中黑

    微軟雅黑系列:在網(wǎng)頁(yè)設(shè)計(jì)中這款字體使用的非常平凡,這款只無(wú)論是放大還是縮小,形體都非常的規(guī)整舒服。在設(shè)計(jì)過(guò)程中建議多使用雅黑,大標(biāo)題用加粗字體,正文用常規(guī)字體。

    方正正中黑系列

    中黑系列的字體筆畫比較銳利而渾厚,一般運(yùn)用在標(biāo)題文字中。但這種字體不適用于正文中,因?yàn)檫吘壪鄬?duì)比較的復(fù)雜,文字一多會(huì)影響用戶的閱讀。

    2. 與時(shí)俱進(jìn):方正蘭亭系列

    方正蘭亭系列:個(gè)人最推薦的就是這個(gè)系類的字體,整個(gè)蘭亭系列的字體有大黑、準(zhǔn)黑、纖黑、超細(xì)黑等。因筆畫清晰簡(jiǎn)潔,這個(gè)系類的字體就足以滿足排版設(shè)計(jì)的需要。可以通過(guò)對(duì)這個(gè)系列的不同字體進(jìn)行組合,不僅能保證字體的統(tǒng)一感,還能很好的區(qū)分出文本的層次。

    3. 剛勁有力,運(yùn)動(dòng)型:漢儀菱心簡(jiǎn)/造字工房力黑/造字工房勁黑

    在這幾個(gè)字體中,他們有著共同的特點(diǎn),字體非常的有力而厚實(shí)?;径际且灾本€和斜線為主。適合廣告和專題使用。在使用這類字體的時(shí)候我們可以使用字體傾斜的樣式,讓文字顯得更為活力。在這三種字體中,菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角。而且筆畫也比較的疏松,更多的有些時(shí)尚而柔美的氣氛。而勁黑這款字體相對(duì)更為厚重和方正。這類字體使用在大圖中偏多,效果比較突出。

    內(nèi)容來(lái)自優(yōu)設(shè)網(wǎng)

    以上就是小編對(duì)于優(yōu)秀字體設(shè)計(jì)作品問(wèn)題和相關(guān)問(wèn)題的解答了,如有疑問(wèn),可撥打網(wǎng)站上的電話,或添加微信。


    推薦閱讀:

    優(yōu)秀網(wǎng)絡(luò)小說(shuō)排行榜(優(yōu)秀網(wǎng)絡(luò)小說(shuō)排行榜前十名作者)

    最新優(yōu)秀廣告策劃案例(最新優(yōu)秀廣告策劃案例分析)

    優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)站(官網(wǎng)設(shè)計(jì)比較好看的網(wǎng)站)

    個(gè)人名片在線制作免費(fèi)(個(gè)人名片模板制作)

    汽車類型標(biāo)志及圖片(汽車類型標(biāo)志及圖片介紹)