<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 高手之路 字體設計

    2015-10-30    用心設計

    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    來源:莫貝網

    本文主題是“以少勝多 以一擋十”,通俗地說就是字體設計中的筆畫省略,在開始之前我們不得不提一下“格式塔心理學”,這是我們省略字體筆畫的理論基礎。

    格式塔是德文“Gestalt”的 譯音,意思是“完形”,即具有不同部分分離特性的有機整體。我們的眼睛和大腦在觀察事物、接收影像刺激的時候,會有一些特別的傾向。這些傾向常常可以幫助 我們快速的辨別事物,有時候也會產生所謂的“錯覺”。格式塔心理學重要的概念便是“整體不等于個體的總合”,舉例來說:當我們在觀察另一個人的時候,并不 是先看到他的手、腳、頭、眼睛、耳朵、鼻子,然后把這些視覺特征組合成一個稱為“人”的組合。我們是直接的觀察到人這個“整體”,而不是其他器官的“個體 的總合”。格式塔心理學主要有相似性原理、連續性原理、封閉性原理、對稱性原理等,舉例來說,比如我們看到下面幾個圖形:

    1

    我們可以發現,雖然上圖中的幾組線條沒有完全閉合,但是我們依然能看出他們是圓、三角形、方,我們的大腦會自動填補元素與元素間的空白部分,形成一段不存在的線段,這就是格式塔性理學中所說的封閉性原理。

    對于格式塔心理學的其他原理,有興趣可以尋找相關書籍進行更深入的學習,這里就不一一介紹了,下面我們通過幾個例子,給大家簡單介紹一下“格式塔心理學”在字體設計中的運用。

    案例1 唯一

    唯一兩個字給人一種很單純的感覺,因此,在設計的過程中我去除了一些比較繁瑣的筆畫結構,讓筆畫更簡單。中國有“一生二,二生三,三生萬物”之說,我們通過視覺自動補償缺失筆畫來達到這一效果,增加了文字內涵。

    2
    我們可以在電腦上打出“唯一”兩個字,觀察一下筆畫結構,我們可以發現字體中以橫畫與豎畫為主。

    3
    我們將“唯”字中傾斜的兩筆擺正,使筆畫更統一。

    4
    矩形工具將字體骨架搭建好,筆畫更為單純。

    5
    將筆畫加粗,并降低字體重心,使其在視覺上給人一種安定感。

    6
    接下來我們嘗試幾種方式來省略字體筆畫,第一個結構很亂,節奏掌握的不到位;第二個整體不錯,那一點起到了“暗示”的作用,讓視覺自動將筆畫補全;第三個沒有暗示的筆畫,看不出是“唯“字;第四個和第三個類似,看不出是圖形還是文字,筆畫省略太過頭。

    7
    通過對比,我們選擇了第二個進行優化。將筆畫粗細的分配重新調整,使筆畫在視覺上粗細一致,并且字體灰度更為平均。

    8
    一般來說,筆畫密集的地方要調細,筆畫疏的地方要加粗,上圖時進行調整后的筆畫,分別用數字和字母來代表對應的筆畫,仔細觀察你會發現其中的差異。

    9

    利用輔助線對字體進行進一步規范,合理安排字體間距,使其更整體。

    10
    字體完成,規范后的字體比原來更耐看了。

    11

    12

    案例2 修心

    修心是一種心靈境界上的超脫,是一種心無雜念同時又懂得包容的博大胸懷。因此在字體上,我們也要去除繁雜的筆畫,回歸本心,讓字體更單純。

    13

    我先在紙上打印了宋體與黑體,通過比較后,我選擇了以黑體為基本體進行設計,因為宋體筆畫結構相對復雜,而黑體筆畫單純,比較符合我心中對“修心”二字的定位。

    14

    從上圖中我們可以看到,紅圈部分的筆畫國語緊密,整體比較繁瑣,因此我們要想辦法弱化它。

    15嗯,感覺可以,還能認出是“修心”二字,所以我們可以在在這個基礎上調整字體筆畫,使其結構更嚴謹。我們將上圖中紅圈部分進行進一步優化。

    16
    現在筆畫看起來比原先緊湊一點,但是心字結構還可以繼續簡化,我們來嘗試一下。

    17
    好像還不錯,識別性和意境都有了,接下來我們根據這個字體骨架進行深入刻畫。

    18
    我們調整一下字體重心和字間距,將“修”字的偏旁縮短,使之與“心”字底部在一條直線上,這樣能在視覺上產生一種特別的美感。

    19

    將“修”字筆畫轉折處出現的內煎餃處理的圓滑一點,使之更流暢。

    20
    我們再對比一下轉角處用直角好還是用圓角好,考慮到字體外圍筆畫以方形為主,所以我選擇了右邊的方案。

    21
    經過細節的調整,這個字就完成了,修心養性,讓字體變得更簡單,讓心靈變得更單純。

    22

    欣賞

    前面我們通過兩個案例來和大家介紹了了一下“筆畫省略”的字體設計方法,希望大家有所收獲。下面給大家整理出幾個其他案例進行欣賞學習。

    欣賞

    為了順利開展開主題,“欣賞”的部分內容源自于互聯網,無法一一查明原創作者,無法一一準確列出出處,敬請諒解。

     

    后記

    23
    字體設計的方法還有很多,筆畫省略只是其中之一,想要真正成為高手,必須不斷學習和開拓新視野,有時候“眼高手低”并非壞事,取長補短,不斷總結和思考,才是提高的關鍵,以上只是工作生活中的一些經驗與大家分享交流,作品不甚完美,權當拋磚引玉,希望大家喜歡。

    相關專題《有關文字在移動端的那點事

    本文來自:JDC

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产午夜无码精品免费看动漫| 91麻豆精品国产| 亚洲国产精品无码AAA片| 国产69精品久久久久99尤物| 国产精品日韩AV在线播放| 亚洲国产精品丝袜在线观看| 99免费精品国产| 国语自产精品视频在线区| 亚洲国产精品一区二区第四页| 91po国产在线精品免费观看| 国产精品无码成人午夜电影| 亚洲精品无码乱码成人| 精品无码一级毛片免费视频观看| 久久国产精品-国产精品| 久久99热只有频精品8| 在线精品国产一区二区三区| 久久久久这里只有精品| 国产精品va在线观看无码| 久久精品一区二区三区不卡| 国内揄拍高清国内精品对白| 无码国产精品一区二区免费模式 | 久久精品国产清自在天天线| 91精品国产麻豆国产自产在线 | 久久人搡人人玩人妻精品首页| 2020最新久久久视精品爱| 国产福利91精品一区二区三区| 国产精品亚洲A∨天堂不卡| 久久精品国产亚洲AV大全| 少妇人妻无码精品视频app| 亚洲日韩精品无码一区二区三区 | 成人国内精品久久久久影院VR | 国产精品熟女高潮视频| 久久精品99久久香蕉国产色戒| 日本内射精品一区二区视频 | 99久久人妻无码精品系列| 国产在线精品一区二区中文| 久久精品国产亚洲AV电影| 久久精品国产网红主播| 精品无码国产自产拍在线观看| 久久水蜜桃亚洲av无码精品麻豆| 日韩精品无码专区免费播放|