想做出高大上的海報/PPT?來看這份文案字體排版指南手冊 - 優設-UISDC

                                        想做出高大上的海報/PPT?來看這份文案字體排版指南手冊

                                        2016/08/18 47665評論區

                                        wz201608181

                                        文案字數太多無從下手?甲方執迷不悟塞一堆文字?怎樣讓一坨坨文案在排版上更加高大上?莫慌。@筆戈科技 的 新葉同學基于各種優秀海報,分別從空間、對比、修飾三個方面,循序漸進,總結其文案排版方法和表現形式,最后通過實例演示,聊聊如何把這些排版技巧運用在實際設計中。

                                        作者介紹

                                        筆戈科技是魅族旗下的科技資訊網站,里面的設計師都是文案鬼才,能夠把專業的設計方法講得通俗易懂,有趣好玩。建議大家閱讀。

                                        1. 《超贊!一份簡單易上手的青春彌散陰影修煉手冊》
                                        2. 《幕后的魅族:最懂 FLYME 的人,專訪交互總設計師易鵬》
                                        3. 《幕后的魅族:偏執的設計鬼才,專訪 FLYME 視覺總設計師陳希》
                                        4. 《無憂改稿!四個不為人知的PHOTOSHOP高效操作秘籍》
                                        5. 《「伸手黨」福音!推薦四款超實用的搜索工具》
                                        6. 《關起門來漲姿勢!如何從AV封面中學習平面設計?(二)》

                                        wz201608182

                                        空間,就是合理地布局文案并突出重點。在對的位置里,遇見對的文案。

                                        空間上的布局,常見有三種。

                                        wz201608183

                                        中心分布:文字為主要內容,或與圖相關聯,畫面穩定。

                                        左右/上下分布:大部分 banner 常用的分布形式,容易平衡版式,內容文案區別對應性強。

                                        對角線分布:相對以上兩種更有視覺沖擊,不呆板,一般文案為輔助說明,可以以展示產品細節為主。

                                        在找個好布局安放文案的同時,還要突出該強調的重點。

                                        wz201608184

                                        圖一:產品為重點,文案為輔助(此處文案應該屬于冊集說明)。

                                        圖二:「精英」文案為主體,以鷹來表現,增加畫面感,屬于物體服務于文案。

                                        圖三:PK與類似鋼材材質結合,表現出宣傳重點。

                                        wz201608185

                                        對比,就是在確定文案的空間后,讓文案本身的字體產生差異,形成對比。有對比,才有傷害,才有視覺沖擊力。

                                        wz201608186

                                        大小對比:最明顯也最常用,也最容易產生效果,幾乎大部分文字排版都使用了這種方法來突出主次。

                                        粗細對比:類似于粗密、深淺,錯落有致,從而產生視覺重心。

                                        字形對比:相對以上兩種更加自由多樣,最普通的為襯線體與非襯線體的對比,甚至還可以進行字體設計,加入圖形元素等。

                                        wz201608187

                                        最后,修飾。可有可無,看畫面的需要。通過各種加法、減法、乘法進行修飾,可以為單調的文字加上一些細膩的細節。

                                        修飾上的加法:在基礎文案上添加元素,加強重點,平衡版式。

                                        wz201608188

                                        加面:以面狀出現在文案字體中的,一般作用于重點文案,或者是需要吸引點擊的按鈕,和框選區分內容。

                                        加線:修飾文字,引導文字,整理文字,平衡畫面等。

                                        加點:可以跟主體搭配,充盈畫面。

                                        修飾上的減法:在文案的表現形式中做出裁剪,隱藏或者鏤空。

                                        wz201608189

                                        邊緣裁剪:擴大空間感,在一些日式設計中,有時會故意放大字體到邊緣撐住版面。

                                        口袋式隱藏:隱藏看得懂,修飾文字的同時還能引發想象。

                                        鏤空:除了可以強調重點文案或主體外,還可以疊加肌理、材質效果于鏤空部分。

                                        修飾上的乘法:通過交集產生特殊效果。

                                        wz2016081810

                                        與主體/背景交錯:交錯式,更有前后空間感,與圖片主題內容上有更多交互。

                                        字疊加/錯落: 突破呆板的的橫豎直排方法,悅動。

                                        合二為一:技術上要求比較高,主體物和文案相容,表達更為直接。

                                        wz2016081811

                                        接下來我們通過具體案例來進行實際操作。

                                        以7.8號全球上映的大魚海棠為例,僅對文案排版進行研究,暫不涉及圖片哦。

                                        wz2016081812

                                        借用大魚海棠毛筆字體作為主體來進行設計:

                                        wz2016081813

                                        圖1:中心排版,文案的大小對比,毛筆字和宋體的字形對比,最后用引線作為英文文案的引導。

                                        圖2:上下排版,主體放在中間,并用線框包圍,毛筆字突破邊界。

                                        圖3:對角線排版,并用紅線平衡畫面重心。

                                        接下來我們「大魚海棠」為重點,僅使用普通的字體來進行排版。

                                        wz2016081814

                                        圖1:塊狀分布,對齊后更加整潔,利用修飾線以區分層次。

                                        圖2:加面,點,粗細等修飾。

                                        圖3:乘法上的字間錯落。

                                        總結

                                        wz2016081815

                                        wz2016081816

                                        歡迎關注筆戈科技微信公眾號:

                                        hh20160725

                                        「本月最值得閱讀收藏的完美像素使用手冊」

                                        1. 《值得每個設計師收藏的《完美像素使用手冊》之原理篇》
                                        2. 《中文版來了!值得每個設計師收藏的《完美像素使用手冊》之細節篇》
                                        3. 《第三集!值得每個設計師收藏的《完美像素使用手冊》之易用性篇》
                                        4. 《第四集!值得每個設計師收藏的《完美像素使用手冊》之軟件技巧篇》
                                        5. 《最終版!值得每個設計師收藏的《完美像素使用手冊》之軟件技巧篇》

                                        yestone-uisdc-2

                                        【優設網 原創文章 投稿郵箱:[email protected]

                                        ================關于優設網================
                                        “優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
                                        【特色推薦】
                                        設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
                                        設計微博:擁有粉絲量160萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
                                        設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

                                        優設大課堂

                                        非特殊說明,本文版權歸原作者所有,轉載請注明出處
                                        本文地址:http://www.ndwc.tw/copy-font-design-guideline

                                        發表評論 加載中....

                                        評論加載中....

                                        uisdc

                                        評論區都快餓癟了,看看我期盼的小眼神...

                                        優設大課堂 sketch 轉場動效 界面設計 設計師 扁平化設計 交互設計師 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 設計流程 配色 web前端開發 用戶體驗設計 AI教程 海報設計 設計理論 神器下載 字體下載 設計規范 設計趨勢 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
                                        wechat

                                        優設官方微信

                                        50萬設計師關注

                                        微信號:youshege

                                        把好文章收藏到微信

                                        打開微信,掃碼分享
                                        學設計 優設網 在這里

                                        江苏11选5开奖结果