一、單圖排版

1.平鋪

即把圖片鋪滿整個版面，這種處理方式多用于封面設(shè)計;

或者在內(nèi)頁中把某一半版平鋪一張大圖，另一半則排列文字或者小圖。

平鋪的圖片比較有張力，有視覺重心的圖片適合這么處理，例如下圖平鋪的效果就一般般。

還有一種情況是把圖片當(dāng)做背景時，也可以采用平鋪，如下圖。

2.四周留白

即圖片要比版面小，并讓其四周都留出空白，這里也分兩種情況，一是圖片位于版面正中央，圖片周圍的留白是對稱的，這種效果類似于相框，常用于封面設(shè)計。

還有一種情況是圖片周圍的留白并不對稱，如下圖，留白較多的區(qū)域會用來排文字，常用于海報設(shè)計和畫冊內(nèi)頁設(shè)計。

3.一條邊出血

即把圖片的一條邊對齊邊界，這么處理有點沖破束縛的意思，可以增加圖片的想象力和版面的設(shè)計感。

4.三條邊出血

這么做會把版面分成兩部分，一部分為色塊，一部分為圖片，在排版時我們還可以通過文字、色塊或顏色把這兩個部分聯(lián)系起來。

5.拆分

即把一張圖片拆分成幾份，然后隔開一點排列，這么做比單獨放一張圖片會更有設(shè)計感和趣味性，風(fēng)景類圖片適合這么處理。

6.跨版

即在畫冊設(shè)計中，讓圖片同時占據(jù)兩個版面，當(dāng)在一個跨版中只有一張圖片時，如果只把圖片排在某一半版中，那么另一半版就容易單調(diào)，所以在這種情況下通常會使用跨版，而且圖片放大后會更有張力，還能把左右兩個版面關(guān)聯(lián)起來。

二、雙圖排版

在畫冊的設(shè)計中，有時候我們應(yīng)該把一Ｐ當(dāng)成一個版面，而有時候則需要把一個跨版當(dāng)成一個版面，這取決于具體的內(nèi)容以及排版形式，所以圖片的排版也要分成這兩種情況來考慮。

7.統(tǒng)一大小對齊排版

在一些作品集或產(chǎn)品畫冊中常用到此排法，視覺流程簡單、清晰。

8.統(tǒng)一大小錯位排版

比對齊排版更有動感，且由于圖片不多，所以也不會顯得亂。

9.一大一小排版

這種排版對比鮮明、更有張弛，可以在一個跨版中使用，也可以是在某一Ｐ中使用。

還可以把其中的一張圖片去底，這么組合起來更靈活，對比更強烈。

如果把整個跨版當(dāng)成一個版面，那么可以把大的那張圖進(jìn)行跨版，小的那張圖則不跨版。

或者把大圖鋪滿一個Ｐ，而小的圖片和文字則排在另一個Ｐ。

這兩種排法都很大氣且不失細(xì)膩。

三、多圖排版

有時候一個版面內(nèi)的圖片會有很多，這種版面排起來會更有難度，常用的排版方式有：

10.大小統(tǒng)一對齊排版

這種排法比較整潔，但缺少變化，適合用于目錄頁或者產(chǎn)品和人物介紹。

11.大小不統(tǒng)一對齊排版

這種排法會比前一種更靈活一點。適合利用網(wǎng)格工具來輔助排版。

這種排版雖然沒有統(tǒng)一圖片的大小，但由于保持了嚴(yán)格的對齊關(guān)系，所以依然顯得很整潔。

12.圖片與色塊組合排版

圖片與色塊組合在一起排版既不會像只有圖片那么單調(diào)，還可以利用色塊排文字。不過注意色塊的顏色不要太多，且顏色最好來自圖片。

13.錯位排版

即把相連兩張圖片刻意錯開，或者把圖片與文字的位置互換，這么做可以有效搭配圖片完全對齊的單調(diào)，且由于有一定的規(guī)律，所以也不會對視覺流程造成太大影響。

14.把圖片拼成特定的形狀

這種排法適合圖片比較多的情況，這么做可以避免圖片太多而顯得混亂，而且因為拼成的形狀要與設(shè)計需求相關(guān)，所以會顯得更有創(chuàng)意。

15.按照某一路徑排版

這種排法跟前一種一樣，適合數(shù)量較多的同類圖片使用，可以避免圖片拍得太過分散，如果不統(tǒng)一圖片的大小和方向，效果會比較活潑但不規(guī)范，適用于照片墻和兒童畫冊的排版。

如果統(tǒng)一圖片的大小和方向，或者使它們呈漸變式的變化，這些圖片還可以形成一定的節(jié)奏感，不僅不會亂，還很美觀。

16.一大多小排版

如果在版面中分開排列大小差不多的多張圖片，那么該版面就會缺乏重點且沒有張力，而如果把其中一張圖片放大，與其他圖片形成鮮明的大小對比，就可以有效解決這一問題。

17.自由排版

即大小不需要統(tǒng)一、圖片與圖片之間也不一定要嚴(yán)格對齊，效果比較靈活，設(shè)計感較強，常用于雜志排版中。

▲這種排法有兩點需要注意，一是圖片不要排的太分散；二是最好要有大小對比。

▲去底圖也很適合這么做，當(dāng)然，在排版的時候也要有大小的區(qū)分，同時要注意圖片與圖片、圖片與文字之間的輪廓要形成互補。

結(jié)語

版面中的圖片數(shù)量有從一張到數(shù)十張不等，圖片的排版方式也非常多，所以我沒法一一列出，以上總結(jié)的十七個技巧僅僅代表一些比較主流的方向，具體的變化還需要大家根據(jù)具體的內(nèi)容和設(shè)計需求去做嘗試和突破，希望這篇文章能給你一點幫助。

作者：蔥爺 (id:congyenanian)

在本文中，我們將分享對于最近又逐漸流行起來的角色服務(wù)的見解。隨著IT世界成為新維度的社交場合，在虛擬世界中扮演和代表我的avatar的存在與重要性正在與日俱增。與現(xiàn)實相似，用戶把時間和金錢花在裝飾avatar上來獲得自我滿足感，或者為了吸引其他人，圍繞虛擬空間移動他們的角色和他人見面與交流。隨著智能手機的發(fā)展，用于特定游戲或門戶網(wǎng)站配置文件里的 avatar，最近開始越來越接近我們的生活。

“avatar”一詞起源于印度教，代表陸地形態(tài)的“神”的下降（印度教的“神”普遍被認(rèn)為沒有形體，能夠以任何形式來顯現(xiàn)自己）。在大眾媒體中，“avatar”一詞最早出現(xiàn)在1992年Neal Stephenson所寫的科學(xué)小說《Snow Crash》中，意為在虛擬世界中虛構(gòu)另一個我，又叫“虛擬實境”。在IT領(lǐng)域，“avatar”是對計算機用戶自身形式的描述。第一個線上游戲的Avatar是1985年由LucasArts發(fā)布的online RPG“Habitat”，這是第一個用戶可以控制自己的avatar并與其它用戶產(chǎn)生交互的案例。（維基百科，NamuWiki）

現(xiàn)在，從源頭改變含義之后，在游戲或門戶網(wǎng)站中能代表自己的人物形狀被統(tǒng)稱為Avatar。簡而言之，Avatar是虛擬社會中代表用戶的虛擬身體，也就是角色。角色過去主要用于網(wǎng)聊或網(wǎng)絡(luò)游戲，現(xiàn)在它的使用范圍擴展到網(wǎng)購中心、虛擬教育，以及虛擬辦公（會議）。角色將現(xiàn)實世界與虛擬空間連接起來，并且兼?zhèn)淠涿院妥灾餍缘奶卣鳌＿^去，用戶著迷網(wǎng)絡(luò)空間的匿名性，現(xiàn)在他們也渴望表達(dá)自己，滿足了這兩面的角色正在吸引人們的關(guān)注。(Naver知識百科)

角色與GUI的出現(xiàn)，還有顯示技術(shù)和通信技術(shù)的發(fā)展同時發(fā)生。在IT行業(yè)早期，角色以粗糙像素的形式在小分辨率的屏幕上顯示。然而，隨著計算機性能和通信線路質(zhì)量的逐步完善，它可以用更高質(zhì)量的圖形材料來呈現(xiàn)。2007年，高性能移動pc，智能手機的推出使得只在臺式上的角色如今能夠現(xiàn)于手機端。此外，隨著智能手機攝像頭和處理器，AR與VR技術(shù)的出現(xiàn)，已經(jīng)達(dá)到可以用真實圖像實時合成3D 角色的水平。

自2018年9月推出以來，ZEPETO在35個國家應(yīng)用商店的免費應(yīng)用類別中排名第一。自發(fā)布以來的短短三個月內(nèi)，MAU（用戶數(shù)量）增加了五倍，總下載量已超過1200萬。（截至2018年12月20日）

雖然與角色相關(guān)的業(yè)務(wù)在穩(wěn)定發(fā)展，但2018年對角色服務(wù)而言是引人矚目的一年。得益于智能手機與AR技術(shù)的發(fā)展，蘋果和三星公布了結(jié)合人臉識別與AR功能的3D emoji，代表韓國角色服務(wù)發(fā)展的ZEPETO在亞洲廣受歡迎，它們獨特的特征和風(fēng)格預(yù)示著角色行業(yè)競爭的激烈。隨著各公司的發(fā)展能力在某種程度上趨于平穩(wěn)，

吸引人的風(fēng)格， 有趣的功能和用戶便利性等差異將會成就或損壞他們的長期成功。

下表展示了目前主要角色服務(wù)的現(xiàn)狀。

以下是根據(jù)視覺特征排列角色的定位圖。

在這部分中，我們將探討當(dāng)前角色服務(wù)所反映的趨勢，以及他們?nèi)绾瓮ㄟ^其優(yōu)勢來吸引用戶。

因為角色必須保持視覺的完整性，同時由于服務(wù)的性質(zhì)，要如實地捕捉人臉，所以設(shè)計一個同時滿足這些條件而又能吸引用戶的角色是一項艱巨的任務(wù)。當(dāng)變形、造型和真實在角色風(fēng)格上以和諧比例混合時，這項服務(wù)能吸引許多用戶。最近大部分服務(wù)都向3D角色看齊，它們在立體感和現(xiàn)實感上都非常出色，能產(chǎn)生與眾不同的風(fēng)格。

我們想簡單比較三個典型角色的視覺差異。

ZEPETO

Zepeto追求完美平衡的外觀，根據(jù)亞洲人的面部特征，他們減少眼睫毛的體積，使其變薄，把眼睛的傾斜度調(diào)到一個柔和的程度，以此給人溫和感。另外，頭部和手部被夸張地放大，這樣面部表情和手部運動在不同角度都能很好地看到。

Apple Memoji

Apple 注重簡潔、清晰和豐富的情感。Memoji旨在通過動態(tài)移動所有部件來簡化人臉的形狀，并最大限度地利用人臉識別技術(shù)。這種簡單而圓潤的臉給人一種卡通般可愛的印象。

SAMSUNG AR Emoji

SAMSUNG致力于創(chuàng)建一個與用戶看起來幾乎一樣的角色來推廣他們的高科技。所有元素，如臉、皮膚紋理和頭發(fā)都是為了增強它的真實性而設(shè)計。

厘米秀

QQ的厘米秀在現(xiàn)有的2D角色上設(shè)計了3D角色。同時，使用3D角色的一種新服務(wù)也即將發(fā)布。為匹配厘米秀10-20幾歲目標(biāo)用戶的品味，3D版厘米秀的角色被設(shè)計成獨特和可愛的感覺。不像其他角色，它的漫畫風(fēng)格頗具吸引力。3D版角色將會在2019年7月開始應(yīng)用。

角色的形狀和比例也各不相同，因此很難根據(jù)確切的標(biāo)準(zhǔn)去對它們身材比例進(jìn)行分類。但一般來說，在具有高分辨率顯示設(shè)備的媒介上，身材比例會更高。在高性能游戲機和高清動畫（比如Xbox）中使用的角色就具有相對高的身材比例。另一方面，在移動設(shè)備和小型游戲機中的則會比較低。

大多角色服務(wù)都提供各種平臺來讓用戶創(chuàng)建屬于自己的角色。用戶可以在調(diào)色板中通過選擇頭發(fā)和眉毛來創(chuàng)建多個面部組合，然后選擇最為合適的（通常和自己相似）的那一個。像這個現(xiàn)有的 2D 角色,它就是通過選擇已經(jīng)在庫里準(zhǔn)備好的圖像然后將其組合而成。然而，如果是 3D 角色，隨著3D技術(shù)的進(jìn)步，用戶可以直接調(diào)整臉部的詳細(xì)尺寸和位置，這使得每個用戶都能擁有與其他人區(qū)分開來的屬于自己的角色，給予了用戶極大的沉浸感和更高的滿意度。

自定義是游戲行業(yè)近年來最重要的一部分，它從用戶在幾個預(yù)制面部中選擇其中之一發(fā)展而來?，F(xiàn)在，用戶可以通過逐個調(diào)整每部分來“設(shè)計”全身，這種自定義允許用戶創(chuàng)建更加多樣性和個性化的面孔，許多用戶都熱衷于此。用戶投入大量時間在自定義以及實際游戲體驗上，甚至還有一些社區(qū)供他們共享和交換自定義文件?，F(xiàn)在自定義在游戲中已經(jīng)成為一種新的游戲，用戶需要一個允許他們自由改變面部的系統(tǒng)，而不局限于開發(fā)者提供的選項。由此，很多角色服務(wù)提供者都嘗試?yán)斫夂妥⑷胗脩粝矚g的這些趨勢與需求。

是否有可能通過只按一次快門來創(chuàng)建角色？一些服務(wù)通過人臉識別系統(tǒng)提供自動化角色生成功能。SAMSUNG

的AR emoji,

SNOW的ZEPETO，快手的kmoji用他們的技術(shù)識別用戶的圖片并自動創(chuàng)建3D角色。當(dāng)然，創(chuàng)建之后，用戶可以做進(jìn)一步的修改。除了新穎的概念之外，這種服務(wù)還通過結(jié)合面部形狀和特征等多種方式來給用戶提供便利。“面部識別”的新技術(shù)特別有助于向大眾推出這些角色服務(wù)。

與其他服務(wù)相比，ZEPETO更加致力于拍照部分，它提供了許多系統(tǒng)分類的姿勢和情景模板，用戶可以導(dǎo)入朋友的角色來一起拍照，也可以導(dǎo)入更多的朋友來拍攝集體照片。它還提供將純色照片或真實照片背景相結(jié)合的能力。

3D 角色的光線、顏色、構(gòu)圖和姿勢都經(jīng)過很好的調(diào)整以便以它們可以自然地與各種真實照片的背景相融合。通過這些功能和詳細(xì)設(shè)置，用戶可以將ZEPETO的角色帶到真實世界并創(chuàng)建逼真的圖像。這種體驗給用戶一種新鮮和有趣感。

這些拍攝功能可以讓用戶輕松進(jìn)行各種二次創(chuàng)作，因為它可以很容易

1）通過alpha蒙版來合成背景；2）通過使用已提供的多種面部表情和手勢來表達(dá)各種情緒；3）通過自定義功能生成各種角色。通過以復(fù)雜的方式使用這些功能，

用戶可以創(chuàng)建分享包含他們故事的照片和視頻（有多種渠道可以分享）。ZEPETO drama是一種在少女中流行的新類型，通過ZEPETO應(yīng)用，用戶可以參與創(chuàng)建和共享的過程并樂在其中。

基于這些功能，ZEPETO與多個品牌開展了各種合作。通過合作，用戶可以在特別準(zhǔn)備好的背景、姿勢和商品中拍照，也可以通過社交媒體主動分享這些照片。在運營初期與BTS的合作，幫助ZEPETO獲得超高人氣。（短短時間在社交媒體創(chuàng)下100000的分享記錄）

ZEPETO 專注如何在真實世界中合成3D角色，也提供使用角色的AR相機服務(wù)。在角色服務(wù)之前，AR相機功能已經(jīng)運用于各大相機應(yīng)用中，

然而，當(dāng)與角色服務(wù)相結(jié)合時，它帶來了更強大的協(xié)同效應(yīng)。過去，動物，面具和其他角色可以在臉上合成，但現(xiàn)在這些服務(wù)可以把看起來和用戶相像的avatar直接放在他們的臉上，給予用戶更強的差異化和沉浸感。

不止靜止圖像，AR相機還能識別用戶的實時面部表情，也可以在視頻上錄制。隨著技術(shù)的進(jìn)步，現(xiàn)在可以呈現(xiàn)更詳細(xì)和更真實的動作，比如當(dāng)用戶說話時，可以跟蹤嘴巴和舌頭的形狀。如果是目前正在開發(fā)中的facebook AR 角色，它能夠在虛擬空間里通過聚集同伴的角色來進(jìn)行實時溝通與交流。除此之外，使用AR鏡頭還可以獲得更豐富的體驗，就好像直接在太空中一樣。有了這種技術(shù)，角色服務(wù)在電信、游戲等各種領(lǐng)域幾乎有著無限的潛力。

在角色服務(wù)中最重要的部分是“我的房間”。作為角色存在的用戶界面，它起到給予角色真實感的重要作用。然而不僅僅是作為背景圖像，它還起到補充角色的視覺風(fēng)格的作用。許多服務(wù)都添加室內(nèi)設(shè)計功能，它允許用戶直接購買商品來裝飾房間，這也是該服務(wù)的主要盈利模式。用戶可以設(shè)計自己的房間與他們角色相配，訪問他人的房間，交換信息和評價彼此的房間。

ZEPETO

ZEPETO 的“我的房間”功能占據(jù)界面相當(dāng)大一部分。它有一個很大的視覺區(qū)域，

因此根據(jù)角色風(fēng)格和外觀來布置物品，可以更強烈地表達(dá)用戶的個性（像用于視覺補充的個人頁面一樣）。ZEPETO還有一個名為ZEPETO WORLD的附加交流空間，除了評論之外，沒有其他特別的可選功能。不過，它起到了訪問其他用戶代表頁面的作用。

LINE PLAY

我的房間是LINE PLAY的主要功能之一，它在游戲中是角色的真實生存空間，與各種用戶購買和布置的物品相互作用。用戶可以在其中通過任務(wù)獲得商品作為獎勵，同時它也是知名品牌和名人合作活動的地方。用于獲取可移動的室內(nèi)裝飾品的Gacha系統(tǒng)是LINE PLAY最重要的盈利模式。

有各種配件裝飾房間。不斷增加特殊套裝迎合特殊活動（如圣誕節(jié)、情人節(jié)等）和合作（與時尚公司，名人等等）。為讓用戶持續(xù)感興趣，它需要跟隨趨勢和用戶的偏好，不斷地更新這部分的物品。

創(chuàng)建自己的角色之后，你可以創(chuàng)建一套能用于社交媒體的表情貼紙。按一下按鈕，根據(jù)模板，超過10張表情貼紙就會自動被創(chuàng)建。如果沒有你想要的，你可以在所提供的庫中，通過組合各種視覺元素的方式去打造屬于你自己的獨一無二的表情貼紙。這些表情貼紙可以在各種平臺中自由使用，包括通信APP。比起其他普通的表情貼紙，使用與用戶相像的角色創(chuàng)作出來的表情貼紙有著與眾不同的魅力。

對于已創(chuàng)建出來的表情貼紙，多數(shù)服務(wù)只提供導(dǎo)出為圖像文件的功能。然而，某些服務(wù)，特別是SAMSUNG AR emoji 和 Apple Memoji , 可以通過在通信APP的操作系統(tǒng)中直接添加角色和表情貼紙來作為emoji鍵盤使用，因為它已經(jīng)包含在操作系統(tǒng)本身當(dāng)中。（他們自己生產(chǎn)硬件）。在即時通信APP

“Snapchat”的官方鏈接中，Bitmoji可以使用他們自己的貼紙。

如果能在虛擬空間中過另一種生活會是什么樣？實際上，很多游戲服務(wù)都關(guān)注這些想法，尤其主要在美國和歐洲發(fā)展和服務(wù)的游戲。在這些游戲中，用戶擁有他們的角色和房子（或者必須買一塊土地），基于此，可以與其他用戶進(jìn)行社交，比如進(jìn)行聚會、游泳、會議等社會活動，以及勞動、貿(mào)易等經(jīng)濟(jì)活動。比起簡單的角色游戲，這些游戲更具多維性，但所有這些活動都以代表用戶的角色為中心。

在ZEPETO和LINE PLAY的情況下，基于空間聊天系統(tǒng)，用戶可以進(jìn)行簡單的交際而不是使用角色進(jìn)行特定的活動（它提供一些簡單的姿勢和動作來豐富聊天活動）。ZEPETO WORLD仍處于初期階段，但服務(wù)提供者表示他們會持續(xù)擴展該領(lǐng)域，比如在未來增加可以幾個人一起玩的游戲（事實上這部分每隔一段時間就會更新）

角色是限于特定網(wǎng)站或游戲的服務(wù)。然而隨著智能手機的發(fā)展，3D形象的流行，以及兩大手機操作系統(tǒng)的安裝，角色服務(wù)似乎幾乎已經(jīng)完成了大眾流行和普及化的準(zhǔn)備，

現(xiàn)在更多的關(guān)注點集中在你可以用你的角色去做什么 ，而不僅僅是什么是角色。讓我們期待代替“我”在潛在無限的IT 虛擬現(xiàn)實中做更多的事情的“角色”

有更多無窮盡的革新與變化。

文章來自公眾號：騰訊ISUX
(https://isux.tencent.com/articles/isux-designreport-2019-part3）

在本文中，我們將分享設(shè)計趨勢報告的第二部分，關(guān)于對IP行業(yè)的見解。因為在產(chǎn)品或服務(wù)的應(yīng)用中可以提供親切而積極的形象，IP角色通常被用作營銷工具。而隨著童心成年人數(shù)量的增加，IP角色市場最近不斷地擴大。雖然IP角色在過去被視作小孩的事物，但現(xiàn)在作為一種與消費相關(guān)的產(chǎn)品文化，更多集中在20到30歲，人們渴望買到由IP角色設(shè)計出來的限量版。

本次研究將首先分享IP市場的總體流程，并介紹一些最近值得注意的IP品牌合作案例。

一、市場概述

每個國家都有各自的文化與情感，他們流行的IP角色也會不同。但當(dāng)我們?yōu)g覽這些角色時，我們發(fā)現(xiàn)好的角色在世界都受歡迎。 動畫、漫畫和游戲中這種傳統(tǒng)上的IP角色已深受喜愛，如今， 被許多人在通信APP中使用的表情貼紙也備受青睞。

這些在線創(chuàng)造的角色，不僅僅停留于線上，還被應(yīng)用在各種各樣的產(chǎn)品中，與傳統(tǒng)的IP角色在線下市場展開競爭。

（1）全球IP產(chǎn)業(yè)規(guī)模

根據(jù)韓國創(chuàng)意內(nèi)容機構(gòu)的數(shù)據(jù)，2018年全球IP市場增長約1806億美元，比2009年（1510億美元）增加了20％。

（2）IP產(chǎn)業(yè)的特點

我們發(fā)現(xiàn)IP市場有4個特征：

• 第一，獨特的故事講述；
• 第二，比起簡單的消費品，跨界更容易，也更受喜愛，因此對于多元文化的敏感度十分重要；
• 第三，業(yè)務(wù)許可證也很重要，因為它占總銷售額的50%；
• 第四，有很多把原始內(nèi)容轉(zhuǎn)換和擴展為各種形式的“一源多用”的案例。

1.2 流行角色的主流變化

誕生于漫畫書、電視和游戲中的傳統(tǒng)IP角色流行了很長一段時間，隨著Kakao和LINE等通信APP的增加，幫助表達(dá)用戶情感的表情貼紙也變得越來越流行。

此外，隨著IP產(chǎn)業(yè)的發(fā)展，很多公司創(chuàng)造了許多品牌都希望與之合作的，以藝術(shù)家為基礎(chǔ)的具有獨特故事的IP品牌，中國的Molly，韓國的Sticky Monster Lab和Super Fiction是代表性的例子。

1.3 流行角色的特點

（1）創(chuàng)意故事

如果你看一下流行IP的特征，就會發(fā)現(xiàn)他們有一個獨特而易記的故事，這個故事和我們的日常生活并沒有什么不同，可以很容易引起共鳴。Niniz和BT2這兩個新近設(shè)計的IP形象，就有一個很有趣的背景故事。

（2）詼諧有趣

隨著角色們被用作表情貼紙，可以傳達(dá)各種情感的充滿詼諧的IP角色正變得越來越流行。比起簡單地可愛，蠢萌而獨特更受歡迎。

（3）簡約的形狀

簡單和可愛形狀的IP角色有著很高的人氣，一個看起來很簡單的角色，不但外形可愛漂亮，還可以將它的基本形狀運用到各式各樣的產(chǎn)品中。

（4）高質(zhì)量的3D形狀和紋理

隨著3D技術(shù)的發(fā)展，具有生動紋理的3D角色也深受喜愛。即使對于成年人也具有吸引力。

1.4 世界著名角色比較

中國：

• 各種動物角色備受歡迎。
• 來自其他國家的角色也有很高的人氣。

韓國：

1. 在通信APP中的表情貼紙很受歡迎。
2. 比起單個品牌形象，家族型更為流行。

美國：

1. 動畫中的角色頗受歡迎。
2. 雖然樣子有點粗糙，但在網(wǎng)絡(luò)圖梗中是有趣的存在。

日本 Japan：

1. 大多具有獨特的手繪風(fēng)格。
2. 多數(shù)來自游戲和動畫。
3. 被應(yīng)用在各種各樣的領(lǐng)域中，比如地方政府和交通卡。

二、角色聯(lián)合趨勢

最近很多角色都通過合作其他行業(yè)來擴展業(yè)務(wù)。有時尚品牌、人氣藝術(shù)家或具有最先進(jìn)技術(shù)的產(chǎn)品，這些合作往往能擴展角色的品牌形象。從公司或品牌的角度來看，通過角色可以傳達(dá)友好而積極的形象。我們總結(jié)了幾個值得注意的角色合作案例。

2.1 時尚

Covernat X Ryan (Kakao Friends)：

韓國街頭品牌Covernat和Kakao Friends最受歡迎角色之一Ryan的合作。角色合作很容易變得激萌而可愛，但由于他們只使用了沒有表情的Ryan，與Covernat獨特的街頭品牌形象也很吻合。

Anti Social Social Club X BT21：

Anti Socal Social Club曾經(jīng)將他們靈活的logo應(yīng)用在各式短語或品牌名稱中。這次聯(lián)名，他們把標(biāo)志性的logo與BT21的角色，品牌名稱還有缺乏萌性、略顯笨拙的logo相融合，很好地協(xié)調(diào)了ASSC獨特的品牌風(fēng)格。

Nike X Super Fiction：

這是Nike在2019年Airmax day與Super Fiction的一次聯(lián)名。用戶可以創(chuàng)建角色彩票并使用散列的標(biāo)簽將其上傳到Instagram上。Super fiction的角色特征在Nike上得到很好的應(yīng)用，使用SNS的活動吸引了相當(dāng)多的年輕消費者。

KAWS X SESAME Street X Uniqlo：

時尚品牌Uniqlo推出了由潮流藝術(shù)家KAWS 與兒童電視節(jié)目SESAME STREET 合作的KAWS X SESAME STREET UT系列。UT（優(yōu)衣庫T-Shirt）是一款獨特的T恤，它選擇和應(yīng)用了許多潮流文化概念，如音樂、藝術(shù)、電影和動畫等。

Bape X Snoopy：

以大猩猩logo和圖案而聞名的街頭時尚品牌Bape，和史努比合作慶祝它的20周年。 Bape將其獨特的迷彩圖案與史努比角色一起應(yīng)用于各種各樣的產(chǎn)品中。

2.2 化妝品

Etude House X Disney：

韓國領(lǐng)先的化妝品品牌Etude House與迪士尼可愛的豬角色Piglet合作慶祝2019金豬年。“Happy with Piglet Collection”是提供可愛包裝和各種各樣產(chǎn)品的限量版，可以打造帶來新年好運的可愛妝容。

VT Cosmetics X BT21：

隨著K-beauty市場的發(fā)展，VT Cosmetics將BT21和BTS作為其品牌的主要模型。他們在包裝設(shè)計中使用BT21 的形象，還在最近開了一家快閃店。

2.3 藝術(shù)與文化

Esquire X Ryan (Kakao Friends)：

時尚雜志Esquire將Ryan描述為一個真實的自我，并讓它成為他們的封面模特。3D Ryan與真實背景相結(jié)合的設(shè)計，使角色看起來更真實。

Maison Kitsune X Super Fiction：

這是Super Fiction和全球時尚品牌Maison Kitsune的合作項目。他們設(shè)計了一個玩具形象，以此反映Maison Kitsun的狐貍特征。這只具有狐貍形象的大雕塑正在韓國第一家Maison Kitsune的商店門前展出。

Helvetica X LINE Friends：

LINE Friends與代表瑞士現(xiàn)代主義的字體Helvetic有過一次獨特的合作。因為是非物化字體與角色品牌的第一次，這次合作受到了設(shè)計界的關(guān)注，同時也給消費者帶來新鮮感。

Kelly Park X Apeach (Kakao Friends)：

Kakao Friends的Apeach與書法藝術(shù)家Kelly Park合作東京商店的開業(yè)。Kakao Friends經(jīng)營的’Studio Kakao Friends’與來自世界各地且在不同領(lǐng)域的創(chuàng)作者合作。第一個合作者就是韓國的書法藝術(shù)家Kelly Park，Apeach粉紅可愛的角色特征與Kelly Park強勁時尚的書法結(jié)合在一起，創(chuàng)造出獨特而時尚的產(chǎn)品。

2.4 生活方式

Snowpeak X LINE Friends：

日本露營品牌Snowpeak與LINE Friends的一次聯(lián)名。Snowpeak以其在野營裝備行業(yè)的精細(xì)技藝而聞名，同時也以優(yōu)秀的設(shè)計質(zhì)量和熱愛自然的精神而著稱。它嘗試將LINE Friends熱情友好的的品牌基調(diào)運用到產(chǎn)品中，這種運用是出色的。

Rhodia X LINE Friends：

LINE Friends與法國文具品牌Rhodia的合作，Rhodia是一個深受藝術(shù)家與設(shè)計師喜愛的品牌。LINE Friends可愛的角色形象被很好地應(yīng)用在Rhodia充滿奢華與藝術(shù)感的品牌形象當(dāng)中。

2.5 食物與飲料

Quartet X Kakao Friends：

Kakao Friends 江南旗艦店在三樓開設(shè)了第二家咖啡館與四重奏面包店，并發(fā)布了兩者合作的菜單與商品。除咖啡的所有包裝之外， Kakao Friends的角色也被應(yīng)用于面包之中，給四重奏品牌帶來趣味性與機智性。

Naixue X PUPU：

騰訊ISUX設(shè)計的新角色PUPU與中國流行的奶茶品牌奈雪的合作，它們在企鵝奇幻之旅的展覽中被一同推出，并且正在中國深圳的奈雪店出售。

2.6 技術(shù)

Bang & Olufsen X Brown (LINE Friends)：

Brown與Bang＆Olufsen的合作項目，Bang＆Olufsen是丹麥一家生產(chǎn)昂貴音頻設(shè)備的公司。 Brown的象征顏色和面部被限制性地用在最小設(shè)計中，以此保持Bang & Olufsen高端的品牌形象。

小米 X LINE Friends：

基于“Super Me（SUPER MI）”的概念，小米和Line Friends展開合作。這個版本使用了Brown的故事，它遇到小米后獲得超級力量并成為“超級Brown”。小米和LINE Friends將繼續(xù)會有更多的合作方式。

哆啦A夢/小黃人 X Clova Friends：

Clova Friends是由LINE Friends的母公司Naver制作的AI揚聲器品牌。他們用Brown和Sally兩個Line Friends 的角色，設(shè)計了一款可愛而友好的人工智能音箱。很多AI揚聲器都傾向使用可愛的角色，因為這些角色可以讓人們對設(shè)備感覺更友好，并且有情感上的接觸。最近，他們與哆啦A夢和小黃人合作設(shè)計了一些特別版，這些版本都很受歡迎。

2.7 游戲

Kakao Friends X Battle Ground

Kakao Friends和由Kakao Games提供服務(wù)的，熱門PC游戲Battle Ground的合作。 Kakao Friends設(shè)計了一個在游戲中穿得像角色的Ryan玩偶，是Battle Ground游戲迷們喜歡的少數(shù)項目。

Kakao Friends X 皇室戰(zhàn)爭（Clash Royale Friends）：

Supercell公司制作的著名游戲《皇室戰(zhàn)爭》與Kakao Friends一起做了一款小游戲，在這款游戲里，皇室戰(zhàn)爭和Kakao Friends的角色被重新設(shè)計。

Sundaytoz X 迪士尼 (Disney pop)：

使用迪士尼 IP的手游正在陸續(xù)發(fā)布。 Sundaytoz已經(jīng)發(fā)布了一款名為《Disney Pop》的移動休閑益智游戲。

三、角色品牌戰(zhàn)略

隨著各種各樣的角色被創(chuàng)建，角色業(yè)務(wù)的競爭越來越激烈，因此有很多使角色與其他品牌區(qū)分開來的嘗試。我們總結(jié)了最為突出的品牌角色案例，并羅列了角色相關(guān)業(yè)務(wù)的特征。

3.1 明星營銷新角色

最近有很多角色被設(shè)計成與明星相似，或者是由偶像明星參與提出概念再開發(fā)新角色的案例。明星的粉絲會自然而然成為這些角色的粉絲，角色品牌會很容易受到歡迎。在品牌策略中使用明星，給予角色故事也可以幫助品牌變得更加有趣。最近，由世界知名偶像組合防彈少年團(tuán)和LINE Friends合作而誕生的角色BT21就很火爆。

BT21：

LINE Friends根據(jù)BTS成員所畫的草圖創(chuàng)建了一個角色品牌，并利用BTS的全球粉絲來提升這幾個角色的人氣。一年多來，BTS成員參與了從角色的初始草圖、整體設(shè)計到角色個性和背景故事的所有過程。隨著這些過程在制作電影里曝光，盡管還沒有發(fā)布，BT21就收到了國內(nèi)外粉絲的爆炸性響應(yīng)。

截至2019年1月，BT21在SNS的粉絲數(shù)量已達(dá)到1600萬?？锿?Antisocial Social Clubs等時尚品牌與BT21合作的產(chǎn)品在發(fā)布1-2小時后便全部售罄。

Roy6：

Roy 6角色由LINE Friends與中國新一代偶像王源共同創(chuàng)造，王源與LINE Friends一起參與了角色的開發(fā)并首次在中國推出。 Roy6的主題曲《Will you》大受歡迎，一經(jīng)推出便在中國主要音樂排行榜上名列第一。

Running Man：

這是LINE Friends用人氣綜藝節(jié)目《Running Man》制作的3D動畫，每個角色都是根據(jù)節(jié)目中的真人明星而設(shè)計。基于節(jié)目的高人氣，動畫在全世界也廣受歡迎。另外，他們還用這個3D動畫角色制作了一款手游。

Krunk：

Krunk是由韓國著名造星公司YG娛樂創(chuàng)造的角色。以明星歌手為概念，你可以很輕易地在與YG相關(guān)的音樂視頻、活動或廣告中看到它。用于推廣YG明星的各種Krunk商品和人物也很受歡迎。

3.2 角色全球化

人氣角色往往也受到全球的喜愛，因此很多角色品牌嘗試通過開設(shè)線下商店或在海外舉辦活動來宣傳自己的角色。我們研究了幾個最近在品牌角色全球化方面做得比較成功的案例。

Apeach Omotesando：

Kakao Friends在東京的表參道開設(shè)了一家以Apeach為主題的角色品牌店。在日本發(fā)布，為適應(yīng)日本獨特情感而改進(jìn)的的Apeach角色與原始角色并不一樣。在Apeach主題店，人們可以通過各種甜點和大型雕塑來體驗角色品牌?；谄湓谌毡镜闹?，Apeach還被選為東京旅游公司的主角。

上海 Kakao Friends 商店：

Kakao Friends最近在上海開了一家快閃店，這是他們在中國業(yè)務(wù)的開始。這家快閃店的概念是“第一次中國之旅”，他們在周圍放了一個巨型角色形象供人們拍照。中國是有巨大商業(yè)潛力的國家之一，因此Kakao Friends也期待在中國市場會有所成就。

LINE Village Bangkok：

LINE Friends去年在泰國開了一個名為“LINE Village”的小型主題公園。當(dāng)人們參觀這個世界上的第一個室內(nèi)景點時，可以看到實際尺寸的角色和在23個不同主題的房間里享受。 LINE Friends商店不僅是一個銷售商品的地方，也是可以讓人們享受樂趣并擁有全新體驗。今年他們也準(zhǔn)備在上海開設(shè)另一個主題公園。

3.3 拓展的家族角色

早期流行的角色，以重復(fù)圖像持續(xù)了一段時間后會使人感到審美疲勞。一些品牌角色嘗試通過改變風(fēng)格，或者與其他品牌合作來帶給大眾新鮮感，也開發(fā)了一個使角色故事得到延展的新版角色，從而讓品牌煥然一新。

Kakao Little Friends：

Kakao Friends設(shè)計了一個嬰兒版的角色家族“Kakao Little Friends” ，它們與原始角色并沒有太大區(qū)別，形象卻更柔和而溫暖。此版本被應(yīng)用于Kakao Friends的各種產(chǎn)品，尤其是與兒童相關(guān)的產(chǎn)品。

BT21 Universe：

為BT21新設(shè)計的各種人物，傳達(dá)了BT21親朋好友的設(shè)計理念，這些不同的角色版本也受到BTS粉絲的喜愛。

3.4 角色藝術(shù)人物化

通過收集角色形象，消費者可以以最完整的形式擁有自己喜歡的角色。隨著童心成年人數(shù)量的增加，制作精良的角色形象也正在迅速增長。人們喜歡收集許多特別的版本，跟隨這一趨勢，角色品牌們將其角色塑造成玩具形象，讓人們通過擁有它來對其有更多的感情。

Bearbrick：

Bearbrick是日本MediCom Toy公司設(shè)計和生產(chǎn)的可收藏玩具。通過與著名品牌還有藝術(shù)家的合作，他們設(shè)計了各種不同版本的熊，這些熊的形狀有著鮮明的特色，長期以來深受收藏家的喜愛。

Molly：

Molly是香港設(shè)計師Kenny Wang創(chuàng)作的角色，通過與各種品牌的合作，Molly被制作成玩具人物。這個脾氣暴躁、外表可愛的女孩在世界各地有很多粉絲，他們對她的限量版充滿狂熱。

Super Fiction：

Super Fiction為他們的角色制作了很多高品質(zhì)的形象，還設(shè)計了大尺寸的雕塑作為藝術(shù)品。

Avofriends：

Avofriends是最近在中國大陸和香港都很流行的，由韓國小型工作室設(shè)計的角色品牌。他們與韓國的一個電子支付系統(tǒng)Lpay合作，該系統(tǒng)利用Avofriends來進(jìn)行推廣宣傳。

3.5 角色線下展

角色線下展可以使人們更深入地了解角色品牌。由于人們喜歡在有趣的地方拍照并分享到SNS，很多角色品牌都傾向于用開展覽的方式來宣傳角色，并讓人們與喜歡的角色合影。

Bape XXV 25周年展：

街頭品牌Bape在東京開了一個大型合作展覽慶祝25周年，由10位藝術(shù)家定制的角色baby Milo和與各種品牌合作的產(chǎn)品被放在展覽里一同推出。

I am Sally 展覽：

全球角色品牌LINE Friends在上海的東方明珠塔推出了一個名為“I am Sally”的展覽。這是LINE Friends的首次單獨角色展覽，它在Sally生日當(dāng)天開幕，周末有超過6萬名當(dāng)?shù)胤劢z和游客參觀。展覽放置的4.6米高的大型Sally尤為特別地吸引了人們的注意，里面還設(shè)計了各式各樣Sally主題的展覽攤位和快閃店。

Momo Planet 藝術(shù)展：

Momo Planet用其新設(shè)計的圖形海報在中國開了一個藝術(shù)展，傳達(dá)與原始角色完全不同的品牌形象。

3.6 角色新業(yè)務(wù)

眾所周知，許多角色都通過與其他品牌合作來擴展業(yè)務(wù)。但近年來，擁有自己IP的公司已經(jīng)開始在原有領(lǐng)域開展不同的業(yè)務(wù)，尤其是餐飲業(yè)。

Sunday Cheezzzball (Kakao Friends)：

Kakao Friends推出了一款以Ryan為主要模型的獨特零食品牌’Sunday cheezzzball’。從Ryan喜歡奶酪球的背景故事開始，Kakao Friends將Sunday cheezzzball的銷售網(wǎng)擴展到線下。以“給日常忙碌而孤獨的人們提供治愈式零食”為概念，他們還設(shè)計了一個快閃店。

此外，基于奶酪球的主題，Kakao Friends正準(zhǔn)備在首爾南山塔開設(shè)第一個VR冒險樂園。人們可以享受VR的吸引力，同時也可以享用各種與Sunday Cheezzzball相關(guān)的食品，飲料和商品。

BITE & BITE with LINE Friends：

LINE Friends在香港國際機場開了第一家Brown and Friends主題餐廳BITE＆BITE with LINE Friends。這個基于LINE Friends的餐飲品牌，旨在通過LINE Friends的角色提供最佳口味和愉快體驗。 LINE Friends一直在推出各種流行飲料和零食產(chǎn)品，并通過在韓國和中國經(jīng)營“BROUND”等咖啡館繼續(xù)擴大其餐飲業(yè)務(wù)。

Babi Snack（Naver Webtoon）：

韓國網(wǎng)絡(luò)漫畫平臺Naver Webtoon，用人氣漫畫《Yumi’s cell》的部分故事做了一款Babi 小吃，這是一款出現(xiàn)在webtoon上的產(chǎn)品，它嘗試在口味上與有著30多年歷史的傳統(tǒng)炒年糕保持一致?！禮umi’s cells》在故事中用描述炒年糕哲學(xué)和絕佳美味的方式來吸引讀者，目前，這款炒年糕正在網(wǎng)上商店出售，為了Yumi’s cells的粉絲， Babi餐車已在全國各地巡游了6個月。

現(xiàn)在角色已不再是出現(xiàn)在兒童電影或動畫中的事物，高品質(zhì)的角色甚至被當(dāng)作是一門藝術(shù)，許多有童心和有購買力的成年人對此展現(xiàn)出非一般的狂熱。

3D和VR技術(shù)的發(fā)展使角色能夠以更高質(zhì)量的方式展示，同時也越來越生動越來越逼真。我們期待IP產(chǎn)業(yè)的快速發(fā)展與變化。

感謝您閱讀到最后，敬請期待下一篇“頭像設(shè)計趨勢”。

作者： Semi Kay，公眾號：騰訊isux（ID：tencent_isux）

來源：https://mp.weixin.qq.com/s/mPZNfSz0QydW77fpE43KCQ

題圖來自騰訊isux官網(wǎng)

在平面設(shè)計中，排版看似簡單（大部分人都停留在能使用word就可以排版的認(rèn)識上），其實非?？简炘O(shè)計師的基本功。雖然我們也大量攝入了很多有關(guān)排版的理論知識，但是知識無法活用，沒有得到實踐驗證時，是非常危險的。因此，在本文中，我會拿我自己作為設(shè)計師以及閱讀者兩個身份來切換思考，也許我們在此能探索更多。

在排版前，我們要清楚的三個重要概念就是：字號、行距、字間距。當(dāng)然，其他相關(guān)的概念還有很多，比如字體、字體家族、粗細(xì)輕重、首行縮進(jìn)、標(biāo)點符號等等。但我認(rèn)為這些都是相對來說次要的。

字號與閱讀速度

字號明確了字體本身的尺寸大小。在閱讀文章時，每一個文字就是一個「點」，點是平面構(gòu)成三元素之一（點、線、面）。字號大小的設(shè)置取決于閱讀者的閱讀速度。

比如小朋友和老年人的閱讀速度可能不及一個有著常年閱讀習(xí)慣的年輕人，那么在針對這部分人的排版當(dāng)中，字號就應(yīng)該設(shè)置得稍大。大家可以感受一下閱讀下面左右的段落文字，看看是不是較大的字號會讓你的速度變得更慢。

字號越大其閱讀速度也會放慢，當(dāng)然其文字的關(guān)注度也會增加，除了文字本身涵蓋的信息以外，文字在放大時，筆畫的細(xì)節(jié)就越來越明顯，觀者的注意力就會從對每個字的「點」的層面慢慢放大。而文字越小，閱讀會變得更為快速。

比如我們平時所知的快速閱讀法，就是由逐字逐字的閱讀變?yōu)檫B詞閱讀。

字號與主次信息

所以我們平時在做平面設(shè)計排版時，就要考慮到受眾的閱讀習(xí)慣再進(jìn)行設(shè)置。大號的字體更能瞬間吸引眼球，因此是主焦點所在，也是主要信息應(yīng)該運用的，這時就要注意與此搭配的字號，注意在多層次的主次信息上字號運用需要有對比。

能與大字號進(jìn)行搭配的是小字號，而且彼此最好能對比明顯。這樣才能形成信息的主次傳遞。

有些宣傳方認(rèn)為文字越大，其吸引力效果越強，就采用統(tǒng)統(tǒng)放大字體的做法，這樣來輸出信息，由于沒有對比，整體版面凌亂。而完全沒有考慮過閱讀者真實的感受。

其實作為閱讀的一方，平時我們在看廣告牌、打開APP瀏覽Banner時，都會因為一個版面太過凌亂的畫面而立刻切換掉這樣的信息，不是嗎？長期被廣告轟炸的我們，其實根本不喜歡這種被信息牽著走的感覺。所以，已經(jīng)練就了可以過濾掉【繁雜信息】的過濾機制，保護(hù)自己的注意力。

案例分析

我們可以拿常見的網(wǎng)店Banner設(shè)計為例來說明排版中的誤區(qū)，這是一個看上去比較常見的設(shè)計，左圖右文，排版最大的問題就是右邊的文字信息過多，字體主次不太分明，造成閱讀擁擠。

下面我們逐條分析作品中的問題：

1）字體顏色單一，且飽和度極高，容易讓人視覺疲勞

2）三行字體間距過于緊密，字體的字號沒有區(qū)別

3）Banner雖說是一個非常重要的傳達(dá)重要品牌信號、推廣信息的圖片，且大部分尺寸都較大，但是其中傳達(dá)的信息也需要有一個重要焦點，而不宜輸出過多的文字。

作為平面設(shè)計師，我認(rèn)為也應(yīng)該和文案一起結(jié)合考察，文案本身是否足夠精簡扼要？次要的文案是否可以刪掉？設(shè)計師的職責(zé)并不是“美化”，而是“體驗”，把自己放在接受者的位置，你愿意對方一次性就輸出這么多信息給你嗎？還是想慢慢一步步接受后再深入了解？

于是可以我們做下面的調(diào)整：

1）將文字的色彩進(jìn)行調(diào)整，形成閱讀的主次順序，照顧到整個Banner要傳遞的主要信息——冬季新品，放大的冬字才用宋體，和其他的字體相異。宋體的字型對應(yīng)女性的輪廓，看上去更具曲線感。

2）紅色是非常吸引眼球的顏色，因此有些次要的文字可以不需要一直用紅色，而把主題詞和引導(dǎo)按鈕用紅色進(jìn)行處理。

3）按鈕變?yōu)閯痈休^強的形狀，這樣能增加畫面的及時感。也符合這一片排版的形狀布局。

4）行距之間拉開差距，字體大小對比明顯

5）刪掉沒那么重要的傳遞品牌價值的文案，在這里，集中傳達(dá)一個信息就足夠了

6）顏色改為相對柔和的暖粉色，傳遞冬日暖陽的氣氛。背景用了一些白色的雪作為點綴，突出主題。

在不改變原有布局和素材的情況下，我們把字體排版進(jìn)行了調(diào)整，版面就清晰、簡潔了許多。

也許很多人會說：簡潔當(dāng)然是正道，但是老板/甲方不喜歡啊！我對于這樣的問題也常常會遇到，老板/甲方也是人，人當(dāng)然會分種類，人也會失策，會有自身的局限性……如果設(shè)計師不能給他建議，他當(dāng)然會跟隨舊有習(xí)俗走，如果我們能發(fā)揮專業(yè)知識，帶他來到新的路，是否走這條路全憑他自己選擇，我們要做的就是尊重對方的選擇。但是，我們必須要提供這樣的可能性呈現(xiàn)到對方眼前。

行距：相對的距離

行距是段落上下兩行文字的疏密程度。行距在文章中的作用是有效的引導(dǎo)閱讀。兩行文字之間的行距太近會讓閱讀變得困難，而離得太遠(yuǎn)同樣也會造成問題。

行距和形成平面構(gòu)成種的「面」這個元素是分不開的，不同的行距構(gòu)成面的密度，也即是文章段落呈現(xiàn)的灰度。

行距和行高又是緊密不可分割的，比如字體的行高為10px，那么行距如果為2px，也就是行高的1/5倍，就會變得太擠，不易閱讀。

如果我們拉開行距到5px，也就是行高的1/2倍，則閱讀起來就比較舒暢，輕松。

所以合適的行距是一個相對值，根據(jù)我的經(jīng)驗，文章的閱讀中，行距為行高的1/2~1倍都算是舒適的。

當(dāng)行距為行高的1倍，看起來行距是比較寬，有些人會覺得整個段落看起來不夠緊湊，但我個人感覺如果行距和行高相等時，段落看起來松散，讓閱讀者會有種和緩的速度。比如我個人就比較傾向喜歡閱讀這一比例的文字段落。

除了和行高本身有關(guān)，行距與字間距也有著不小的關(guān)聯(lián)。等談到字間距的時候我們還會細(xì)講。

案例分析

下面還是以一個具體的案例來說明行高在排版中的視覺作用。這是一個家居主題的Banner設(shè)計，也許初看上去并沒有什么問題（設(shè)計的問題大都是通過對比才會發(fā)現(xiàn)的）。

仔細(xì)看過后，我們會發(fā)現(xiàn)右邊的文字閱讀起來略有點困難，這是由于行高太小而造成的。

逐條分析一下Banner中比較顯著的視覺問題：

1）兩行小字的行高太小，以及小字和大字彼此距離太近

2）文字的色彩沒有太多變化，不同的內(nèi)容全部擠在一起，閱讀起來層次感不強

3）整體色彩有些灰暗，家居的氛圍有點暗沉（原素材需要調(diào)色處理）

Banner設(shè)計要做到色香味俱全，除了關(guān)注布局、色彩、還需要對文字以及文字間距都要精細(xì)化處理。

為了解決這三個比較大的問題，我們作了下面一些調(diào)整：

1）改變小字的行高，讓兩行小字跟隨右側(cè)的斜線條，形成呼應(yīng)，并且讓小字和大字也保持距離

2）整體文字稍微縮小，給整個版面以呼吸的空間。

3）「全場8折」四個字用橙色作底，橙色是溫暖的顏色，給版式加暖，且讓文字排版多一些變化，信息層次更分明

4）大的文字采用漸變填色，比起純色平涂，帶有微微光感。

5）整個畫面的色調(diào)調(diào)得更暖，配合家居的溫暖氛圍

字間距 VS 字符間距

我們平面設(shè)計師理解當(dāng)中的字間距，大概就是在軟件中可以直接設(shè)置文字字符間距的參數(shù)值，而字體設(shè)計師的字間距，是更基礎(chǔ)的工作。字體設(shè)計中每一個文字都要設(shè)定好它們的字間間隔，太近和太遠(yuǎn)都不利于文章的閱讀。而且在字體設(shè)計中，調(diào)整字間也是一項及其繁瑣龐大的工作。

在漢字的書法法則中，有所謂的“行氣”之說，所謂“行氣”也就是一整行字體帶來的感覺，這也和字間距有著千絲萬縷的關(guān)系。而所謂行氣也能形成一條線，也就是平面構(gòu)成中「線」元素的發(fā)揮。

那么，作為我們拿著已經(jīng)設(shè)定好字間的段落再進(jìn)行字間距的調(diào)整，無非也是搭上巨人的肩膀再進(jìn)行調(diào)試而已。所以字間的調(diào)整也是依據(jù)原有字體設(shè)計中已有的間距上的改變，在此我們可以稱之為字符間距。

字體原有的字間距

最合適的字間距，對于不同的字體來說都不一樣。我們可以舉個例子：「思源宋體」和「方正美黑」，這兩個字體形態(tài)差異很大，思源宋體的字符間距設(shè)置為0時，和方正美黑的字符間距為0時，字間距的差異也很大，方正美黑的字體間距默認(rèn)就很寬，大家可以對比當(dāng)方正美黑的字符間距為0時，對比思源宋體字符間距為100，其本身字間仍然是大許多的。

所以，拋開字體本身的間距來談字符間距，是毫無意義的。當(dāng)然，方正美黑也許是個極端的例子，但每款字體的間距的確是有略微差別，呈現(xiàn)在我們眼前的，還是以字間距為準(zhǔn)。

考慮行距的影響

我們之前講過，行距也是影響字間距的一個很重要的因素。如果字間距大過了行距的情況下，這樣的段落將是特別難以閱讀的。

原本從左到右的閱讀流，將會被更為接近的上下兩行的文字，錯誤引導(dǎo)為從上到下的閱讀。

所以保持字間距要小于行距，是一個必備的保險做法。

寬大字距的魅力

在海報、Banner這類宣傳品的設(shè)計中，文字通常用得比較少，也談不上形成段落，這時字間距可以放得更開，而無需涉及到行距。

不得不說，放大的字間距會顯得版式疏松、體現(xiàn)一種優(yōu)雅寧靜的感覺。

同樣，如果你想要讓你的文章看起來更輕松，也可以試著把字間距適度放大。

案例分析

字間距的案例，我們同樣用一個Banner設(shè)計來說明。這個Banner設(shè)計也是看起來沒什么大問題。唯一惹眼的就是「科技互聯(lián)、引領(lǐng)未來」這八個字的字距過寬，字距大過行距，造成閱讀時容易產(chǎn)生“科引，技領(lǐng)，互未，聯(lián)來”這樣的順序。并且使用的字體本身的字距也需要進(jìn)一步調(diào)整，看起來兩行文字也是有些錯落，視覺上不夠精細(xì)。

這里我們?nèi)匀徽{(diào)整了字體排版以及色彩方面的諸多小問題：

1）調(diào)整了「科技互聯(lián)、引領(lǐng)未來」這八個字的行距和字距，讓字間小于行距

2）增加2019的光感，營造視覺焦點

3）「掌握最黑技術(shù)、占領(lǐng)最大市場」這一行字增加字距，縮小字號，制造和下方英文字符截然不同的節(jié)奏感。

4）文字的色彩有變化，讓畫面在此不會顯得過于扁平，為了突出文字，讓下方背景的色彩更深。

5）縮小左上方的區(qū)塊鏈三個字的部分，給以更多的留白空間，讓畫面不至于內(nèi)容過分飽和。

6）整體的畫面做了進(jìn)一步色彩飽和度處理以及其他細(xì)節(jié)的處理，讓畫面更具沖擊力。

以上我們所舉案例只是在尊重原有設(shè)計思路的基礎(chǔ)上進(jìn)行微調(diào)，這也是為了說明原有設(shè)計中存在的問題，當(dāng)然會有更好的方法就是大的修整或者重組布局等，但不在我們這篇文章討論的范圍之內(nèi)。

后記：瀏覽街邊廣告牌

排版是一個值得深挖的問題，越細(xì)節(jié)越難以被發(fā)現(xiàn)。如果只是潦草應(yīng)對，也暫時不會帶來特別大的問題，但卻是會日積月累形成盲區(qū)，無形中造成的問題，讓人永遠(yuǎn)發(fā)現(xiàn)不了。很多公司投入大量的財力做廣告、線上線下宣傳，然后發(fā)現(xiàn)成本過高，而利潤過低，廣告效果不及以往，運營的每個環(huán)節(jié)都可能會造成問題，但是也許最前線的問題就是沒有和用戶產(chǎn)生真正的互動，平面廣告做出來以后也沒有調(diào)查用戶是否接受這樣的設(shè)計，有沒有吸引到目標(biāo)用戶。我同時作為用戶的身份，在平時逛街看廣告時，好的設(shè)計都想多看看，甚至?xí)畜@喜，但是有些的平面廣告從排版到布局再到圖片素材都讓人提不起興趣，而且后者居多。

我們工作室平時接觸的客戶，有一些客戶創(chuàng)業(yè)做自己的宣傳品，也是習(xí)慣于讓設(shè)計師去“模仿”某個所謂同行里“成功品牌”的設(shè)計，結(jié)果殊不知，這個“成功品牌”的設(shè)計早已發(fā)揮不了作用，對方也在瀕臨崩潰的邊緣。等到還沒模仿完，成功品牌的宣傳品就已經(jīng)下架了，公司甚至開始面臨倒閉。這時場面會很尷尬，這也是我親歷過的事，而且不止一次。

說回我們的平面設(shè)計，涉及到的要素?zé)o非是歸于點、線、面，還有不斷的實踐。UI設(shè)計發(fā)展很快是因為互聯(lián)網(wǎng)這兩年張勢可喜，但是飛速的發(fā)展帶來的弊端就是一切都浮在表面，深度不夠。所以，我認(rèn)為現(xiàn)在正是對平面進(jìn)一步深入的時候，沉下心來，更多細(xì)節(jié)就會被看見。

作者：飛屋設(shè)計 公眾號：ifeiwu81

本篇將分為兩個部分，首先帶領(lǐng)各位認(rèn)識黑體，學(xué)會辨認(rèn)風(fēng)格，并了解它與歐文無襯線體的差別。其次會告訴大家如何欣賞不同黑體的構(gòu)架及造型細(xì)節(jié)，了解風(fēng)格與用途上的差異。希望看完這篇以后，面對中、日文市面上約50種的黑體，大家能選出最合用的字體！

01.認(rèn)識黑體

——

什么是黑體?

面對一般大眾，可以這樣形容：「拿鉛筆或鋼筆寫字，寫出來的細(xì)線，就是文字的骨架。而黑體，就是從骨架去長肉，把細(xì)線加粗，直到所有筆畫都變成粗細(xì)一致。」

白話的版本是：「很像拿平頭熒光筆或水彩筆寫出來的、筆畫粗細(xì)一致的字，就是黑體?！?/p>

進(jìn)階的版本則是：「黑體，就是將文字骨架加粗后，維持所有筆畫造型與視覺上的粗細(xì)一致，且起筆、收筆是切平的字體風(fēng)格。」順帶一提，將「切平」改為「收圓」，就是圓體！

由骨生肉，保持線條粗細(xì)一致，起筆、收筆切平，就是黑體。

發(fā)現(xiàn)黑體的重要特色了嗎？就是「粗細(xì)一致」。這和書寫工具有關(guān)，大部分的中文字體都以毛筆定義筆畫造型，手寫時輕重不一的力度，自然會使筆畫有粗細(xì)差異，黑體則以平頭筆為基礎(chǔ)，因此幾乎沒有粗細(xì)變化。

書寫工具的選用，如毛筆或平頭筆，對于筆畫特色會有影響！

中文黑體≠歐文無襯線體

這不禁令人聯(lián)想到歐文字母設(shè)計。是的，黑體的設(shè)計就是受到西方無襯線體（sans serif）的影響，是非常現(xiàn)代、簡潔的字體。不過要注意的是，許多人說「中文黑體是無襯線體，明體是襯線體。」這樣的模擬其實不太恰當(dāng)。正確地說，「襯線」本是歐文字體的專有名詞，中文字體沒有直接對應(yīng)的名稱。它是書寫歐文書法時，以平頭筆配合運筆技巧，在起筆處產(chǎn)生的造型。

而使用毛筆的中文書法，在起筆處的特別造型，則可稱為「頓筆造型」，事實上許多的中文黑體，起筆處還是可以見到「頓筆造型」喔！所以，不要再把中文黑體和歐文無襯線體互相代稱了，這是錯誤的。

02.造型細(xì)節(jié)－影響黑體風(fēng)格與用途的關(guān)鍵！

——

接下來試著欣賞不同黑體的造型！首先看到三套黑體的「永」字。A是「Adobe繁黑體」、B是「蘭亭黑」、C是「Toppan Bunkyu Gothic（凸版文久黑體）」。仔細(xì)看清楚，接下來會問兩個問題喔！

A：「Adobe繁黑體」、B：「蘭亭黑」、C：「Toppan Bunkyu Gothic（凸版文久黑體）」，它們是否很不一樣？

問題一：哪一個字體的「骨架」最不一樣呢？

答案是A。它最大的差異在于末兩筆－右上方的撇和最后的捺分離。另外，A的許多筆畫特意拉長，像最上方的點和第二筆的橫畫都是。之所以這樣設(shè)計，是為了讓字的骨架填滿空間，也就是所謂大字腔。

三套黑體中，「Adobe繁黑體」（A）的骨架最特殊，它采用大字腔的設(shè)計，將筆畫特意拉長，并分離末兩筆。

把「永」字換成「東」字，更能明顯看出A是大字腔，將「田」的字腔范圍套上不同顏色后，便能立刻排出大小差異：A＞B＞C。

套色后可明顯看出字腔大小差異：A＞B＞C。

字腔會影響觀感，字腔大的A，筆畫幾乎填滿整個字面，方正的結(jié)構(gòu)帶來穩(wěn)重感之余，也稍嫌呆板；而字腔小的C，「東」的輪廓較有變化，中間收窄的「田」更如人的腰身，給人曼妙生動的印象，也因此讓人視線集中，看起來有精神。觀察任何字體，都可以從骨架、輪廓、及字腔留意起喔！

問題二：哪一個字體的「筆畫造型」差異最大呢？

答案是C。C在轉(zhuǎn)折與起筆處突出，也就是前面所說的，中文黑體有類似「襯線」的「頓筆細(xì)節(jié)」。所謂頓筆細(xì)節(jié)，可以用「游ゴシック」字體來解釋，這是一套相當(dāng)美麗又實用的黑體，它在Mac跟Windows 8.0以上都有內(nèi)置：

「游ゴシック」，美麗又實用的黑體，Mac跟Windows 8.0以上都有內(nèi)置喔！

游ゴシック有最自然的頓筆造型，在起筆處加上虛線，會發(fā)現(xiàn)輪廓長得像毛筆。相信對于學(xué)過書法的人來說一定不陌生，只要起筆時稍微下壓，就會產(chǎn)生這樣的造型了。許多人對黑體常有現(xiàn)代、數(shù)位感、僵硬、沒個性等刻板印象，但實際上，有些黑體的筆畫也融入了書法筆觸，具備柔軟優(yōu)美的造型細(xì)節(jié)喔！

「游ゴシック」的起筆，融入毛筆書法筆韻與柔軟優(yōu)美的造型細(xì)節(jié)。

黑體造型細(xì)節(jié)欣賞：「起筆」

除了游ゴシック外，再另外列出兩套黑體，下圖由左到右，依序是：「游ゴシック」、「小冢ゴシック」、「MSゴシック」。中間的小冢黑體，起筆為尖刺造型，像是用平頭筆寫出的歐文襯線，右邊的MS黑體則收成圓形。

觀察黑體，可以留意起筆，像中間的小冢黑體，起筆為尖刺造型，右邊的MS黑體則收成圓形。

除了頓筆造型，起筆還有一個細(xì)微差異。回到A、B、C三套字體，放大看，會發(fā)現(xiàn)A、B都是方形，但C的起筆造型由寬大逐漸收細(xì)，因為像喇叭一樣，故有「喇叭口」之名。這在鉛字印刷時代，具有讓印刷字安定清晰的用途，但在電腦屏幕顯示與高分辨率輸出的當(dāng)代，喇叭口變成造型細(xì)節(jié)，線條的曲度及力度變化，為字體增添美感與韻味。

三套黑體中，「Toppan Bunkyu Gothic」（C）的筆畫造型最特殊，如起筆就有「喇叭口」的設(shè)計。

黑體造型細(xì)節(jié)欣賞：「轉(zhuǎn)折」與「收筆」

除了起筆外，還可以注意轉(zhuǎn)折與收筆。從轉(zhuǎn)折可以明顯看出不同黑體的特色。像橫撇「フ」，三者的處理很不同，A是切角、B是直角、C則非常類似毛筆的回鋒。

觀察黑體時，還可以留意轉(zhuǎn)折：A是切角、B是直角、C則類似毛筆回鋒。

轉(zhuǎn)折的處理會影響速度感，像A就有快速的運筆感；C是慎重地提筆、回鋒、再轉(zhuǎn)折，速度慢也最有書寫感；B則像是積木組合，是去掉人味的剛硬設(shè)計。此外，轉(zhuǎn)折處的造型設(shè)計，也會讓觀者無意間去揣摩字的書寫軌跡，以下嘗試畫出不同黑體的運筆軌道，透過觀察細(xì)節(jié)，會發(fā)現(xiàn)它是影響字體風(fēng)格：如「輕快v.s.穩(wěn)重」、「機械v.s.人文」或「古典v.s.現(xiàn)代」的關(guān)鍵喔！

轉(zhuǎn)折會影響速度感，試著畫出不同黑體的運筆軌跡，會發(fā)現(xiàn)它是影響字體風(fēng)格的關(guān)鍵喔！

釋例：如何具體分析黑體？

——

以下用兩套黑體來做總結(jié)與復(fù)習(xí)，讓大家學(xué)會如何分析黑體，并在選用時做判斷。分析時，可以先固定字級大小，并放入字身框，這會幫助我們有效判斷字的整體輪廓，像左邊的黑體比右邊的更填滿方框，可知它的字腔應(yīng)該較大，右邊的字腔則較小。

分析黑體時，可以先固定字級大小并放入字身框。字的整體輪廓能協(xié)助推測字腔大小，像左邊的字腔應(yīng)該較大。

觀察黑體的第一步，就是看骨架、輪廓、及字腔大小，之后可以試著感受字腔的影響。字腔大的字體較有現(xiàn)代與設(shè)計感，排版效果扎實且牢固，甚至略帶僵硬感且缺乏個性。但因為各筆畫間的距離大，字體大小不太會影響清晰度，大至招牌及車站指標(biāo)，小至企業(yè)標(biāo)準(zhǔn)字與logotype，都可以使用。字腔小的字，輪廓則較有韻律感，外放內(nèi)收的結(jié)構(gòu)，不僅讓它看起來較為凝聚，也和傳統(tǒng)漢字書法所講究的美感相近，排版后的效果則較有節(jié)奏性，版面也更透氣些。

試著排列兩種黑體，上方的「地鐵市政府站」，是否比較明晰，也更是大家所熟悉的捷運站指標(biāo)呢？

接著進(jìn)入觀察黑體的第二步，留意各筆畫的起筆、轉(zhuǎn)折與收尾細(xì)節(jié)。以下圖為例，可以看出左邊造型簡潔，起筆平整、收尾無勾筆，轉(zhuǎn)折亦未刻意營造。而右邊的筆畫則富含變化，起筆有頓筆及喇叭口、收尾有上揚的曲線勾筆、轉(zhuǎn)折處也有運筆感。

留意起筆、轉(zhuǎn)折與收尾，是觀察黑體的第二步，像左邊的造型簡潔平直，右邊的則充滿細(xì)節(jié)變化。

筆畫細(xì)節(jié)設(shè)計將影響排版效果。細(xì)節(jié)少的字，較生硬且有現(xiàn)代感，適合呈現(xiàn)「信息」，用于科技相關(guān)場合。富含細(xì)節(jié)的字，則較柔軟且有古典韻致，適合用于文學(xué)、或想營造特殊氣氛的場合。

試著排列兩種黑體，下方的「黑魔法防御術(shù)」，是否更讓人融入魔法的氛圍中呢？

小補充：日本如何稱呼「黑體」風(fēng)格？在日文字體菜單中該怎么找尋？

——

日本把「黑體」風(fēng)格稱為「角ゴシック」，日文中的「角」念作kaku，是方形的意思。而「ゴシック」就是歌德Gothic一詞，所以日本是以方形的歌德體，來稱呼中文的黑體。菜單中偶爾會見到以羅馬拼音顯示日文字體：kaku gothic，就是中文的黑體風(fēng)格。在此補充日本稱呼「圓體」的方式，一樣是歌德體，只是前綴換成「丸」字，丸在日文念作maru，是圓形的意思，所以「丸ゴシック」，就是中文說的圓體啰！羅馬拼音是maru gothic。

日本人很愛縮寫，在菜單中尋找日文的黑體與圓體字體時，須特別留意。像「角ゴシック」就有三種省略法，第一種是只留下「ゴシック」，Adobe附贈的「小冢ゴシック」就是。第二種是留下「角ゴ」，像是「ヒラギノ角ゴ」，這是Mac使用者很熟悉的一套完整日文黑體字體，一共有十種不同粗細(xì)，可以滿足各種排版需求。第三種省略法最夸張，只保留「ゴ」，在日本地鐵站的指標(biāo)或海報上常見的字體「新ゴ」，中文可翻成新黑體。

尋找日文的黑體（角ゴシック）與圓體（丸ゴシック）時，須留意縮略寫法。像黑體就有三種省略法，圓體則有一種。

圓體單純許多，只有完整的「丸ゴシック」或省去后半部分的「丸ゴ」，沒有其他省略法。相信在看了這個補充后，大家都能順利找到日文的黑體與圓體字型啰！

作者：Ruby

來源：justfont

為了和大家分享關(guān)于設(shè)計趨勢的見解，ISUX研究了2019-2020的設(shè)計趨勢。沒有必要去遵循年度設(shè)計趨勢報告，但是否意識到這一趨勢，對設(shè)計師來講卻非常重要。首先，我們總結(jié)了平面設(shè)計的總體趨勢，同時也研究了從Zepeto app 和 Memoji開始的，最近擴展出來的IP形象設(shè)計和角色設(shè)計趨勢。

在本文中，我們想分享ISUX設(shè)計趨勢報告的第一部分“圖形設(shè)計趨勢”。在這一部分里，我們展示了當(dāng)下各種品牌和動態(tài)圖形的案例，總結(jié)了12個值得注意的平面設(shè)計趨勢。

排版一直是設(shè)計的重要元素，,也是傳達(dá)品牌強烈信息的手段。從去年開始，粗大的無襯線字體和強有力的排版被應(yīng)用到許多品牌設(shè)計當(dāng)中，這使得它成為平面設(shè)計趨勢的一部分。此外，也有越來越多的品牌采用動態(tài)和反映了3D趨勢的三維字體版式設(shè)計。

動態(tài)字體海報

@Andrei Robu

這張動態(tài)排版海報不是簡單地放置圖形和文字，而是將移動的3D文字放在固定的圖形上，傳達(dá)新的視覺印象。這些圖形主要通過SNS以短循環(huán)視頻的形式共享。

Uber品牌識別

@Wolffolins

Uber開發(fā)了一種無襯線字體用于品牌logo的再設(shè)計，并將其貫穿于整個品牌系統(tǒng)。采用了這些品牌字體的動態(tài)海報，更為有力地傳達(dá)出Uber的品牌信息。

Squarespace品牌識別

@Dia studio

Dia studio常將動態(tài)文字應(yīng)?于品牌項?，“Squarespace”是其代表作品之一。

FAD視覺圖形

@Practica Studio

以3D形態(tài)傳遞活動信息的版面設(shè)計，就像禮品包裝一樣。這種循環(huán)的gif圖也作為品牌主圖形被運用。

韓國女性耐克運動廣告

@Wieden & Kennedy Tokyo

韓國藝人支持女性主觀活動的耐克運動廣告，也采用了大膽的哥特式字體。這些由Guteform設(shè)計工作室設(shè)計的字體有基本的延展形式，同時有一個系統(tǒng)能延展成更為寬大的形式以適配媒體的比例。這種動態(tài)化的強烈的排版?zhèn)鬟f了活動信息，和其他設(shè)計元素的互動，最大限度地發(fā)揮了圖形效果。

隨著Instagram用彩色漸變作為品牌色，漸變趨勢已經(jīng)持續(xù)好幾年。最近品牌、UI和包裝的圖形設(shè)計都采用明亮而強烈的對比色，這種趨勢不僅應(yīng)用于設(shè)計，也應(yīng)用于攝影。 強烈的色彩組合，夢幻的色調(diào)和彩色漸變有望應(yīng)用于2019年的整體設(shè)計。

APP圖標(biāo)設(shè)計

越來越多的手機APP圖標(biāo)使用漸變色

歐洲體育—2018平昌冬奧會品牌識別

@DixonBaxi

歐洲體育臺2018年平昌冬奧會的轉(zhuǎn)播也將強對比和漸變色運用于多數(shù)場景中，包括logo，圖形和攝影。熒光圖形和深?背景的對比，尤為深刻地凸顯了冬季運動的感覺。

Basketball Forever品牌識別

@Notreal

NBA新聞廣播公司品牌重塑項目所使用的，諸如彩色漸變和大膽排版的設(shè)計方法，也反映了最新的趨勢。他們創(chuàng)作了一個系統(tǒng)，通過各種顏色，字體和布局的應(yīng)用，可以產(chǎn)生各種圖形輸出。

明日之子品牌識別

@Plus X

騰訊視頻和哇唧唧哇聯(lián)合出品的選秀節(jié)目明日之子，用多種漸變色圓形表達(dá)不同選手的才華。隨著節(jié)目的進(jìn)行，圖形主題也會隨選手的變化而變化。

與過去基于固定網(wǎng)格系統(tǒng)的布局相比，最近越來越趨于使用僅顯示圖像一部分的非對稱布局。雖然好像只顯示整個圖像的一部分，設(shè)計師卻可以在大系統(tǒng)中無限延展每個圖形。你可以認(rèn)為平衡被打破了，設(shè)計師卻可以更加自由地應(yīng)用圖形元素，呈現(xiàn)更強烈的視覺印象，還可以有很酷的圖形組成。

平面海報設(shè)計

@Vasjen Katro

設(shè)計了各種各樣圖形的Vasjen Katro，不斷嘗試的形狀，顏?和布局也反映了最新的趨勢，特別是不對稱和開放式布局。

Easy Peasy品牌識別

@CFC

Easy Peasy是韓國著名化妝品公司Amore推出的獨立化妝品品牌，以品牌關(guān)鍵詞輕松、活躍、有趣和大膽為基礎(chǔ)，嘗試給用戶更加簡單和親切的感覺。品牌用看似自由的手繪波浪線貫穿于整個圖形設(shè)計，打造不對稱之美，展現(xiàn)了自由和親近的形象。

移動圖標(biāo)已成為趨勢很多年了，現(xiàn)在應(yīng)用交互元素的品牌案例也很多。比起強而有力，靈活而簡單，能隨內(nèi)容做出響應(yīng)和更改的交互圖標(biāo)儼然已成為一種新的趨勢。

國際光影藝術(shù)節(jié)品牌識別

@George&Harrison

這是交互圖標(biāo)的其中一個案例，用簡單的方形作為基礎(chǔ)，延展出各種各樣的形狀和圖案。這些基本元素保持了簡單和最大化的交互式圖像效果。

SM娛樂品牌識別

@CFC

韓國最大娛樂公司之?，SM娛樂開發(fā)了一種新的品牌標(biāo)識來反映其不斷擴展的業(yè)務(wù)。它將基本圓形改變成了不同形狀與S和M產(chǎn)生關(guān)聯(lián)。靈活的符號和各種顏色的圓形圖案是SM娛樂視覺識別的核心。

第59 屆塞薩洛尼基國際電影節(jié)品牌識別

@Beetroot Design

這是電影節(jié)一個有趣的識別案例，用卷軸纏繞的圖像代替尋常的電影節(jié)標(biāo)志。它不是固定的，而是復(fù)雜紊亂的，以復(fù)雜的方式排列各種不同的顏?和圖形，表達(dá)了電影節(jié)的目的——通過電影傳達(dá)多種多樣的故事和情感。

第6屆廣州三年展品牌識別

@Another Design

傳遞展覽核心信息，反復(fù)復(fù)制到三維空間的基本矩形，顯示了展覽的特征。在整個展廳中，你可以看到它以多種變動的形態(tài)被應(yīng)用，同時也以不同的形狀被運用到各式各樣的場景中。

3D趨勢如此流行，以至于在平面設(shè)計趨勢中也不得不討論它。當(dāng)下有很多3D圖像嘗試用復(fù)雜的紋理給大眾展示生動逼真和新鮮感十足的印象。通過在3D幾何形態(tài)中，添加逼真的紋理，創(chuàng)造在現(xiàn)實中不可能存在的圖形，人們正在定義一種新的現(xiàn)實主義。

3D插畫

@George Stoyanov

George Stoyanov通過組合各種幾何形態(tài)來表達(dá)形狀之美。這種視覺嘗試很有意思，因為它很難在現(xiàn)實中制作。

Adobe Think Tank 視覺圖形

@Omar aqil design

這張圖像由不同形狀、紋理和顏色的幾何物體設(shè)計而成，表達(dá)了Adobe Think Tank包含各種主題論壇的品牌特征。

The Hyundai ‘Super Consumers’品牌視頻

@Universal everything

將各種各樣的材料和顏色運用到人類行走的形狀當(dāng)中，傳遞出一種非現(xiàn)實和新鮮感十足的視覺印象。

耐克PG3”舒適體驗“廣告

@GRIF

用柔軟的毛皮材料營造耐克的主要感覺—舒適感，非現(xiàn)實的圖形里有著生動的質(zhì)感，讓人耳目一新。

使用有機圖形并不是一種新的潮流，但我們發(fā)現(xiàn)今年也有大量的圖形使用水和油等液體來表達(dá)效果。它有時被用作品牌的主圖形，你可以在3D短動態(tài)圖形中明顯地感受到這種傾向。這種具有強烈色彩和漸變的有機形狀，傳達(dá)出一種精致而夢幻的感覺。

有機形態(tài)的3D視頻

@cmttat

有機形態(tài)通常以3D形式被應(yīng)用，并且廣泛應(yīng)用于SNS共享的短視頻作品中。今年尤其有很多透明質(zhì)感的案例，這些透明材質(zhì)運用各種顏色，使色彩搭配產(chǎn)生變化，營造出神秘的氣氛。

Peacock Society 2018 品牌識別

@Irradie

將明亮多彩的漸變色應(yīng)用于有機形態(tài)，這些圖像表達(dá)了巴黎電子音樂節(jié)的特征。

各式各樣的平面插畫曾經(jīng)退出過潮流，但現(xiàn)在已經(jīng)成為一種強烈的設(shè)計趨勢。很多品牌都通過聘請知名插畫家的方式，用平面插畫給大眾新的印象。去年以來，除了2D， 3D角色插畫也成為一種趨勢被應(yīng)用到越來越多的品牌設(shè)計當(dāng)中。

Uber 品牌插畫

@Leo Natsume

運用于Uber品牌新形象的插畫，是其簡潔有序品牌系統(tǒng)中有趣的一部分。

Spotify-“音樂與你同在”插畫

@Circus

這是Spotify運用了2D插畫的品牌視頻。手繪質(zhì)感，色彩簡單，人形的四肢都很大是最近的插畫趨勢。

Belif品牌插圖

@Superfiction

這是基于3D角色的2D圖案設(shè)計示例，運用于包裝設(shè)計和品牌視頻。

等距設(shè)計是一種將二維圖形繪制成三維的方法，最近已成為一種趨勢，在圖形和動畫視頻中被廣泛應(yīng)用。許多設(shè)計師通過運用這種技術(shù)，在一個框架中顯示整個圖形，創(chuàng)造有趣和獨特的氛圍，呈現(xiàn)出一種全新的視覺印象。和去年一樣，等距設(shè)計在今年似乎也會越來越流行。

等距插畫

@Mohamed Samir

經(jīng)常使?等距技術(shù)和彩?漸變的插畫家Mohamed Samir設(shè)計了一系列富有趣味性的?報。

等距視頻

@Matthieu BRACCINI @Panic Studio

將大物體變成微小模型的等距設(shè)計方法能給人留下印象，最近可以看到很多運用了這種方法后，屏幕變得更加特別和有趣的案例。

結(jié)合不同媒介的各種圖形，創(chuàng)建有趣的效果是過去常見的一種方式。最近，結(jié)合大膽色彩，逼真照片和3D圖像給大眾新鮮感受的案例也很多。含有扁平化元素的真實圖片和視頻是2019的主要趨勢之一。

3D視頻+2D圖形

@Sergio Fuego @giantantstagram

當(dāng)2D和3D圖像組合在一起，立體效果可以更加獨特和突出。這是使用了此方法的優(yōu)秀視頻案例。

真人實拍視頻+2D插畫

@+CRUZ

匡威活動視頻是一個很好地混合了拍攝視頻和2D圖形的案例，

真人實拍視頻+發(fā)光涂鴉動畫

@blottermedia @jamiethraves

在真人視頻中添加發(fā)光的涂鴉動畫，可以使視頻更具動態(tài)性和趣味性。當(dāng)下，SNS平臺上越來越多舞者和歌手的視頻都使用這種效果。

運動3D的2D插畫視頻

@phellaz @blublustudios

有很多作品很難知道它是2D還是3D。用3D表達(dá)物體運動，而不是簡單地使用2D圖形，這種視頻能傳達(dá)一種新的視覺感受。

當(dāng)通過SNS共享圖形圖像變得非常普遍時，短小和重復(fù)的動態(tài)圖形也變得很易見。logo，2D插畫， 3D圖像和各種各樣的圖形都以短循環(huán)動畫的形式共享。

2D短動畫

@motionmarkus

這些短視頻通過在簡單的扁平插畫里重復(fù)使用短動作，傳達(dá)了一種獨特而有趣的形象。

3D短視頻

@arbenl1berateme

由于3D是主要趨勢，小而重復(fù)的3D圖像也值得注意。添加3D真實紋理和效果，可以帶來獨特的視覺感受。

AR 和VR技術(shù)的發(fā)展，對平面和多媒體的設(shè)計趨勢產(chǎn)生了很大的影響。這些新技術(shù)使人們對品牌有更加立體的體驗。

Le Graphisme Augmente 圖形海報

@Laura Normand

盡管是印刷?報，它也允許人們通過印刷材料使?3D AR技術(shù)獲得交互式體驗。印刷海報只包含簡單的幾何圖形和極小的信息，但當(dāng)你通過手機查看時，將看到獲得更多的信息和看到立體的形狀。

Apple Music x Memoji 廣告

@Apple

Apple使用基于AR技術(shù)的memoji來推廣Apple music。著名藝術(shù)家如Ariana Grande推出了他們的最新歌曲，通過這支廣告，Apple一起宣傳了Apple Music和memoji。

Nike：上海Never Done運動店鋪網(wǎng)站

@AKQA

上海耐克通過AR技術(shù)實現(xiàn)360度網(wǎng)上零售的項目，可以讓消費者根據(jù)運動的出汗量來進(jìn)行購買和體驗服務(wù)。

奧迪Quattro Coaster廣告

@POL

這是奧迪利用AR技術(shù)的項目，它能讓消費者將汽車從銀幕上帶到自己的位置，從而積極體驗開車的感覺。

2018年英雄聯(lián)盟全球總決賽開幕式

@League of Legends

2018年英雄聯(lián)盟的開幕舞臺利用AR技術(shù)，使演唱POP / Stars的真人歌手和游戲里K / DA角色一起同臺演出。這些被實時跟蹤的角色，在實際舞臺上帶來了真實的表演效果。

新復(fù)古，用現(xiàn)代感覺詮釋復(fù)古，已成為一種新趨勢。新復(fù)古是一個結(jié)合了“新”和“復(fù)古”的詞，是對過去懷舊的現(xiàn)代詮釋，不僅是設(shè)計，在時尚，建筑，流行文化等各領(lǐng)域都是一種新趨勢。

復(fù)古風(fēng)格視頻

@dennybusyet @thekidzzzzz

流行于80年代和90年代的電子游戲，和好萊塢電影的復(fù)古圖像與視頻，被重新詮釋后，再一次流行起來。

Fritz Co?ee Company品牌識別

@Jo In Hyuk

韓國著名咖啡品牌，F(xiàn)irtz Coffee創(chuàng)造了獨一無二的，具有復(fù)古logo和圖形的品牌標(biāo)識。

趨勢不會朝一個方向發(fā)展，它可以擴展成各種各樣的方式，就像我們看到的反映了最新趨勢的3D、AR/VR技術(shù)也包含了復(fù)古風(fēng)格一樣。我們希望這些不同的趨勢能以新的方式被應(yīng)用，從而創(chuàng)造出新穎而有趣的設(shè)計。

感謝閱讀，以上內(nèi)容均由騰訊ISUX團(tuán)隊原創(chuàng)設(shè)計，以及騰訊ISUX版權(quán)所有，轉(zhuǎn)載請注明出處，違者必究，謝謝您的合作。注明出處格式：

文章來自公眾號：騰訊ISUX ( https://isux.tencent.com/articles/pupusfantasyjourney）

01.了解畫冊內(nèi)頁的設(shè)計元素

畫冊的內(nèi)頁設(shè)計是根據(jù)所提供的內(nèi)容信息在有限的頁面中進(jìn)行靈活地編排。其中內(nèi)容信息為客戶提供的文字和圖片的信息，所以我們主要做的是根據(jù)客戶要求及畫冊主題將信息進(jìn)行視覺上的編排。畫冊內(nèi)頁的版面不能過于花俏，要在變化中保持統(tǒng)一感，以確保讀者能順利地閱讀信息。

▼ 下圖為內(nèi)頁的簡單分析圖

從版面中，我們能清晰看到主要由文字和圖片兩部分組成。文字編排部分劃分為：標(biāo)題編排、內(nèi)文編排、頁眉頁腳編排。其次是圖片處理和網(wǎng)格使用，如果想讓版面更加豐富層次，也會考慮添加點線元素和顏色的搭配。這就是一本畫冊或書籍雜志的內(nèi)頁設(shè)計組成的部分元素。從上圖可以看到，雖然頁眉設(shè)計的部分很少，但它卻能輔助整篇文章的點綴，視覺上起到線的作用，使整個畫冊起到統(tǒng)一整齊的效果。

02.頁眉頁腳的作用

頁眉頁腳除具有方便檢索查閱的功能外，還具有提升版面精致感整體性的作用。你會發(fā)現(xiàn)一些頁面中有的頁眉和頁腳是統(tǒng)一放在一起，又或者分開放置于頁面上下部分。關(guān)于位置是沒有硬性規(guī)定的，只要能起到檢索查閱的功能即可。

▲ 頁眉部分

頁眉通過文字顏色的深淺來區(qū)分每頁的內(nèi)容，甚至?xí)砑有【€條隔開每個信息，讓本身單調(diào)的頁眉變得更加精致和豐富了。（這里的頁碼則放置在版面的左下角和右下角）

03.編排方式有哪些

頁眉起到檢索查閱的功能，所以我們要讓它簡潔，并且有條理可循，這樣才能起到頁眉的作用。你可以利用對比方式將主要信息突顯出來，適時地加入一些點線元素進(jìn)行點綴，讓你的頁眉從平庸中脫穎而出。下面為你介紹如何通過點、線、色塊以及其他元素進(jìn)行不同的編排。

這是經(jīng)?？吹降囊环N頁眉頁腳的編排方式，但是從整體上看，會顯得有點沉重。色塊條過于粗，顯得特別突兀和粗糙。我們應(yīng)該讓它更精致和簡約些，而不應(yīng)該搶了版面主體的信息。

將色塊條變成長細(xì)線，貫穿整個頁面。頁碼數(shù)字稍微縮小，盡顯整個頁碼和頁眉更精致，這樣才會提升整體的檔次感。

Other

其次，你還可以讓線有更加多的變化，或者與品牌logo結(jié)合，又或者改變位置，形成新的方式去展現(xiàn)。但是，前提一定要保證頁眉頁腳足夠簡潔明了，不能過于裝飾性。

① 通過“放大”進(jìn)行編排

將較為重要的信息進(jìn)行放大處理，能瞬間提升對比度。例如你可以單獨放大頁碼的數(shù)字，與頁眉組合成一個有機整體。當(dāng)你翻開每一頁時，就能快速查閱到信息。

② 通過“線”進(jìn)行編排

“線”在版式中的作用主要表現(xiàn)為：表示強調(diào)、明確分隔、視覺引導(dǎo)、豐富畫面、提升精致等。當(dāng)線跟頁眉頁腳結(jié)合使用時，要注意線與頁眉之間能起到什么作用，千萬不要盲目添加，并且要控制好線的粗細(xì)和長短。

③ 通過“色塊”進(jìn)行編排

一個色塊承載著一種信息，使該色塊內(nèi)的內(nèi)容與其他元素區(qū)分開，純色與背景之間的顏色對比可以形成聚焦突出的作用。無論你是將顏色用于文本還是作為色塊使用，它們都會讓你的設(shè)計栩栩如生。

④ 通過“位置變化”進(jìn)行編排

雖然將頁眉頁腳的位置進(jìn)行改變，會顯得有些夸張，但是仍然得體，使被表達(dá)對象的特征更加鮮明突出，也打破常規(guī)的編排，給視覺帶來全新的體驗。

04.總結(jié)

頁眉是為了方便讀者定位所閱讀的內(nèi)容處于哪個章節(jié)。當(dāng)然啦，也并非所有的畫冊和書籍都需要用到頁眉的設(shè)計，如果整本書的內(nèi)容不多，則可以去掉頁眉的編排。所以設(shè)計歸根到底要根據(jù)實際情況而改變。希望今天的內(nèi)容能帶來你新的知識，喜歡的話記得多轉(zhuǎn)發(fā)點贊哦～

作者：周妙妍
微信號：typography_design

在進(jìn)行文字排版之前，首先要理解文字的內(nèi)容。我見過很多設(shè)計師只注重版式美觀而不關(guān)注文字內(nèi)容，把文字一拿到手就開始編排，從不考慮文字在說什么。他們認(rèn)為文字一定要服從于版式需求，反而這是不正確的設(shè)計方法。對于一篇文案稿，如果我們不去理解它表述的內(nèi)容，就很容易本末倒置。

01  橫豎編排組合

標(biāo)題組合的編排一般都會使用基本的編排方式：橫編排，豎編排或橫豎編排。這是比較容易掌握，也是使用較為廣泛的方式，給人一種嚴(yán)謹(jǐn)正規(guī)的感覺。而橫豎編排都會遵從對齊，如左對齊／右對齊／居中對齊／兩端強制對齊。只要做到對齊，基本都能做出好的標(biāo)題組合。

左對齊編排組合

居中對齊編排組合

兩端強制對齊編排組合

02 線框編排組合

如果你覺得單純的橫豎編排過于單調(diào)，不妨添加一些線框。在文字中插入線（線框）或其他圖形元素，使整個標(biāo)題變化更豐富。在使用中需要注意線（線框）的粗細(xì)和長度，考慮它們與信息間起到什么作用，而并非隨意添加。

03 錯位編排組合

除了正常的橫豎組合編排，簡單的錯位組合也是不可缺少的編排方式。其具有較強的編排創(chuàng)造性，能表現(xiàn)出文字間的節(jié)奏感。

04 方向編排組合

文字的方向編排是指把文字整體或局部排列成傾斜狀態(tài)，構(gòu)成非對稱的畫面形式，使版面具有動感和節(jié)奏感，富有強烈的視覺效果。

05 圖形穿插編排組合

巧妙地將文字與主圖穿插一起，整體達(dá)到圖文并茂的版面效果。提高畫面的趣味性，并能同時傳達(dá)圖文兩種信息。而這種做法的難度比較高，很考驗設(shè)計師的設(shè)計功底。

最后，無論你選用哪種方式去編排，文字的排版最終還是要回歸到能順利地傳遞出去，必須調(diào)整好文字的間距和字重比例，考慮整體版面的平衡感和層次感。

作者：周妙妍
微信號：typography_design

五大漸變趨勢是什么，如何在你的工作中有效地使用呢?

1、 雙色版的漸變

雙色調(diào)漸變是兩種顏色，它們之間有平滑過渡。沒有更多，沒有更少。使用Illustrator中的漸變工具創(chuàng)建這些類型的顏色過渡非常簡單。當(dāng)為Duotone漸變組合顏色時，沒有規(guī)則。當(dāng)你混合3種顏色或更多顏色時，規(guī)則就會出現(xiàn).但是兩個，你可以做任何你想做的事情。這一切都取決于你對設(shè)計本身的意圖。如果你需要強大而大膽的信息，那么你可能需要考慮使用更鮮明，更高對比度的顏色組合。另一方面，如果你希望采用柔和，更安靜的方法，則使用較少飽和的顏色就好了。看你怎么用了

如何使用雙色版的漸變？

你可以像Duotone Gradients一樣有創(chuàng)意。這種類型的漸變最廣泛使用是照片疊加。漸變主要用作內(nèi)容的簡單背景。以下示例是由JessicaHägg和Stink Studios為Spotify創(chuàng)建的此類案例之一。

Duotone Gradient的另一個例子是由Barthelemy Chalvet為AgenceMe創(chuàng)建的家庭導(dǎo)航設(shè)計。在這里，我們再次將Duotone視為內(nèi)容的背景。內(nèi)容包括文本和插圖。但是，圖中使用的顏色非常謹(jǐn)慎。插圖主要是淺色調(diào)，只是一些色彩鮮艷的細(xì)節(jié)，與背景雙色調(diào)（溫暖）相反（冷）。

總而言之，使用雙色調(diào)漸變趨勢的最安全方法是將漸變背景與黑白照片混合，或?qū)⑺鼈冏鳛檎掌B加層應(yīng)用。如果你將它們與其他顏色混合，請確保不要過分。多種顏色在設(shè)計中可能非常出色，但如果匹配不當(dāng)，它們也會引入混亂和混亂。如有疑問，請使用較少的顏色。在大多數(shù)情況下，少即是多。

2、半透明漸變

前五大漸變趨勢包括半透明漸變。這些類型的漸變在它們中具有褪色效果，它們在一端具有全色調(diào)，而在另一端具有0％顏色不透明度。

這些半透明漸變可以是雙色調(diào)甚至是三色調(diào)漸變，但它們總是以透明度結(jié)束或開始。

如何使用半透明漸變？

使用半透明漸變的一種方法是將它們與其他漸變形狀和背景重疊，或者作為照片上的疊加層。下面的示例顯示了Studio-JQ制作的藝術(shù)作品

在這里，我們可以看到在三色漸變圓上使用一個半透明形狀。微妙的半透明形狀在漸變圓形前形成霧氣氛，就像褪色的月亮，簡單而有效地使用透明效果。

在Magdiel Lopez制作的海報藝術(shù)品中可以看到混合了攝影和紋理的半透明漸變的另一種奇妙用法。

3、網(wǎng)格漸變

網(wǎng)格漸變是在Illustrator中使用網(wǎng)格工具制作的漸變，因此是標(biāo)題。這種類型的漸變需要更多的技巧來制作。通常它們將多種顏色混合在一起，這應(yīng)該小心生產(chǎn)，因為某些顏色不能很好地匹配。除了將多種顏色混合在一起外，它們還形成一種類似于液體的紋理圖案，使其具有更加動感的外觀。

到目前為止，您可能已經(jīng)注意到所有漸變?nèi)绾闻c黑白照片完美配合，為他們提供增強色彩強度所需的對比度。它還消除了設(shè)計中“過多”的混亂和感覺。

如何使用網(wǎng)格漸變？

網(wǎng)格漸變可以用作獨立模式。由于它們通常具有動態(tài)外觀，因此可以作為簡約模式應(yīng)用，并輔以創(chuàng)意印刷術(shù)。

使用網(wǎng)格漸變進(jìn)行品牌推廣也越來越受歡迎。這種類型的使用可以在下面由Focus Lab制作的簡約品牌項目中看到。

4、漸變模糊

這是事情變得有趣的地方……。介紹漸變模糊！我相信你已經(jīng)看到了這些有趣的外觀，有一種強烈的“藝術(shù)”感覺。它們現(xiàn)在是Top 5 Gradient Trends的一部分。

如何使用漸變模糊？

它們似乎經(jīng)常被用作海報設(shè)計的一部分。抽象的偉大之處在于它可以用來描述各種情感和抽象概念。它可以說明聲音，光線，宇宙，幸福或悲傷。我們根本不知道如何描述這些單詞中的許多單詞，但精心挑選的模糊彩色形狀可以幫助我們。

讓我們看一些使用漸變模糊的示例：

5、漸變球體

最后的漸變趨勢是漸變球體，具有強烈三維形狀的網(wǎng)狀圓圈，提醒我們在行星和氣泡上。

如何使用漸變球體？

Gradient Spheres在應(yīng)用程序和網(wǎng)頁設(shè)計中占據(jù)了一席之地。由于它們與行星類似物體相似，因此它們通常用于技術(shù)未來類型的項目中。例如，Jiyoon Kim使用Gradient Spheres設(shè)計一個具有輕盈未來感的創(chuàng)意手表UI。

Mirtho Prepont為Asana制作的海報設(shè)計中使用的Gradient Sphere的另一個創(chuàng)意示例：

寫在最后

如果你使用漸變的照片，第一步應(yīng)該是選擇正確的照片。最好的選擇是具有清晰焦點的照片，如果可能的話，焦點周圍沒有其他任何東西。值得花時間的第二件事是照片的顏色。如果顏色與你的漸變無任何關(guān)系，最安全的做法是將照片切換為黑白模式。

但是，有時可以通過在Photoshop中使用“顏色飽和度”工具或“顏色平衡”來調(diào)整顏色。這正是我在這個例子中所做的。第三是選擇漸變形狀和背景。

選擇正確的漸變對象時，請確保它們都具有相似的色調(diào)。在我的例子中，我使用藍(lán)色/紫色物體與粉紅色/黃色物體形成鮮明對比。這些都是我需要的顏色。任何更多的東西，組成會感到混亂。雖然很容易穿過線，所以如果你不確定，只需要減少顏色和減少形狀。

如果你感覺某些東西仍然缺失，請?zhí)砑又行詭缀涡螤?，如果背景為淺色，則為白色;如果背景為暗，則為黑色。

原文地址：polavctors

譯文地址：UI中國

譯者：Tzw_n

視頻看完了我們來講一下常規(guī)設(shè)計字體的思路。

常規(guī)字體設(shè)計由確定風(fēng)格、確定結(jié)構(gòu)特征、后期調(diào)整完善組成，其中第一步確定風(fēng)格引導(dǎo)了字形的走向。

No.1 確定風(fēng)格

確定風(fēng)格，就是確定項目的整體調(diào)性，這一步是至關(guān)重要的，往往第一步?jīng)]做準(zhǔn)確，后面的設(shè)計基本就廢了。風(fēng)格不匹配做出來也只能當(dāng)飛機稿。確定風(fēng)格的第一步就是分析項目特征。拿本次周練的命題“甜甜貓的手賬”來說，整體的調(diào)性是活潑、可愛、卡通的感覺，所以如果做的太嚴(yán)謹(jǐn)、太冷淡就是錯誤的。

分析過后我們知道要做出活潑、可愛的感覺，那么什么樣的字體設(shè)計有活潑可愛的感覺呢？

要解決這個問題我們可以去找參考，但參考并不是盲目的，我們可以利用用十字坐標(biāo)分析法快速篩選適合此案的字體形式。具體做法為位，我們可以在X軸的一端寫上項目調(diào)性關(guān)鍵詞“活潑”，另一端端寫上反義詞“嚴(yán)肅”;Y軸的一端寫上項目調(diào)性關(guān)鍵詞“可愛”，另一端寫上反義詞“高冷”，如下圖。

有了這個坐標(biāo)軸我們可以去找字體設(shè)計的參考了，將找到的參考根據(jù)其所傳達(dá)的感覺放到合適的區(qū)間內(nèi)，如下。

在這四個區(qū)間中，既能表現(xiàn)可愛又能表現(xiàn)活潑的只有右上方的區(qū)間，如下圖所示。

其余三個區(qū)間都不是很匹配這兩種感覺。所以我們下一步要做的就是分析這個區(qū)間中的字體設(shè)計作品，找出共性，也就是為什么這些字體設(shè)計能夠傳達(dá)出可愛與活潑的原因。

觀察這幾組字里面那些傳達(dá)活潑和可愛的感覺更強，將它們挑選出來，如下。

圖中有四組字，其中“夏日演習(xí)曲”雖然很活潑，但感覺并不可愛，而其他三組則是既可愛又活潑。而“夏日演習(xí)曲”與其余三組的區(qū)別就是筆畫太過尖銳，其他的都是十分圓滑的，所以我們可以得到結(jié)論，筆畫圓潤的特征給人的感覺更可愛。

再仔細(xì)觀察我們可以發(fā)現(xiàn)，這些活潑的字看起來都比較隨意，每個字的大小也都是不一樣的，排列方式也是有高有低，甚至有些筆畫還可以穿插連接。

No.2 確定結(jié)構(gòu)

得出這些既可愛又活潑的字型特征后，我們就可以確定項目字體的結(jié)構(gòu)了。

上面也說了，這些字體大小不同，排列方式高低不等，所以我們項目字體的結(jié)構(gòu)也應(yīng)該采用大小、高低都不等的結(jié)構(gòu)，如下。

當(dāng)然了，我們也可以利用有類似結(jié)構(gòu)的字庫字體提高效率，比如漢儀樂喵體、漢儀六字黑、方正基礎(chǔ)像素都是這類字體。

這里我選擇了方正基礎(chǔ)像素去搭建字體的骨骼結(jié)構(gòu)，如下。

搭建結(jié)構(gòu)的時候我注意筆畫的粗細(xì)，因為粗體更能夠表現(xiàn)可愛的感覺，所以搭完結(jié)構(gòu)將筆畫調(diào)粗了一些。搭完結(jié)構(gòu)只是第一步，我們還需要去調(diào)整結(jié)構(gòu)，讓他們更活潑更可愛，如下。

我將字體的結(jié)構(gòu)做了調(diào)整，也加了一些相連的筆畫，使之看起來更活潑美觀。

No.3 調(diào)整完善

接下來就是最后一步，調(diào)整完善了。調(diào)整還結(jié)構(gòu)后可以根據(jù)需求調(diào)整不同的組合，為了讓字形活潑的感覺更有力一點，可以將字不規(guī)則的傾斜，如下。

做到這一步我們的字體差不多成型了，但總是感覺還缺點啥。其實現(xiàn)在字的結(jié)構(gòu)和風(fēng)格都挺匹配的，唯一缺的就是氛圍了，所以我們可以加一些點綴的小元素烘托以下氛圍，如下。

這里我加了星星、桃心、貓爪，還把“貓”字里面的十字替換成了星星，氛圍一下子就提升不少。黑白稿做完后我們可以為注入顏色增加活力。這里我將不同的筆畫拆分開來，做穿插的同時填充了不同的顏色，如下。

到此我們的字體也就完成了，另外我們可以根據(jù)不同的需求調(diào)整不同的配色，如下。

那么本期文章就到這里，親們學(xué)會了嘛？另外，十字分析法不僅僅只能做卡通字形，十字分析法除了能分析不同風(fēng)格的字體，在版式、LOGO、KV等領(lǐng)域也有十分重要的作用，所以活學(xué)活用才是王道！

原文地址：大貓設(shè)計（公眾號）

作者： 大貓Addict