Zi 字媒體
2017-07-25T20:27:27+00:00
教學主題: 設計師必須知道的文案字體排版指南手冊
大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學
今天的這個教學主題是: 設計師必須知道的文案字體排版指南手冊
這教學的重點為這幾點 [ 指南,手冊,字體,必須,知道,設計師,文案,修飾,對比,排版 ]
希望你可以從這幾點中領悟到修圖的精華
本文重點
文案字數太多無從下手,甲方執迷不悟塞一堆文字,怎樣讓一坨坨文案在排版上更加高大上,請不要着急也不要莫慌。筆戈科技的新葉同學基於各種優秀海報,分別從空間、對比、修飾三個方面,循序漸進,總結其文案排版方法和表現形式,最後通過實例演示,聊聊如何把
文案字數太多無從下手,甲方執迷不悟塞一堆文字,怎樣讓一坨坨文案在排版上更加高大上,請不要着急也不要莫慌。筆戈科技的新葉同學基於各種優秀海報,分別從空間、對比、修飾三個方面,循序漸進,總結其文案排版方法和表現形式,最後通過實例演示,聊聊如何把這些排版技巧運用在實際設計中。
作者介紹
筆戈科技是魅族旗下的科技資訊網站,裡面的設計師都是文案鬼才,能夠把專業的設計方法講得通俗易懂,有趣好玩。建議大家閱讀。
空間,就是合理地布局文案並突出重點。在對的位置里,遇見對的文案。
空間上的布局,常見有三種。
中心分佈:文字為主要內容,或與圖相關聯,畫面穩定。
左右/上下分佈:大部分 banner 常用的分佈形式,容易平衡版式,內容文案區別對應性強。
對角線分佈:相對以上兩種更有視覺衝擊,不呆板,一般文案為輔助說明,可以以展示產品細節為主。
在找個好布局安放文案的同時,還要突出該強調的重點。
圖一:產品為重點,文案為輔助(此處文案應該屬於冊集說明)。
圖二:「精英」文案為主體,以鷹來表現,增加畫面感,屬於物體服務於文案。
圖三:PK與類似鋼材材質結合,表現出宣傳重點。
對比,就是在確定文案的空間后,讓文案本身的字體產生差異,形成對比。有對比,才有傷害,才有視覺衝擊力。
大小對比:最明顯也最常用,也最容易產生效果,幾乎大部分文字排版都使用了這種方法來突出主次。
粗細對比:類似於粗密、深淺,錯落有致,從而產生視覺重心。
字形對比:相對以上兩種更加自由多樣,最普通的為襯線體與非襯線體的對比,甚至還可以進行字體設計,加入圖形元素等。
最後,修飾。可有可無,看畫面的需要。通過各種加法、減法、乘法進行修飾,可以為單調的文字加上一些細膩的細節。
修飾上的加法:在基礎文案上添加元素,加強重點,平衡版式。
加面:以面狀出現在文案字體中的,一般作用於重點文案,或者是需要吸引點擊的按鈕,和框選區分內容。
加線:修飾文字,引導文字,整理文字,平衡畫面等。
加點:可以跟主體搭配,充盈畫面。
修飾上的減法:在文案的表現形式中做出裁剪,隱藏或者鏤空。
邊緣裁剪:擴大空間感,在一些日式設計中,有時會故意放大字體到邊緣撐住版面。
口袋式隱藏:隱藏看得懂,修飾文字的同時還能引發想象。
鏤空:除了可以強調重點文案或主體外,還可以疊加肌理、材質效果於鏤空部分。
修飾上的乘法:通過交集產生特殊效果。
與主體/背景交錯:交錯式,更有前後空間感,與圖片主題內容上有更多交互。
字疊加/錯落: 突破呆板的的橫豎直排方法,悅動。
合二為一:技術上要求比較高,主體物和文案相容,表達更為直接。
接下來我們通過具體案例來進行實際操作。
以7.8號全球上映的大魚海棠為例,僅對文案排版進行研究,暫不涉及圖片哦。
貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。
借用大魚海棠毛筆字體作為主體來進行設計:
貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
的選區;按住Alt鍵將從起始點為中心勾劃選區。
圖1:中心排版,文案的大小對比,毛筆字和宋體的字形對比,最後用引線作為英文文案的引導。
圖2:上下排版,主體放在中間,並用線框包圍,毛筆字突破邊界。
圖3:對角線排版,並用紅線平衡畫面重心。
接下來我們「大魚海棠」為重點,僅使用普通的字體來進行排版。
圖1:塊狀分佈,對齊后更加整潔,利用修飾線以區分層次。
圖2:加面,點,粗細等修飾。
圖3:乘法上的字間錯落。
總結
歡迎關注筆戈科技微信公眾號:
看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?
希望我們所介紹的 設計師必須知道的文案字體排版指南手冊 這教學會喜歡
文章標題: 骨子愛創意- 設計師必須知道的文案字體排版指南手冊–轉載請註明來源處
本教學分類為平面理論教程中的 設計教程相關教學
文章相關關鍵字為: 指南,手冊,字體,必須,知道,設計師,文案,修飾,對比,排版
本文永久連結 :設計師必須知道的文案字體排版指南手冊
本文轉載自 :VIA
寫了
5860316篇文章,獲得
23313次喜歡