• <var id="bjbw8"></var>
  • <nobr id="bjbw8"><progress id="bjbw8"><nav id="bjbw8"></nav></progress></nobr>
    <var id="bjbw8"></var>

  • <nav id="bjbw8"></nav>

    <table id="bjbw8"><th id="bjbw8"></th></table>

      1. 文字排版中的基礎知識

        如今,
        隨著媒介越來越多,
        版面設計變的越來越復雜.
        經驗 | 文字排版中的基礎知識
        但只要掌握了文字排版中的基礎知識,就能快速解決各種版面的排版問題
        經驗 | 文字排版中的基礎知識
        讀懂字體性格
        選擇字體不再迷茫.
        東方文字,西方字母,阿拉伯數字是我們日常排版打交道最多的,由他們形成的上萬種字體帶給閱讀者多樣風格的同時,也對版面的設計增加了難度。其實這么多字體的背后是存在一定的共性與規則
        首先,上萬種東方文字&西方字母的字體都由3種字體類型出發去設計的
        經驗 | 文字排版中的基礎知識?它代表著細節、裝飾、復古?
        ?
        經驗 | 文字排版中的基礎知識
        名稱叫法:東方——宋體,西方——襯線體
        特征:筆畫的首尾有裝飾性的細節,筆畫粗細對比強烈,橫豎末端有小三角,點、撇、捺、鉤等筆畫有尖端
        性格:具有復古、優雅、有文化感歷史感的視覺效果
        具有年代感的報紙、雜志或品牌通常會選擇用這一風格的字體系列
        經驗 | 文字排版中的基礎知識
        由于每個字體裝飾性細節較多,如果做為正文字體去閱讀,在人眼掃讀的情況下,細節過多,反而會降低體驗感,但我們日常閱讀的書籍,特別是紙質,幾乎都是以宋體、襯線體為正文閱讀字體,這是為什么?就這個問題,我咨詢了一些優秀的字體設計師,歡迎大家思考后在評論區發表你的觀點,我們搜集完大家的見解在后期的文章中就這一話題進行探討
        ★ 西方襯線體推薦字體
        Garamond——經典襯線體
        Caslon——巴洛克風格基礎上改造 獨立宣言字體
        Coueier——過去打字機打出來的字體
        Trajan——古羅馬大寫字體 端正有氣勢,復古、有歷史厚重感 泰坦尼克號電影海報標題
        Bodoni——現代主義風格最完美的體現、粗細對比強烈、優雅浪漫 常見于時尚雜志或書籍設計中, 田中一光的《設計的覺醒》封面所使用的字體
        ★ 東方宋體推薦字體
        思源宋體
        造字工房宋體系列
        華康標題宋
        漢儀瑞意宋體
        方正風雅宋體
        方正清科本悅宋體
        經驗 | 文字排版中的基礎知識?它代表著時尚、未來、簡約?
        ?
        經驗 | 文字排版中的基礎知識
        名稱叫法:東方——黑體,西方——無襯線體
        特征:筆畫粗細統一、造型簡明、沒有裝飾性細節
        性格:現代簡約、時尚高級、科技工業感
        去除了裝飾的襯線,只有粗細統一的主干,簡約更能表達未來、時尚、科技
        經驗 | 文字排版中的基礎知識
        所以我們在很多科幻、數字時代主題的視覺中都能看到黑體&非襯線體的運用。很多科技公司的LOGO也更偏向于用這樣的字體
         

         

         

        ★ 西方非襯線體推薦字體
        Futura——包豪斯風格字體
        Helvetica——無襯線體的經典之作,無印良品LOGO的字體
        DIN——標準網格中創造出來的字體,包豪斯設計學院墻面上的字體是FF DIN字體
        Frutiger——很多導視系統都用這個字體
        Adele——纖細飽滿
        Arial——微軟御用字體,設計的目的是在電腦屏幕上不同分辨率下的可讀性,屬于萬能字體。不過比較普通,用在各種場合也不會容易出現違和感。和Helvetica字體很相似
        ★ 東方黑體推薦字體
        思源柔黑
        蘋方黑
        冬青黑體
        方正蘭亭黑
        漢儀旗黑
        站酷高端黑/酷黑
        經驗 | 文字排版中的基礎知識?它代表著自由、個性、定制?
        ?
        經驗 | 文字排版中的基礎知識
        名稱叫法:東方——書法體,西方——花體、手寫體
        特征:筆畫粗細靈活變化,造型講究個性美學效果,整體風格獨特,造型跨度大
        性格:文藝、個性化、活潑、浪漫、大氣、復古...
        中國的書法、西方的手寫體,都可以稱為裝飾性字體,他們無法用于正文排版,造型變化靈活,閱讀起來比較困難
        經驗 | 文字排版中的基礎知識
        不同字體的風格特點明顯,很容易通過字體讓視覺定義成自己想要的風格
        ★ 西方手寫體推薦字體
        Spencerian——斯賓塞體,可口可樂LOGO
        Copperplate——銅板印刷體/銅板體
        Gothic——哥特體
        Italic——意大利體
        ★ 東方書法體推薦字體
        漢儀尚巍手書
        葉根友毛筆系列
        方正字跡系列
        禹衛書法行書
        禹衛書法隸書
        經驗 | 文字排版中的基礎知識
        設置文字屬性
        區分內容主次.
        經驗 | 文字排版中的基礎知識
        一篇文章有標題、副標題、正文、引言、提示性文字等文字功能分區,即是為了區分文章內容上的結構,也是為了通過視覺上的分層引導用戶,讓閱讀體驗感更佳,那么,我們可以通過文本的這些屬性來對視覺進行分層
        經驗 | 文字排版中的基礎知識?字號大小
        經驗 | 文字排版中的基礎知識
        在上圖中,我們可以看到5處文本類型,我們只用了3個不同的字號:
        P=閱讀最舒適的字號,拿公眾號文章舉例,12號-14號是常用的正文字號,在word軟件中,12號可能與公眾號設置的12號看上去就不一樣大小了,所以不同的場景、設備、屏幕、軟件,后臺所設置的字號顯示出來的都不同,這里我們不去記錄絕對值,而是通過用戶視角去預覽、修改、測試
        h1=主題/第一視角,標題在整個頁面中,一般是字號最大的那個,為了達到標題的作用,僅僅大于正文的字號是不夠的,大就需要大的明顯,最少1-2倍才能吸引用戶視線
        h2=這里我設置的是輔助性信息,字號比正文還要小一點,但也要預覽測試一下,不能小到不能識別,對于有5處文本類型,我們設置了3個不同的字號就已經夠了,如果每個文本類型都用不同的字號,視覺分層過度也就等于沒有分層
        經驗 | 文字排版中的基礎知識?字重
        ?
        字體設計師設計字體時,會為這個字型配套一個家族,它們長相差不多,通常只有粗細、斜體之分,我們又稱之為“字重”
        經驗 | 文字排版中的基礎知識
        通過調整字重來“強調”,大家可以看到上圖,我們不僅調整了標題的字重,在正文中一些需要強調的關鍵詞也調整了字重,更好的服務閱讀體驗
        經驗 | 文字排版中的基礎知識?顏色
        ?
        這里說的顏色并不是指通過配色提升視覺風格,而是站在閱讀體驗的角度,設想一下,如今,數字版面區別于紙質書籍,數字版面上的信息種類更多,如果這些文本模塊都是統一的顏色,閱讀起來會很吃力
        經驗 | 文字排版中的基礎知識
        我們把文本通過深、中、淺、極淺去區分內容信息的權重,與之前調整的“字號”、“字重”做搭配,信息的閱讀分層會更有效
        經驗 | 文字排版中的基礎知識?對齊方式
        我們通常將大段落/正文進行左對齊,依據人的閱讀習慣是從左往右從上到下,右對齊也僅僅是應用在短文本的一些輔助、裝飾性內容上。值得一提的是不論我們向哪個方向對齊,文本多列后,會出現參差不齊的視覺,這時候我們就需要對文本進行兩端對齊
        經驗 | 文字排版中的基礎知識
        經驗 | 文字排版中的基礎知識
        閱讀的呼吸感
        控制閱讀節奏.
        經驗 | 文字排版中的基礎知識?影響呼吸感的因素——行寬
        一段文字的行寬過大,就跟讀沒有句號的文字一樣,局促并且很可能找不到閱讀的下一行
        經驗 | 文字排版中的基礎知識
        我們需要控制行寬在閱讀舒適的范圍內,像現在很大開本的書,都采用了小行寬,多段落的排版方式
        經驗 | 文字排版中的基礎知識?影響呼吸感的因素——字間距
        ?
        字間距大,會讓每個文字鏗鏘有力,同時如果是大段落文字,會很難閱讀的下去
        經驗 | 文字排版中的基礎知識
        所以我們在很多大片電影的片頭中,會看到通過增加字間距來烘托“震撼”、“強調”的氛圍
        經驗 | 文字排版中的基礎知識
        經驗 | 文字排版中的基礎知識?影響呼吸感的因素——行高
        經驗 | 文字排版中的基礎知識
        行間距與字間距是相輔相成的,如果字間距與行間距沒有明顯的區別,會造成橫排閱讀和豎排閱讀的視覺錯覺,行間距太小過于緊湊,行間距過大顯得版面太空,所以這個距離通常是字號高度的1.5倍-2倍,也就是說,空白的地方一般是半個字到一個字的距離
        經驗 | 文字排版中的基礎知識?影響呼吸感的因素——段落
        ?
        經驗 | 文字排版中的基礎知識
        一個版面可能出現很多文本類型,我們需要通過段落的間距去為他們進行分組,規劃好內容分區,用明顯的距離將他們分組,我們也可以通過一些裝飾線,背景的顏色去為這些文本類型分組,提升閱讀主次
        這些基礎的排版知識,你都get了嗎?當你每寫完一篇文章或做好一個版面的時候,都可以把自己變成讀者的視角,用這些小知識驗證一下,相信你的作品會非常的精致有效!

        你也可能喜歡

        評論已經被關閉。

        插入圖片
        關注 關注
        關注
        返回頂部
        香港早期大尺度床戏,国产一区二区三区久久精品,国产成人啪精品视频免费软件
      2. <var id="bjbw8"></var>
      3. <nobr id="bjbw8"><progress id="bjbw8"><nav id="bjbw8"></nav></progress></nobr>
        <var id="bjbw8"></var>

      4. <nav id="bjbw8"></nav>

        <table id="bjbw8"><th id="bjbw8"></th></table>