一、單圖排版

1.平鋪

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

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

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

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

2.四周留白

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

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

3.一條邊出血

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

4.三條邊出血

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

5.拆分

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

6.跨版

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

二、雙圖排版

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

7.統一大小對齊排版

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

8.統一大小錯位排版

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

9.一大一小排版

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

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

如果把整個跨版當成一個版面，那么可以把大的那張圖進行跨版，小的那張圖則不跨版。

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

這兩種排法都很大氣且不失細膩。

三、多圖排版

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

10.大小統一對齊排版

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

11.大小不統一對齊排版

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

這種排版雖然沒有統一圖片的大小，但由于保持了嚴格的對齊關系，所以依然顯得很整潔。

12.圖片與色塊組合排版

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

13.錯位排版

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

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

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

15.按照某一路徑排版

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

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

16.一大多小排版

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

17.自由排版

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

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

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

結語

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

作者：蔥爺 (id:congyenanian)

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

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

現在，從源頭改變含義之后，在游戲或門戶網站中能代表自己的人物形狀被統稱為Avatar。簡而言之，Avatar是虛擬社會中代表用戶的虛擬身體，也就是角色。角色過去主要用于網聊或網絡游戲，現在它的使用范圍擴展到網購中心、虛擬教育，以及虛擬辦公（會議）。角色將現實世界與虛擬空間連接起來，并且兼備匿名性和自主性的特征。過去，用戶著迷網絡空間的匿名性，現在他們也渴望表達自己，滿足了這兩面的角色正在吸引人們的關注。(Naver知識百科)

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

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

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

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

下表展示了目前主要角色服務的現狀。

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

在這部分中，我們將探討當前角色服務所反映的趨勢，以及他們如何通過其優勢來吸引用戶。

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

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

ZEPETO

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

Apple Memoji

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

SAMSUNG AR Emoji

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

厘米秀

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

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

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

自定義是游戲行業近年來最重要的一部分，它從用戶在幾個預制面部中選擇其中之一發展而來。現在，用戶可以通過逐個調整每部分來“設計”全身，這種自定義允許用戶創建更加多樣性和個性化的面孔，許多用戶都熱衷于此。用戶投入大量時間在自定義以及實際游戲體驗上，甚至還有一些社區供他們共享和交換自定義文件。現在自定義在游戲中已經成為一種新的游戲，用戶需要一個允許他們自由改變面部的系統，而不局限于開發者提供的選項。由此，很多角色服務提供者都嘗試理解和注入用戶喜歡的這些趨勢與需求。

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

的AR emoji,

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

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

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

這些拍攝功能可以讓用戶輕松進行各種二次創作，因為它可以很容易

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

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

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

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

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

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

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

ZEPETO

ZEPETO 的“我的房間”功能占據界面相當大一部分。它有一個很大的視覺區域，

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

LINE PLAY

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

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

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

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

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

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

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

角色是限于特定網站或游戲的服務。然而隨著智能手機的發展，3D形象的流行，以及兩大手機操作系統的安裝，角色服務似乎幾乎已經完成了大眾流行和普及化的準備，

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

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

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

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

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

一、市場概述

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

這些在線創造的角色，不僅僅停留于線上，還被應用在各種各樣的產品中，與傳統的IP角色在線下市場展開競爭。

（1）全球IP產業規模

根據韓國創意內容機構的數據，2018年全球IP市場增長約1806億美元，比2009年（1510億美元）增加了20％。

（2）IP產業的特點

我們發現IP市場有4個特征：

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

1.2 流行角色的主流變化

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

此外，隨著IP產業的發展，很多公司創造了許多品牌都希望與之合作的，以藝術家為基礎的具有獨特故事的IP品牌，中國的Molly，韓國的Sticky Monster Lab和Super Fiction是代表性的例子。

1.3 流行角色的特點

（1）創意故事

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

（2）詼諧有趣

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

（3）簡約的形狀

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

（4）高質量的3D形狀和紋理

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

1.4 世界著名角色比較

中國：

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

韓國：

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

美國：

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

日本 Japan：

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

二、角色聯合趨勢

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

2.1 時尚

Covernat X Ryan (Kakao Friends)：

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

Anti Social Social Club X BT21：

Anti Socal Social Club曾經將他們靈活的logo應用在各式短語或品牌名稱中。這次聯名，他們把標志性的logo與BT21的角色，品牌名稱還有缺乏萌性、略顯笨拙的logo相融合，很好地協調了ASSC獨特的品牌風格。

Nike X Super Fiction：

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

KAWS X SESAME Street X Uniqlo：

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

Bape X Snoopy：

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

2.2 化妝品

Etude House X Disney：

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

VT Cosmetics X BT21：

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

2.3 藝術與文化

Esquire X Ryan (Kakao Friends)：

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

Maison Kitsune X Super Fiction：

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

Helvetica X LINE Friends：

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

Kelly Park X Apeach (Kakao Friends)：

Kakao Friends的Apeach與書法藝術家Kelly Park合作東京商店的開業。Kakao Friends經營的’Studio Kakao Friends’與來自世界各地且在不同領域的創作者合作。第一個合作者就是韓國的書法藝術家Kelly Park，Apeach粉紅可愛的角色特征與Kelly Park強勁時尚的書法結合在一起，創造出獨特而時尚的產品。

2.4 生活方式

Snowpeak X LINE Friends：

日本露營品牌Snowpeak與LINE Friends的一次聯名。Snowpeak以其在野營裝備行業的精細技藝而聞名，同時也以優秀的設計質量和熱愛自然的精神而著稱。它嘗試將LINE Friends熱情友好的的品牌基調運用到產品中，這種運用是出色的。

Rhodia X LINE Friends：

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

2.5 食物與飲料

Quartet X Kakao Friends：

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

Naixue X PUPU：

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

2.6 技術

Bang & Olufsen X Brown (LINE Friends)：

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

小米 X LINE Friends：

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

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

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

2.7 游戲

Kakao Friends X Battle Ground

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

Kakao Friends X 皇室戰爭（Clash Royale Friends）：

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

Sundaytoz X 迪士尼 (Disney pop)：

使用迪士尼 IP的手游正在陸續發布。 Sundaytoz已經發布了一款名為《Disney Pop》的移動休閑益智游戲。

三、角色品牌戰略

隨著各種各樣的角色被創建，角色業務的競爭越來越激烈，因此有很多使角色與其他品牌區分開來的嘗試。我們總結了最為突出的品牌角色案例，并羅列了角色相關業務的特征。

3.1 明星營銷新角色

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

BT21：

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

截至2019年1月，BT21在SNS的粉絲數量已達到1600萬。匡威和 Antisocial Social Clubs等時尚品牌與BT21合作的產品在發布1-2小時后便全部售罄。

Roy6：

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

Running Man：

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

Krunk：

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

3.2 角色全球化

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

Apeach Omotesando：

Kakao Friends在東京的表參道開設了一家以Apeach為主題的角色品牌店。在日本發布，為適應日本獨特情感而改進的的Apeach角色與原始角色并不一樣。在Apeach主題店，人們可以通過各種甜點和大型雕塑來體驗角色品牌。基于其在日本的知名度，Apeach還被選為東京旅游公司的主角。

上海 Kakao Friends 商店：

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

LINE Village Bangkok：

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

3.3 拓展的家族角色

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

Kakao Little Friends：

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

BT21 Universe：

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

3.4 角色藝術人物化

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

Bearbrick：

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

Molly：

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

Super Fiction：

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

Avofriends：

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

3.5 角色線下展

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

Bape XXV 25周年展：

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

I am Sally 展覽：

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

Momo Planet 藝術展：

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

3.6 角色新業務

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

Sunday Cheezzzball (Kakao Friends)：

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

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

BITE & BITE with LINE Friends：

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

Babi Snack（Naver Webtoon）：

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

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

3D和VR技術的發展使角色能夠以更高質量的方式展示，同時也越來越生動越來越逼真。我們期待IP產業的快速發展與變化。

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

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

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

題圖來自騰訊isux官網

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

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

字號與閱讀速度

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

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

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

比如我們平時所知的快速閱讀法，就是由逐字逐字的閱讀變為連詞閱讀。

字號與主次信息

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

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

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

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

案例分析

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

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

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

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

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

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

于是可以我們做下面的調整：

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

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

3）按鈕變為動感較強的形狀，這樣能增加畫面的及時感。也符合這一片排版的形狀布局。

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

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

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

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

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

行距：相對的距離

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

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

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

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

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

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

除了和行高本身有關，行距與字間距也有著不小的關聯。等談到字間距的時候我們還會細講。

案例分析

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

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

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

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

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

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

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

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

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

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

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

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

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

字間距 VS 字符間距

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

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

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

字體原有的字間距

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

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

考慮行距的影響

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

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

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

寬大字距的魅力

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

不得不說，放大的字間距會顯得版式疏松、體現一種優雅寧靜的感覺。

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

案例分析

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

這里我們仍然調整了字體排版以及色彩方面的諸多小問題：

1）調整了「科技互聯、引領未來」這八個字的行距和字距，讓字間小于行距

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

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

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

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

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

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

后記：瀏覽街邊廣告牌

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

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

說回我們的平面設計，涉及到的要素無非是歸于點、線、面，還有不斷的實踐。UI設計發展很快是因為互聯網這兩年張勢可喜，但是飛速的發展帶來的弊端就是一切都浮在表面，深度不夠。所以，我認為現在正是對平面進一步深入的時候，沉下心來，更多細節就會被看見。

作者：飛屋設計 公眾號：ifeiwu81

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

01.認識黑體

——

什么是黑體?

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

白話的版本是：「很像拿平頭熒光筆或水彩筆寫出來的、筆畫粗細一致的字，就是黑體。」

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

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

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

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

中文黑體≠歐文無襯線體

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

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

02.造型細節－影響黑體風格與用途的關鍵！

——

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

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

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

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

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

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

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

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

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

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

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

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

「游ゴシック」的起筆，融入毛筆書法筆韻與柔軟優美的造型細節。

黑體造型細節欣賞：「起筆」

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

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

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

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

黑體造型細節欣賞：「轉折」與「收筆」

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

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

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

轉折會影響速度感，試著畫出不同黑體的運筆軌跡，會發現它是影響字體風格的關鍵喔！

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

——

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

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

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

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

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

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

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

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

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

——

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

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

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

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

作者：Ruby

來源：justfont

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

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

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

動態字體海報

@Andrei Robu

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

Uber品牌識別

@Wolffolins

Uber開發了一種無襯線字體用于品牌logo的再設計，并將其貫穿于整個品牌系統。采用了這些品牌字體的動態海報，更為有力地傳達出Uber的品牌信息。

Squarespace品牌識別

@Dia studio

Dia studio常將動態文字應?于品牌項?，“Squarespace”是其代表作品之一。

FAD視覺圖形

@Practica Studio

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

韓國女性耐克運動廣告

@Wieden & Kennedy Tokyo

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

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

APP圖標設計

越來越多的手機APP圖標使用漸變色

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

@DixonBaxi

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

Basketball Forever品牌識別

@Notreal

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

明日之子品牌識別

@Plus X

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

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

平面海報設計

@Vasjen Katro

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

Easy Peasy品牌識別

@CFC

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

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

國際光影藝術節品牌識別

@George&Harrison

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

SM娛樂品牌識別

@CFC

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

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

@Beetroot Design

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

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

@Another Design

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

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

3D插畫

@George Stoyanov

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

Adobe Think Tank 視覺圖形

@Omar aqil design

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

The Hyundai ‘Super Consumers’品牌視頻

@Universal everything

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

耐克PG3”舒適體驗“廣告

@GRIF

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

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

有機形態的3D視頻

@cmttat

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

Peacock Society 2018 品牌識別

@Irradie

將明亮多彩的漸變色應用于有機形態，這些圖像表達了巴黎電子音樂節的特征。

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

Uber 品牌插畫

@Leo Natsume

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

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

@Circus

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

Belif品牌插圖

@Superfiction

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

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

等距插畫

@Mohamed Samir

經常使?等距技術和彩?漸變的插畫家Mohamed Samir設計了一系列富有趣味性的?報。

等距視頻

@Matthieu BRACCINI @Panic Studio

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

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

3D視頻+2D圖形

@Sergio Fuego @giantantstagram

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

真人實拍視頻+2D插畫

@+CRUZ

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

真人實拍視頻+發光涂鴉動畫

@blottermedia @jamiethraves

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

運動3D的2D插畫視頻

@phellaz @blublustudios

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

當通過SNS共享圖形圖像變得非常普遍時，短小和重復的動態圖形也變得很易見。logo，2D插畫， 3D圖像和各種各樣的圖形都以短循環動畫的形式共享。

2D短動畫

@motionmarkus

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

3D短視頻

@arbenl1berateme

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

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

Le Graphisme Augmente 圖形海報

@Laura Normand

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

Apple Music x Memoji 廣告

@Apple

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

Nike：上海Never Done運動店鋪網站

@AKQA

上海耐克通過AR技術實現360度網上零售的項目，可以讓消費者根據運動的出汗量來進行購買和體驗服務。

奧迪Quattro Coaster廣告

@POL

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

2018年英雄聯盟全球總決賽開幕式

@League of Legends

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

新復古，用現代感覺詮釋復古，已成為一種新趨勢。新復古是一個結合了“新”和“復古”的詞，是對過去懷舊的現代詮釋，不僅是設計，在時尚，建筑，流行文化等各領域都是一種新趨勢。

復古風格視頻

@dennybusyet @thekidzzzzz

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

Fritz Co?ee Company品牌識別

@Jo In Hyuk

韓國著名咖啡品牌，Firtz Coffee創造了獨一無二的，具有復古logo和圖形的品牌標識。

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

感謝閱讀，以上內容均由騰訊ISUX團隊原創設計，以及騰訊ISUX版權所有，轉載請注明出處，違者必究，謝謝您的合作。注明出處格式：

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

01.了解畫冊內頁的設計元素

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

▼ 下圖為內頁的簡單分析圖

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

02.頁眉頁腳的作用

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

▲ 頁眉部分

頁眉通過文字顏色的深淺來區分每頁的內容，甚至會添加小線條隔開每個信息，讓本身單調的頁眉變得更加精致和豐富了。（這里的頁碼則放置在版面的左下角和右下角）

03.編排方式有哪些

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

這是經常看到的一種頁眉頁腳的編排方式，但是從整體上看，會顯得有點沉重。色塊條過于粗，顯得特別突兀和粗糙。我們應該讓它更精致和簡約些，而不應該搶了版面主體的信息。

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

Other

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

① 通過“放大”進行編排

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

② 通過“線”進行編排

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

③ 通過“色塊”進行編排

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

④ 通過“位置變化”進行編排

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

04.總結

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

作者：周妙妍
微信號：typography_design

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

01  橫豎編排組合

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

左對齊編排組合

居中對齊編排組合

兩端強制對齊編排組合

02 線框編排組合

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

03 錯位編排組合

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

04 方向編排組合

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

05 圖形穿插編排組合

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

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

作者：周妙妍
微信號：typography_design

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

1、 雙色版的漸變

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

如何使用雙色版的漸變？

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

Duotone Gradient的另一個例子是由Barthelemy Chalvet為AgenceMe創建的家庭導航設計。在這里，我們再次將Duotone視為內容的背景。內容包括文本和插圖。但是，圖中使用的顏色非常謹慎。插圖主要是淺色調，只是一些色彩鮮艷的細節，與背景雙色調（溫暖）相反（冷）。

總而言之，使用雙色調漸變趨勢的最安全方法是將漸變背景與黑白照片混合，或將它們作為照片疊加層應用。如果你將它們與其他顏色混合，請確保不要過分。多種顏色在設計中可能非常出色，但如果匹配不當，它們也會引入混亂和混亂。如有疑問，請使用較少的顏色。在大多數情況下，少即是多。

2、半透明漸變

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

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

如何使用半透明漸變？

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

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

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

3、網格漸變

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

到目前為止，您可能已經注意到所有漸變如何與黑白照片完美配合，為他們提供增強色彩強度所需的對比度。它還消除了設計中“過多”的混亂和感覺。

如何使用網格漸變？

網格漸變可以用作獨立模式。由于它們通常具有動態外觀，因此可以作為簡約模式應用，并輔以創意印刷術。

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

4、漸變模糊

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

如何使用漸變模糊？

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

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

5、漸變球體

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

如何使用漸變球體？

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

Mirtho Prepont為Asana制作的海報設計中使用的Gradient Sphere的另一個創意示例：

寫在最后

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

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

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

如果你感覺某些東西仍然缺失，請添加中性幾何形狀，如果背景為淺色，則為白色;如果背景為暗，則為黑色。

原文地址：polavctors

譯文地址：UI中國

譯者：Tzw_n

視頻看完了我們來講一下常規設計字體的思路。

常規字體設計由確定風格、確定結構特征、后期調整完善組成，其中第一步確定風格引導了字形的走向。

No.1 確定風格

確定風格，就是確定項目的整體調性，這一步是至關重要的，往往第一步沒做準確，后面的設計基本就廢了。風格不匹配做出來也只能當飛機稿。確定風格的第一步就是分析項目特征。拿本次周練的命題“甜甜貓的手賬”來說，整體的調性是活潑、可愛、卡通的感覺，所以如果做的太嚴謹、太冷淡就是錯誤的。

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

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

有了這個坐標軸我們可以去找字體設計的參考了，將找到的參考根據其所傳達的感覺放到合適的區間內，如下。

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

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

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

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

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

No.2 確定結構

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

上面也說了，這些字體大小不同，排列方式高低不等，所以我們項目字體的結構也應該采用大小、高低都不等的結構，如下。

當然了，我們也可以利用有類似結構的字庫字體提高效率，比如漢儀樂喵體、漢儀六字黑、方正基礎像素都是這類字體。

這里我選擇了方正基礎像素去搭建字體的骨骼結構，如下。

搭建結構的時候我注意筆畫的粗細，因為粗體更能夠表現可愛的感覺，所以搭完結構將筆畫調粗了一些。搭完結構只是第一步，我們還需要去調整結構，讓他們更活潑更可愛，如下。

我將字體的結構做了調整，也加了一些相連的筆畫，使之看起來更活潑美觀。

No.3 調整完善

接下來就是最后一步，調整完善了。調整還結構后可以根據需求調整不同的組合，為了讓字形活潑的感覺更有力一點，可以將字不規則的傾斜，如下。

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

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

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

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

原文地址：大貓設計（公眾號）

作者： 大貓Addict