6招迅速提升字體設計感【傑視幫】

2021-02-13 傑視幫

點擊上方藍字關注我  ↑↑↑

授權轉自公眾號:小夢想小設計小感悟


如無特殊註明

文章所舉例子均是我的案例

如果我的分享能幫到你

哪怕是一句話,那我也很開心

前面分六篇連載的提升設計感小技巧,有的小夥伴反映更新太慢,不過癮,所以這次來個總結。還沒看過的小夥伴這次可不要錯過啦。下面從第一招開始:


已經想好一組字

想最直接最快速提升這組字的設計感

你可以試下

字體筆畫的連接、分斷與簡化

筆畫的連接通常分兩種

字內連接,指在同一個字中,把相鄰相近筆畫融合成一個筆畫的一種手法,這樣看起來字體會更流暢,簡介。如下圖所示


上圖圈圈標註出來的地方就是字間連接的地方,連接切記要做到自然,順暢,比如順書寫順序連接,不要過分牽強,為了連接而瞎連接。

字間連接,指連接的筆畫是來自相鄰字體的一種手法,連接後整個字組視覺上更流暢,有了一定視覺衝擊力。如下圖



上圖圈圈標註的地方就是字間連接處。如果相鄰倆字實在找不到可以連接的筆畫,這時候可以通過把字錯開排列,比如上面」光榮「,上下排列以製造連接的可能。字間連接同樣,切忌過分牽強硬連,要在確保原本筆畫大致形狀位置前提下做連接變化,就是識別性的問題,因為很多漢字構造很接近,只要稍作某些筆畫的調整就會變成別的字。不然練完自己都不知道是什麼字了。

筆畫的分斷如下圖


如上圖圈圈標註地方,都是對筆畫做分斷處理。作用,效果大致有以下幾點:簡化字體,製造字組共同特徵,配合筆畫連接。挺好用的這個,只需小小切斷一下。

筆畫簡化

筆畫簡化是字體設計重要性其中一個原因

區別於字庫字體

如下圖



如上圖圈圈標註地方,」夜色「中,均是對標註部分做了筆畫連接與分斷,綜合起來運用就是字體的簡化。發現沒,通過這些處理,筆畫變得順暢,字體內部空間變得疏密有致,這些其實就是做字體簡化的依據!」故事「這組,事的下面」橫「的不出頭是為了讓」故「跟」事「視覺上更協調一致,這有時也會是變化的依據。

字體設計感的提升,除了對字的筆畫做連接,分斷,簡化,還有別的方法嗎?還有一種很出彩的手法,熟練運用的話,字體會變得很」設計「。就是給字組間每個字都製造一些共同特徵

首先是單個字要具備一些特徵。比如內外圓角、筆畫端點修飾、筆畫的分斷、筆畫造型調整等等,然後把這些特徵都試著延伸到字組中每一個字。如下圖所示

內外圓角

端點修飾



上圖都是對筆畫端點修飾的案例,修飾的形狀有很多種,我這裡僅列舉這幾個,就做個說明。


筆畫分斷


如上圖所示,分斷的地方的選擇,儘量找筆畫環境相同或相似處,這樣分斷後才能產生共同特徵。

還有一種特殊的製造共同特徵方法

這種字體的製作需要先打草稿

做整體字形的設計

而不是某一些特徵的設計

如下圖兩例



但記住,這些都只是形式的東西

不要過分執著追求

剛開始做基礎訓練倒不錯

試試,在做設計之前

在草稿上塗一塗

加一些共同特徵進去

筆畫的誇張處理,也是一種快速提高設計感的方式。比如把整個筆畫拉伸,或者筆畫端點修飾變幻拉伸,筆畫位移,或者筆畫擬物畫。


筆畫拉伸

如圖標註所示,對筆畫純拉伸處理。一般適用於表現運動感,力量感主題的字體。

筆畫端點修飾變幻拉伸


如上圖,「光榮」標註的地方,就是對端點拉伸;「流浪」是把撇跟捺變化成勾狀。可以用來營造一種氛圍。

筆畫位移

如上圖,對橫做位移處理。製造一種視覺衝擊力。

筆畫擬物化


如圖,清明,對其中一些合適的筆畫,稍作調整,呈雨滴狀,字體瞬間就有了一點畫面感;金剛狼,剛字的力刀旁兩個筆畫處理的一樣長,尖銳化,使之看起來像角色手上面的鋼爪一樣。這種處理手法選擇的筆畫位置要恰當,變形程度要適度,就是要儘量做到自然,既最大限度保留原筆畫形態,又能讓人聯想到某樣東西。

總結

筆畫的誇張

可以表現一種情緒

迅速營造一種氛圍

使人聯想起一副畫面

使用得當

立馬你的字體DUANG起來

字體設計要玩創意的話,可以有很多種不同的形式。這裡介紹一種方法就是漢字與其他元素的融合,比如漢字與字母結合,漢字與數字結合,漢字與圖形結合等等,可以很快速的提高你的字體的設計感。

我舉例三種例子

如下


文字與字母結合

因為主題是有關字體幫的"幫派「二字,我就把ziti融入其中,注意融合的地方的選擇,做這種創意的話,最好是要兼顧融合後的漢字識別度,因為識別性兼顧到的話,顯得更巧妙!


文字與數字結合

這組字是我去年做的,好醜不忍直視,哈哈,這裡舉例僅作個闡述說明,字與數字結合就是這麼個意思。


文字與圖形結合

要注意,這裡的圖形是指比較具象的,因為具象的圖形融入字裡面,會顯得更有趣,抽象的筆畫與具象的圖形結合,會令你的字體活起來,不會那麼悶,圖形要儘量契合做置換的筆畫形態,圖形的選擇要儘量符合主題或字體本身含義,這樣,圖形的融合才會讓人感覺雖然跳躍,但也在情理之中。

總結一點

融入元素的選擇要儘量合理

要選圖形跟筆畫形態最契合的地方

不要亂加不符合含義主題的圖形

還有儘量不要融入太多圖形

因為不好把握這個度


快速打造字體設計感,還有一個方法是在筆畫上作文章。最簡單的是在筆畫上疊加一層紋理,或者一層斑駁效果,這種也很見效果。還有一種,通常情況下字體筆畫是存在於同一個平面上,也就是他們是二維關係,只有上下左右,沒有前後之分,那麼如果賦予他們三維的關係呢,也即是筆畫有了體積感,筆畫之間有了空間關係。接下來要說的,就是筆畫的體積感與空間關係。請往下看:


最簡單的筆畫效果,如上面所示,加一些斑駁筆刷效果。

那麼,筆畫有了三維關係

是什麼概念的字體呢

首先來看下下面這些



上面的圖是塗鴉字體。下面的是字庫字體,但細看又好像有塗鴉字體的感覺,對了,就是把筆畫做塗鴉字體筆畫處理,如圈圈標註出的這些折線(陰影)地方,就是塗鴉字體的明顯特徵之一,但不是亂加上去的,字體內部筆畫都是有空間層疊關係,是按照這個規律添加的!此處舉例塗鴉字體風格,是因為繪製過程是需要考慮到空間關係,而且,這種塗鴉字體筆畫效果是可以適用多種不同字形。

然後是這種


這兩例最突出特徵就是筆畫有了體積感,似乎要馬上脫離「組織」。一般這個手法就是把筆畫單獨拆開,賦予體積感,再協調到最佳關係讓他們「擺」再一起。上圖創意字形,下圖字庫字形,同樣,這種手法也是適用多種字形。


上面的圖,主要是運用了筆畫空間關係。下面的就複雜點,細看它的筆畫,不僅有體積感,空間關係,還有更複雜的筆畫穿插處理。「套路」這種風格的字體,筆畫修飾形式還有很多種,對應不同筆畫形態適用不同處理手法,後面有機會的話會說下。

像這種筆畫三維化效果

因為筆畫做了效果略顯複雜

多使用在創意字形上


設計完一組字,先別急著保存關閉軟體,還有一個小技巧可以提高設計感。比如,文字的組合樣式,加入英文或拼音或一些小圖形點綴,給整個字組做一個拉伸變形。細解還請往下看:


上面的,是字體錯位橫排,下面的,是字體錯位豎排。看起來就比較生動了。

加英文或拼音修飾或小圖形點綴

英文或拼音豎排


可以居中豎排,也可靠邊豎排。

英文或拼音橫排


同樣可以居中或靠邊

字母特殊情況下的運用


如上圖,結束二字中,英文的作用是平衡整個字組;而下面的夜色,拼音這裡宛如化作星星點綴夜空,就是起到點綴整個字組的作用。

小圖形點綴


圖中,字後面三角圈圈,旁邊的三角形,都是起到前綴作用,但注意,這些元素的使用要適量,不能搶了字體的主角地位。


如上圖,拉伸變形就是這個意思,可以通過一些簡單工具指令實現,例如,我用CDR做字,使用封套具很快能實現。

好了,就是這6個迅速提升字體設計感的小技巧,是不是很簡單呢。不要只是看,趕緊練起來吧!

相關焦點

  • [公開課] 破譯behance大神優秀作品【傑視幫】
    傑視幫,讓公開課變得從未如此簡單記得明晚(8.16)來聽直播哦!傑視幫提醒您:後面是廣告了,如您有需求可以看看。入學前作品特點:● 不忍直視的配色、排版和審美● 比人工智慧「鹿班」做的還差勁● 缺乏設計師必備的各項技能:字體/修圖/排版/合成等等
  • 可免費商用中文字體大全打包下載~
    但請留意,如您需要在阿里巴巴集團旗下平臺之外使用該些字體,必須另行獲取華康字體公司的正式授權。>4DFFangYuanGB-W7華康方圓體5DFGangBiGB-W2華康鋼筆體6DFHaiBaoGB-W12華康海報體7DFHannotateGB-W5
  • 技巧(12)關於PPT的字體遷移,你必須知道的四招
    出現這些情況,你一定是遭遇了字體丟失的問題!趕緊跟陳老師學上幾招,回去治治這磨人的小妖精!哼~了解PowerPoint和字體的關係;掌握下載和安裝字體的方法;掌握字體遷移的四種處理方式。很多新手做PPT之所以大量用宋體,一方面是他們沒有要換用字體的概念——字體不好看?
  • 6個線條技巧幫助你提升PPT設計感!
    腦洞一下,也可以真的把線條做成穿針引線的形式,隱藏線條讓頁面更具設計感。
  • 在字體課上的字體修改案例
    我也大致寫了一些與之相關的文字解釋在此做簡單分享希望對大家有一點提醒和幫助寫的比較快文字沒做過多檢查如有失誤,請見諒▲第一例-1,原字體本身的筆畫是蠻可愛的形式,但略顯拘謹,表現力度還不夠,所以在下面的修改中,我刻意提升了筆畫的靈活度,
  • 乾貨:字體設計中8種常用創意方法
    在進行廣告的創意,對漢字進行創意,往往也能達到比較驚豔的效果,本期就給大家帶來一期乾貨,推薦一些常用的字體設計創意方法。1替換法。替換法是在統一形態的文字元素加入另類不同的圖形元素或文字元素。其本質是根據文字的內容意思,用某一形象替代字體的某個部分或某一筆畫,這些形象或寫實或誇張。
  • 專業平面設計師常用的中文字體有哪些
    主流課程打造UI+前端雙倍跨界能力 6大授課特點力造行業典範從美術基礎到實戰項目從名師輔導到大咖親助
  • 關於英文字體,我只推薦這15款(打包下載)
    紛紛要求讓我推薦一些英文字體,於是就有了這篇文章。如果沒有看過上篇文章的,可以點擊連結進行瀏覽《最全的PPT字體使用手冊》。本文從三個角度來解讀英文字體,分別是標題字體,正文字體以及一些特殊的字體。BIG JOHN字體是設計師常用的字體之一,設計感很足,線條很明顯,字母之間的距離拉得很開。
  • 英文字體推薦以及使用指南
    字體是視覺設計中最重要的傳達元素之一,字體本身的視覺特性和品質影響著信息傳遞的質量,英文字體有自己非常完善的系統,如果要精通則需要從字體的歷史與形成,文化屬性細細研究,限於文章篇幅,這裡只從個人的感受出發寫一些更偏向於應用的內容。
  • 17招設計中文字體的創意方法,總有一招你用得上!
    特別是中文字體,更加麻煩。今天給大家分享17招中文字體設計方法,拿走不謝!1、替換替換法是在統一形態的文字元素加入另類不同的圖形元素或文字元素。其本質是根據文字的內容意思,將文字的局部替換。將文字的內涵外露,在形象和感官上都增加了一定的藝術感染力。
  • 好看的中文標題字體推薦
    上周馬克筆設計留學的安老師給大家帶來了一套阿里巴巴的普惠體介紹《思源黑體不在孤獨,馬爸爸的免費商用字體了解一下》,本周安老師來給大家推薦一些中文字體
  • 掌握寫好硬筆字的6個秘方,迅速提升練字自信心!
    今天給大家整理出了6種寫好硬筆字的小妙招,記得仔細閱讀,收藏起來奧!1、別寫成方塊字我們口中的「方塊字」是相對外文而言,其實大家可以在日常中去仔細觀察,把漢字寫成方塊字其實並不好看的,中國人喜歡追求圓潤的、錯落的、互補的,所以字體一般為方圓結合為宜。
  • 設計感十足的公共座椅正在提升「城市家具」品質
    城市公共空間設施的需求與質量在逐步提升,像公共座椅、精神堡壘、廣告牌匾、景觀照明等「城市家具」進入大眾視野,而「城市家具」也是城市景觀中的尤為重要的公共「生活道具」!公共座椅可以根據城市空間環境進行設計搭配,大幅提升城市家具美感及商業經營、展示效果,喧鬧世界裡,治癒人們疲憊的靈魂。打破常規·原創個性城市家具實木打磨的公共座椅,彰顯匠心工藝,英文塗鴉,盡展張揚個性,追逐每個細節的精益求精,帶來舒適觸感的美學體驗。
  • 怎樣提升PPT的設計感?分享4個簡單的PPT小技巧,瞬間提升逼格
    小編也不能落後是不是,於是學習到了一些提升PPT設計感的幾種小技巧,做出的PPT還真是變得高大上了,今天小編給大家分享一下這幾種製作PPT的方法。01文字遮擋效果文字遮擋效果真的是我個人在做PPT的時候,比較喜歡用的一種方式,因為它有很強的視覺衝擊力,能瞬間提升PPT的設計感,而且在操作層面幾乎也沒什麼難度。
  • 這6本書,迅速提升你的眼界
    【精讀君曰】「如何提升自己的視野?」 這是知乎上十分火熱的一個帖子。「視野」,本意指的是,一個人所能觀察或認識到的範圍或者說程度。人們常說的「會當凌絕頂,一覽眾山小」或「欲窮千裡目,更上一層樓」都反映了視野寬廣的重要性。回到最初的問題,不得不說「讀書」無疑是提升視野的絕佳途徑。
  • 在沒有AI和PS的年代,手繪的美術字體也是生活中無處不在的藝術
    練習簿、包裝盒,工整而又設計感的美術字是否激起了你對童年的回憶。今天,就讓我們一起來回顧一下這些充滿年代感和設計感的手繪字體吧報紙即使是報紙上的一個小豆腐塊,都能看出當時人們對字體設計的用心,在那個沒有各種軟體的時代,當時字體與圖案的設計,全部都是純手寫手繪完成。
  • 教你這6招,迅速去除油漬,衣服亮白如新
    教你這6招,迅速去除油漬,衣服亮白如新很多人在吃飯的時候會不小心把油漬沾到衣服上,特別是在吃火鍋的時候這種情況非常容易發生,還有小孩子吃飯的時候也很容易把油漬沾到衣服上,沾到衣服上的油漬也非常難清洗,怎麼搓都搓不掉,衣服上「油漬」洗不掉?教你這6招,迅速去除油漬,衣服亮白如新。
  • 給自己的字體課(一)——英文字體基礎
    (本文出自Tencent CDC Blog,轉載時請註明出處)這是一個給自己準備的字體學習課。開始的初衷是想解決工作中一些關於字體的疑問(如排版、LOGO設計等),同時也想通過回顧設計的基礎知識來提升自己。所以給了自己這個課題,作為初學者只接觸到一點皮毛,整理分享出來,如有不足之處煩請指正,所有參考文章標註在文末。
  • 各種設計的主題對應的字體風格
    很多時候,我們不太清楚在什麼情況下使用什麼字體,或者面對繁雜的、五花八門的字體不知如何選擇,這裡總結了一些常見主題,以及各個字體代表的風格特點,幫住大家理清字體關係。1、促銷風格:特點:字形硬朗、筆畫粗且清晰有力的字體,有較強的視覺衝擊力。
  • 字體課-學員比武大賽!
    ,任選3個完成,每個命題後面的括號中,有寫大概要求:命題1:設計現場 (設計類活動與展覽,要求設計感與藝術感)命題2:國貨盛典 (國貨商品banner標題字,要求中國風)命題3:美麗密碼 (美妝產品banner標題字,要求時尚/美觀/女性化)命題4:漢服歸來 (漢服文化類書籍封面字體,要求體現歷史感或漢服特點)命題5:博思教育 (