• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 超全面的中文字體設計新手指南技巧—- 其他教程




    教學主題: 超全面的中文字體設計新手指南技巧

    大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

    今天的這個教學主題是: 超全面的中文字體設計新手指南技巧

    這教學的重點為這幾點 [ 技巧,設計,字體,中文,全面,宋體,使用,可以,風格,黑體, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    這是一篇由國外設計師寫的中文字體新手指南,特別下工夫,從中文字體的分類(包括歷史和網頁標準等),字體結構考究到創意字體設計等都有細緻詳實的講述。

    這是一篇由國外設計師寫的中文字體新手指南,特別下工夫,從中文字體的分類(包括歷史和網頁標準等),字體結構考究到創意字體設計等都有細緻詳實的講述。

    為何要關心

    從實用性的角度出發,近來越來越多的網站以及圖形設計項目中要求我需要設計一個中文的版本。說不定你也馬上也會面臨這些需求。

    從學習者的角度來看,中國字真的是酷斃了!眾所周知,中文是目前還在被使用的最古老的書寫體系,不僅如此,整個東亞地區地區的書寫語種都像是中文的一個分支。儘管這些語種已經進化成其他鮮明獨特的形態,但是你在其中仍然可以看到中文字符的身影。

    當然,還有一點不可或缺的原因就是:中文非常的優美。誰會拒絕欣賞美好的事物呢?

    萬事開頭難:簡體中文 VS 繁體中文

    你知道嗎,在中文的書寫體系有兩種標準。

    長話短說,在1949年毛主席引領共產黨執政后,他發現可以通過降低文字的複雜度來提高國民的識字率,於是他組織了很多語言學家修訂了開始了文字簡化運動。維基百科(英文版) 告訴我們:

    “中共分別在1956年和1964年發布了首次官方文字簡化的文件”

    在當時,香港、台灣以及澳門並不受大陸方面控制,所以他們並沒有改變字形,而是繼續保留了原有的繁體中文。在簡體字正式發布前,世界各地已經有大量的中國移民以及唐人街,所以在這些地方他們依然在使用繁體中文。

    超全面的中文字體設計新手指南技巧

    使用簡體中文的地方:

    作為中國大陸的官方書寫語言,自從1954正式發布以來就出現在各處。

    使用繁體中文的地方:

    作為香港、台灣以及澳門的官方書寫語言

    中國境外建立的唐人街

    1954年前中國大陸的古董書文中

    在中國大陸的某些非常官方的地名或者牌匾上

    在中文簡化前就已經分支的那些語種,比如:日文、韓文以及早期的越南語

    啊!真是醉了!

    額滴神啊!如潮水般的字符!

    試想一下這些歷史對於字體研發工作室意味着什麼:為了發布一個專業的字體,他們不僅需要創建一個包含超過20000個字符的字符集,他們還需要重複兩次工作,一次是簡體的,一次是繁體的。而且這還沒有考慮到多種文字粗細程度!

    什麼?我剛才說了20000?

    是不是已經嚇尿了?儘管已經做了簡化,但是專業的中文字體必須要包含大約20000種字形,有時可能會再多幾千種,有時可能會少一些。這其中還包含了英文的字母,中文以及英文的國際音標字母,以及龐大的中文標點符號集。繁體中文的字符集則至少要包含30000種字形。一些非專業的字體可能會僅僅包含大約2000種常用的字形,但是這些字體不應該被選來當做主要字體,因為有的時候你會發現它沒有你需要的文字。

    如何在@font-face以及網絡字體中使用它們?

    答案是不能使用它們。中國還沒有加入@font-face,他們依舊堅持使用原有的瀏覽器標準字體以及特殊類型使用的PNG/SVG。因為中文字體中包含了太多的字形,每一種字體的文件通常有3-7 MB,這體積輕而易舉額地就打敗了網頁中嵌入的內容。知道最近才出現了一些非標準網頁字體渲染的極端實驗技術,比如:有字庫 (www.youziku.com)以及 Justfont(http://cn.justfont.com) 。

    編者:國內已有同學在做這方面得努力:《前端工程師的菜!姍姍來遲的中文Webfont(附神器推薦)》

    超全面的中文字體設計新手指南技巧

    中文字體的主要分類

    西方字體使用幾種“主標題”和一系列的“小標題”加以區分。西方有襯線字體和無襯線字體之分,也有包括哥特體、手寫體、美術體、slab、等寬字體在內的一系列詞彙描述通用的印刷風格。雖然我們無法真正地將每一種字體歸類至襯線或無襯線類字體中(比如手繪手寫體就無法歸類),但這兩大類可能就是使用最廣泛的字體分類方法了,它們的使用範圍甚至早已超出了設計行業。

    這麼來看,中文字體的分類與我們自己的很相像。在中文裡,有兩個最主要的分類——宋體和黑體,可以被理解為“中文襯線字體”和“中文無襯線字體”。

    宋體

    如果一定要選一種字體來代表中文印刷字體的話,那麼宋體就是最佳的選擇。宋體的使用,最早可以追溯到中文雕版印刷的鼎盛時期——宋朝(公元960年-1279年)。由於雕版所使用的木頭具有的水平紋理,所以橫筆畫更容易雕刻而且還能保持非常的細小。相反,豎筆畫則難以雕刻,所以就會導致其變粗。同時,由於橫筆畫的兩端容易被磨損,所以人們就為其加上了字腳,讓這些地方變得更粗也更耐用。於是,宋體作為一種橫筆畫水平、豎筆畫粗壯、擁有華麗但規範字腳的字體,成為了中文襯線字的代表。

    超全面的中文字體設計新手指南技巧

    細而平的橫筆畫,粗壯的豎筆畫,帶字腳/“襯線字體”。

    網頁標準

    中易宋體,或者更廣為人知的英文叫法 SimSun,與它的前任,新宋體 NSimsun 就是簡體中文中的 the Times New Roman,因其內置於 Windows XP 系統而變得流行。中易宋體一直飽受喜愛:它依舊是Windows 7 中文的默認字體。如果你去問一個中國網頁設計師是什麼讓頁面更有“中文范”,他們通常會微微一笑然後回答 “SimSun,12pt” ——這就是這種字體究竟有多麼普及的最好證據。

    宋體示例

    這就是中易宋體,一個非常實用的中文宋體:

    超全面的中文字體設計新手指南技巧

    注意方正粗宋這個字體中,保持了經典宋體的豎粗壯、橫細平的特點,該字體由方正字庫創造:

    超全面的中文字體設計新手指南技巧

    在紐約時報周刊的中文網站上線之前,香港排版專家S瀚文受委託為其設計了一版中文字型。他使用的這種宋體筆畫粗細對比十分強烈、端點風格與紐約時代周刊的logo相匹配:

    超全面的中文字體設計新手指南技巧

    超全面的中文字體設計新手指南技巧

    變體:1950年代的宋體參考書:

    超全面的中文字體設計新手指南技巧

    1954年用於簽署憲法的中華人民共和國國璽上的宋體:

    超全面的中文字體設計新手指南技巧

    2009年《嘉人》雜誌封面下方精選文章標題所使用的宋體:

    超全面的中文字體設計新手指南技巧

    出現在牆體標語上的瘦高的宋體:

    超全面的中文字體設計新手指南技巧

    黑體

    另一個主要的分類就是黑體,大致對應“無襯線字體”。黑體的發明就要相對晚一些了。學者對於黑體的歷史有着很大的爭議,但我們可以發現它是二十世紀早期廣告印刷品的產物。

    超全面的中文字體設計新手指南技巧
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    結構方正,沒有字腳。

    網頁標準

    SimHei是與襯線字體SimSun相對應的標準無襯線字體。近幾年,微軟雅黑逐漸替代SimHei成為首選的網頁標配,但這依舊有一些兼容問題:微軟雅黑是從Windows Vista開始引入的,但至今中國為數眾多的XP用戶讓我們無法徹底放棄些許過時的SimHei字體。

    黑體示例

    下圖就是基本的SimHei:

    超全面的中文字體設計新手指南技巧
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    以及新興的黑體——微軟雅黑,我稱之中文版的Helvetica:

    超全面的中文字體設計新手指南技巧

    思源黑體是Adobe與Google合作,在2014年推出的可愛的新版黑體。你可以發現它與SumHei在端點處理上的不同:

    超全面的中文字體設計新手指南技巧

    1913年出現在報紙標題中的黑體:

    超全面的中文字體設計新手指南技巧

    Noto Sans簡體中文是谷歌通用語言項目(Google’s universal language project)的一部分:

    超全面的中文字體設計新手指南技巧

    目前我最喜歡的一款黑體是來自造字工房的悅黑:

    超全面的中文字體設計新手指南技巧

    尚黑,造字工房製作的另一款別具風格的黑體:

    超全面的中文字體設計新手指南技巧

    二十世紀六十年代的一款印在華麗的留蘭香牙膏盒上的斜體design-y黑體:

    超全面的中文字體設計新手指南技巧

    楷體

    楷體模仿自基本軟筆手寫字體。但楷體並不是一種奇形怪狀的字體,它並不會很花哨,依舊構建在一定的規則中,並保正其正常的結構。下面是Adobe楷體,你可以在 Photoshop 以及 Adobe 的其他軟件中發現它的身影:

    超全面的中文字體設計新手指南技巧

    橫筆畫也可以帶角度,柔軟且富有彈性的末端,以及符合自然的筆觸寬度。

    字體中書法的名稱

    如果我們要追根溯源的話,“楷”在這裡並不僅僅指“軟筆手寫體”,而是指一種產生於公元151-230年間的古代手寫書法風格。除此之外,還有另外一些出現在現代字體名稱中的書法風格,如:草書、隸書、行書等等,但這些字體過於奇特和風格化,所以基本在印刷體中並不多見。

    如果你想了解更多關於書法風格的內容,可以看看這個炫酷的凸版印刷項目漢字年史,它是由一位我最喜歡的現代印刷商左佐製作的(看在上帝的份上你們一定要去看這篇 Creative Hunt 對他的採訪):

    超全面的中文字體設計新手指南技巧

    網頁標準

    在簡體中文中,楷體並沒有網頁標準版本,稱之為“Kaiti”(或“Biao Kaiti”)就可以了。你可以在網頁中使用楷體,但是如果字號很小就最好不要使用了。

    楷體示例

    現代楷體是受到了宋代大書法家蘇東坡(公元1037-1101)的《過都昌》等作品中粗楷體詩風格的影響:

    超全面的中文字體設計新手指南技巧

    公元1300年左右的官文:

    超全面的中文字體設計新手指南技巧

    Kindle楷體 加粗:

    超全面的中文字體設計新手指南技巧

    方正楷體:

    超全面的中文字體設計新手指南技巧

    這張1925年的報紙上的所有的大字都是楷體:

    超全面的中文字體設計新手指南技巧

    仿宋體

    仿宋體是一種混合風格的字體,他具有宋體的結構,同時也受到手寫楷體視覺風格的影響。未經訓練的人第一次是較難區分宋體與仿宋體的,但這也是有技巧的——經典宋體中的橫一定是平直的,而仿宋體則會微微傾斜。同時,仿宋體不會有很大的字腳,橫豎筆畫的粗細對比也沒有宋體那麼大。

    超全面的中文字體設計新手指南技巧

    仿宋示例

    方正出品的仿宋字體:

    超全面的中文字體設計新手指南技巧

    另一個強勁對手——漢儀製作的漢儀仿宋:

    超全面的中文字體設計新手指南技巧

    由劉從新製作的“飛仿宋”:

    超全面的中文字體設計新手指南技巧

    《四部備要》:

    超全面的中文字體設計新手指南技巧

    美術體

    美術體是一類極具風格的字體,它們可以包括從稚嫩到厚重到新奇的各類風格——正如其名“美術”所指。為了在線上使用這類字體,你可能需要矢量圖或位圖來實現,或者啟用極具實驗性質的亞洲字體庫“有字庫”。下面就是丁丁手繪體,一款來自造字工房的打着圈圈的字體:

    超全面的中文字體設計新手指南技巧

    下面是二十世紀七十年代印刷在相機包裝上的美術字體:

    超全面的中文字體設計新手指南技巧

    圓體

    圓體是黑體(無襯線字體)的一個特別的子類。這個名字非常形象——具有圓潤轉角的無襯線字體。圓體在現代保險和廣告中很常見。它也不具有網頁標準字體。

    超全面的中文字體設計新手指南技巧

    你應該注意到了:字體名稱前綴。

    正如你所推測的一樣,字體製作方通常會在字體名稱前加上自己名字。以“HY”開頭的來自漢儀,以“FZ”開頭的來自方正,以“MF”開頭的則來自造字工房,等等。

    是的!使用中文字體需要獲得授權!

    當然,它們比英文字體貴好多好多倍(當然要貴了!因為要做近兩萬個字型啊!)。但別失望:有些製作方為個人用戶提供了具有有限字型庫的適用版,所以如果你只是想試試字體、做個Logo、或者讓你的標題頗具風格,試用版是個不錯的選擇。

    —————————————— 結構上的考究 ——————————————

    到處都是方格

    中文字符都嚴格地擺放在方格之中,而細緻設計的字符會均衡地使用一個方格的位置。就連中文標點符號也同樣佔用一個方格的位置,所以在句號和逗號之後無需任何空格。我已經習慣了使用空格好多年了,但我會毫不猶豫地說,方格才是書寫語言的基礎構建單元。

    超全面的中文字體設計新手指南技巧

    上下左右:書寫方向

    我不會打擊你們小小的自信心:你應該從大量的日本漫畫中知道了亞洲語言可以從右至左、從上至下閱讀。但是,在大多數情況下,中文和英文一樣是從左至右閱讀的。但由於中文是構建在方格之中的,所以中文比英文有好很多的豎向排版表現。這意味着以藝術風格主導的短小文本(書的封面、商標或標誌),可以賦予創意地隨意擺放文字,而不全失其可讀性——只要詞序不過分錯亂。但在更基礎的閱讀中,從左至右、從上至下的順序才是標準的。

    竟然木有空格!

    一種沒有空格的語言,你又是如何知道一個詞彙的開始與結束?如果一個文本可以在任何方向上書寫,你又是如何知道從何處閱讀?雖然我已研習中文數年,我依舊無法回答這個問題。但當我學會了句讀之後,我就不再考慮這些問題了。很顯然,其他人也並無這種顧慮:

    2008年的時候,研究員發布了一個課題,藉助天津師範大學的學生,他們想研究在中文中加入間隔對於閱讀的影響。他們在詞彙與詞組之間加入空格,結果如下:

    “.…研究結果表明,在詞彙間加入空格(或者高亮詞彙的邊界)對中文閱讀並無幫助,至少是對普通無空格文本的閱讀是沒有幫助的。”

    缺少間隔讓文字排版產生了一些有趣的細節,最顯著的就是中文中並沒有連字符——排版者必須要知道詞彙或語義的結束與開始,這樣才能完成準確的句讀。

    現代中文排版大觀

    活學活用時間!這裡有些不錯的中文版式設計,首先是來自澳門Tun Ho的海報。這幅作品包含四個漢字,從上至下,是中國的一句俗語:“天天向上”。你可以發現作者將漢字變成了指向天空的箭矢,而環繞四周的祥雲則揭示了其中的含義。

    超全面的中文字體設計新手指南技巧

    這幅出色的作品由上海的More Tong創作。這幅畫包含兩個被拆開的漢字——非常,也即廣告公司Anomaly的漢字。他將“非”拆分為兩半,分別置於“常”的左右。

    超全面的中文字體設計新手指南技巧

    下面的詩詞視覺化作品出自北京印刷人Liam Lee之手。

    超全面的中文字體設計新手指南技巧

    在Mr.Mz創作的眾多作品中,其中有一個是對著名歷史人物“張飛”名字的視覺化表現:

    超全面的中文字體設計新手指南技巧

    這是造字工房創始人丁一為迪士尼所創作的一套字體,之所以在這裡推薦的主要願意就是愛麗絲的品牌標示超越了語言,被完好的保留了下來:

    超全面的中文字體設計新手指南技巧

    由新加坡藝術家Kevin創作的空系列作品:

    超全面的中文字體設計新手指南技巧

    由Shangchin Ding 創作的紐約:

    超全面的中文字體設計新手指南技巧

    上海的 Wang 2Mu 創作的逆流而上插畫。

    超全面的中文字體設計新手指南技巧

    怎麼樣?非常帥氣吧!現在你就可以嘗試使用宋體來完成一次創作了,你也可以繼續到網上搜尋更多關於漢字的內容,相信你會有更多意想不到的發現。

    看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 超全面的中文字體設計新手指南技巧 這教學會喜歡

    文章標題: 骨子愛創意- 超全面的中文字體設計新手指南技巧–轉載請註明來源處

    本教學分類為平面理論教程中的 其他教程相關教學

    文章相關關鍵字為: 技巧,設計,字體,中文,全面,宋體,使用,可以,風格,黑體,

    本文永久連結 :超全面的中文字體設計新手指南技巧

    本文轉載自 :VIA