學版式為啥一定要先學文字組合?上榜經歷2020年10月26日 184期站酷文章總榜第11名

學版式為啥一定要先學文字組合?上榜經歷2020年10月26日 184期站酷文章總榜第11名

學版式為啥一定要先學文字組合? ,教程,歐陽威John,原創文章站酷網,中國設計師互動平台。

現在的視覺設計內容當中,無論是平面品牌、電商、UI甚至可以說是視覺類設計的所有類目,無處不在的都是與版式有關的內容;而文字排版處理都是必不可少的一個通用基礎設計技能,文字的排版能力可以最直觀的體現一名設計師的基礎功底與審美基礎的高低。

因此掌握足夠的文字版式設計能力,是邁入專業設計師的必備能力。現在有點尷尬的是,很多人明白版式的重要性也看了不少相關資料,但就是不知道從哪裡開始學起,完全摸不著頭腦的進行臨摹和各種套版練習,這也是我接收到學員提問最多的一個問題。所以我就開啟了這個系列——“學文字組合”,希望能給大家帶來一些不一樣的內容,用個人的培訓經驗給大家梳理一個有效的學習流程。

今天我帶來的就是這個系列的第一章,學版式設計一定要先學文字組合。文章篇幅有點長,全程閱讀需要20分鐘左右,幹活慢慢,請各位自備茶水。後期我會根據工作時間調配,通過錄製視頻的形式進行發放,如果有興趣,可以持續關注我。

undefined

版式設計就是講文字、圖片、圖表與修飾等視覺元素,在有限的版面內,運用合理的手法對其進行編排組合呈現。通俗的解釋就是將版面元素信息進行有秩序的編排擺放,把堆積混亂的信息提煉進行二次表現,使其以容易閱讀的形式進行直觀的傳達給讀者,讓讀者在面對眾多文字信息的閱度中能順利輕鬆的閱度所傳遞的信息。

非專業設計師在處理版式內容的時候,容易過渡注重形式感的擺放而忽略版面本身最重要的信息傳遞。特別是在於圖片、文字、圖表與修飾元素等同時出現的情況下,難以分清主次關係,所以一個好的版式設計,需要認真研讀客戶需求與所需要的設計文案,深入了解客戶需求與文案之間呈現的重點劃分,確定消費群體人群,以此來確定風格走向。如果前期定位不准,容易導致品牌宣傳模糊化,不能準確傳遞正確的宣傳信息,從而影響產品銷量或品牌形像在消費者心中定位印象。

undefined

在版式設計的這個學科當中,運用範圍是非常的廣泛的,幾乎涵蓋了所有視覺類的設計,無論是品牌設計、平面設計、UI設計、電商設計、網設計等等,只有存在視覺當中皆為版式;但是每個學科當中的運用都有所不同,大致可以分為兩大類:需要印刷製作與線上網絡使用。

undefined

需要印刷的版式設計,多為書籍、畫冊、名片展架、導視與VI物料等等,在這類需要印刷製作的版式設計運用當中,需要符合嚴格的印刷製作要求標準,也需要考慮用戶使用其表現閱讀與觸摸的質感,特別是在工藝上的特殊處理,稍不留神容易造成返工的實際經濟損失;

例如1:在使用字體的過程當中,字體較小與運用的字體橫線過細情況下,是無法進行燙金燙金或局部UI的製作的,因為機器的精準度無法達到過細的保准,其次字體較小容易因為材料局部溢出造成糊字的情況,一旦大面積製作的情況下,經濟損失就直接造成了

再例如2:在考慮用戶使用的表現讀度和触摸質感上面,在使用字體的過程當中,需要根據客戶的群體不同選擇對應的字體進行組合表達,同時還需要配備不同的色彩使用。在使用的過程當中如果是畫冊書籍一類的話,在頁數幾十頁的運用過程當中,不同於線上使用的通篇詳情介紹,需要嚴格把控字體組合粗細大小的組合節奏變化,因為長時間處於同一種顏色和同一種粗細大小的文字使用,能很好的達到高度的設計統一。但與此同時得到的是過於生硬的設計統一,所以在運用頁數較多的情況下,需要進行穿插使用字體組合粗細大小的組合節奏變化,以此達到緩解視覺疲勞的效果,如果能搭配色彩過渡,效果更佳! !

線上網絡使用的版式設計多為電商網頁UI等等,相對於需要印刷製作所需要用到的文字量較少,內容信息較為集中,於此同時文字運用的成本也因字體版權的限制,可免費使用量更少。

在此基礎上,用戶的審美隨時代變化越來越高,在簡短的文字信息當中需要完整的表現足夠的信息傳遞,同時具有相對應的風格屬性,所以造成主標題進行字體創意設計的趨勢越來越大;同時在進行主題變化的需求也在慢慢增多,最多的還是在形式感的表現上;

例如淘寶雙十一的推廣文案,電影的線上推廣海報,網易云的音樂banner設計,這類型走在潮流前端的設計作品都在不斷運用版式中的文字組合進行二次加工處理調整,讓整體表現更具形式感。

綜合上述所講所有的內容,可見處處都存在著文字組合的運用,只是大多數都沒有註意到文字組合的重要性和實用性,所以很多學習版式的設計師都沒有對文字組合進行刻意訓練。

文字組合能很好的明確標題的目的,敲定版面文字的選用字體種類,明確版面字體與版面的風格走向,同時有助於讓設計師的工作量減半。處理文字組合的過程可以被分為七個步驟:確定需要設計的文案-分析處理文案閱讀流程-選定字體種類-敲定基礎組合字號大小與排序-處理字體均衡度-組合基礎變化-組合深度變化。

前期設計的溝通是很重要的,任何的設計都需要前期的溝通文案,確定文案的落地版本,如果在前期因為文案的錯誤或搖擺不定造成後期的不斷修改,是很難受的,敲定文案的最終落地版本,確保後續正常推薦,避免因為文案造成的多次改稿

分析文案的閱讀流程是非常重要的步驟,設計並非盲目進行的無厘頭拼湊,更多的是根據設計師自身對項目的理解進行的處理,也就是所謂設計的邏輯。例如下方的文案,每一個不同的斷句,閱讀的感受都不一樣,周圍所預留出來的空間大小也不同,這就可以在很多情況下影響版面的飽滿程度了。

不同的人群定位與不同的風格屬性,選擇不同的字體種類。常規的認識當中,黑體偏穩重,企業使用率最高,宋體偏文藝,楷體偏復古,手寫偏隨意,書法偏中國風等等;不同的字體種類在根據使用場景的不同,會進行搭配選擇,選對字體種類的搭配能讓設計師在設計的過程當中事半功倍。

在有了基礎的字體種類搭配後,就要接著敲定基礎組合的字號大小與排序方式,明確信息之間的字重比例關係。在選擇字號大小的時候,其實也就相當於需要根據文案重要信息的層級劃分進行處理,重要的信息明顯表達,修飾性的內容不能搶主題等等。在排序過程當中,實際上就是多種不同樣式搭配的對比選擇,經過對比選擇適合版面的組合內容。

undefined

當文字組合確定了字體組合基礎內容之後,就要進入深一度的調整變化了。字體搭配的均衡度也可以稱之為對比度,粗細大小對比度越大,均衡度越小。均衡度小不代表不適合運用設計,更多的是在設計的過程當中是否需要,或者運用的範圍是否需要大小和粗細對比大的情況。

對於局部的設計而言,均衡高的分佈更具有統一性,而對於版面個性化較強的版面而言,需要對比度較大的形成襯托。

更多的設計師喜歡追求於視覺效果的變化,認為變化越大設計感越強。文字組合的基礎變化是適合就好,以小變化形成版面的形式感即可。根據在市場上面的組合基礎變化有十幾二十種基礎變化,在常規的設計使用當中,基礎變化幾乎能完全滿足市場的使用需求了,過渡的修飾反而丟失了文字的識別性。

深度的組合變化是比較考驗一個設計師的基礎功底的,在原有的基礎文字組合變化上進行調整,通常都是通過文字的組合變化形成不同的視覺感受。例如常規的黑體與宋體的互相搭配,襯線與非襯線的混合使用,書法字與黑體或宋體的表達使用。在這類的變化當中,使用的字體較多,表現層次也是比較豐富的,形式感足夠強,可以適當的進行一段時間的刻意練習。可參考網易云音樂日常更新banner的變化,形式感與變化最為豐富。

在色彩的時候用當中,注意切勿過多,注意觀察下列作品的色彩變化,絕大多數的色彩除了主色調外,其餘的以點綴為主,多了容易亂,亂了版面就變得毫無價值了! !

以上就是該系列的第一篇“學版式設計為啥一定要先學文字組合”的全部內容,我已經很久很久沒有寫文章了,同行和朋友也一直在催我寫教程文章,同時也給了我很多行業內外優秀的編寫形式參考。

後續我將以此為基礎陸續更新更多關於版式的知識,詳細拆分每種字體的細緻搭配知識點,從黑體、宋體、楷體、手寫字、書法等等,都有可能涉及到。下一篇:“字體搭配組合篇-黑體組合”。

~不喜勿噴,歡迎交流點贊~

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。