<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點和您一起共享

    網(wǎng)站建設(shè)中從卡通字看字體設(shè)計的三大流程發(fā)布者:本站     時間:2022-03-03 10:03:08

    常規(guī)字體設(shè)計由確定風(fēng)格、確定結(jié)構(gòu)特征、后期調(diào)整完善組成,其中第一步確定風(fēng)格引導(dǎo)了字形的走向。

     

    No.1 確定風(fēng)格
    確定風(fēng)格,就是確定項目的整體調(diào)性,這一步是至關(guān)重要的,往往第一步?jīng)]做準確,后面的設(shè)計基本就廢了。風(fēng)格不匹配做出來也只能當(dāng)飛機稿。確定風(fēng)格的第一步就是分析項目特征。拿本次周練的命題“甜甜貓的手賬”來說,整體的調(diào)性是活潑、可愛、卡通的感覺,所以如果做的太嚴謹、太冷淡就是錯誤的。

    分析過后我們知道要做出活潑、可愛的感覺,那么什么樣的字體設(shè)計有活潑可愛的感覺呢?

    要解決這個問題我們可以去找參考,但參考并不是盲目的,我們可以利用用十字坐標分析法快速篩選適合此案的字體形式。具體做法為位,我們可以在X軸的一端寫上項目調(diào)性關(guān)鍵詞“活潑”,另一端端寫上反義詞“嚴肅”;Y軸的一端寫上項目調(diào)性關(guān)鍵詞“可愛”,另一端寫上反義詞“高冷”,如下圖。

    從卡通字看字體設(shè)計的三大流程

    有了這個坐標軸我們可以去找字體設(shè)計的參考了,將找到的參考根據(jù)其所傳達的感覺放到合適的區(qū)間內(nèi),如下。

    從卡通字看字體設(shè)計的三大流程

    在這四個區(qū)間中,既能表現(xiàn)可愛又能表現(xiàn)活潑的只有右上方的區(qū)間,如下圖所示。

    從卡通字看字體設(shè)計的三大流程

    其余三個區(qū)間都不是很匹配這兩種感覺。所以我們下一步要做的就是分析這個區(qū)間中的字體設(shè)計作品,找出共性,也就是為什么這些字體設(shè)計能夠傳達出可愛與活潑的原因。

    從卡通字看字體設(shè)計的三大流程

    觀察這幾組字里面那些傳達活潑和可愛的感覺更強,將它們挑選出來,如下。

    從卡通字看字體設(shè)計的三大流程

    圖中有四組字,其中“夏日演習(xí)曲”雖然很活潑,但感覺并不可愛,而其他三組則是既可愛又活潑。而“夏日演習(xí)曲”與其余三組的區(qū)別就是筆畫太過尖銳,其他的都是十分圓滑的,所以我們可以得到結(jié)論,筆畫圓潤的特征給人的感覺更可愛。

    再仔細觀察我們可以發(fā)現(xiàn),這些活潑的字看起來都比較隨意,每個字的大小也都是不一樣的,排列方式也是有高有低,甚至有些筆畫還可以穿插連接。

     

    No.2 確定結(jié)構(gòu)
    得出這些既可愛又活潑的字型特征后,我們就可以確定項目字體的結(jié)構(gòu)了。

    上面也說了,這些字體大小不同,排列方式高低不等,所以我們項目字體的結(jié)構(gòu)也應(yīng)該采用大小、高低都不等的結(jié)構(gòu),如下。

    從卡通字看字體設(shè)計的三大流程

    當(dāng)然了,我們也可以利用有類似結(jié)構(gòu)的字庫字體提高效率,比如漢儀樂喵體、漢儀六字黑、方正基礎(chǔ)像素都是這類字體。

    從卡通字看字體設(shè)計的三大流程

    這里我選擇了方正基礎(chǔ)像素去搭建字體的骨骼結(jié)構(gòu),如下。

    從卡通字看字體設(shè)計的三大流程

    搭建結(jié)構(gòu)的時候我注意筆畫的粗細,因為粗體更能夠表現(xiàn)可愛的感覺,所以搭完結(jié)構(gòu)將筆畫調(diào)粗了一些。搭完結(jié)構(gòu)只是第一步,我們還需要去調(diào)整結(jié)構(gòu),讓他們更活潑更可愛,如下。

    從卡通字看字體設(shè)計的三大流程

    我將字體的結(jié)構(gòu)做了調(diào)整,也加了一些相連的筆畫,使之看起來更活潑美觀。

     

    No.3 調(diào)整完善
    接下來就是最后一步,調(diào)整完善了。調(diào)整還結(jié)構(gòu)后可以根據(jù)需求調(diào)整不同的組合,為了讓字形活潑的感覺更有力一點,可以將字不規(guī)則的傾斜,如下。

    從卡通字看字體設(shè)計的三大流程

    做到這一步我們的字體差不多成型了,但總是感覺還缺點啥。其實現(xiàn)在字的結(jié)構(gòu)和風(fēng)格都挺匹配的,唯一缺的就是氛圍了,所以我們可以加一些點綴的小元素烘托以下氛圍,如下。

    從卡通字看字體設(shè)計的三大流程

    這里我加了星星、桃心、貓爪,還把“貓”字里面的十字替換成了星星,氛圍一下子就提升不少。黑白稿做完后我們可以為注入顏色增加活力。這里我將不同的筆畫拆分開來,做穿插的同時填充了不同的顏色,如下。

    從卡通字看字體設(shè)計的三大流程

    到此我們的字體也就完成了,另外我們可以根據(jù)不同的需求調(diào)整不同的配色,如下。

    從卡通字看字體設(shè)計的三大流程

    那么本期文章就到這里,親們學(xué)會了嘛?另外,十字分析法不僅僅只能做卡通字形,十字分析法除了能分析不同風(fēng)格的字體,在版式、LOGO、KV等領(lǐng)域也有十分重要的作用,所以活學(xué)活用才是王道!



    選擇我們,優(yōu)質(zhì)服務(wù),不容錯過
    1. 優(yōu)秀的網(wǎng)絡(luò)資源,強大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
    3. 全程省心服務(wù),不必擔(dān)心自己不懂網(wǎng)絡(luò),更省心。
    ------------------------------------------------------------
    24小時聯(lián)系電話:021-58370032
    關(guān)鍵詞標簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>