鄭怡青老師「標準字」設計強!!說服力入魂筆記分享

什麼是標準字Logo Type?
-文字特殊化,做出有辨識度的字體

標準字的用處:
-公司行號名稱字體(名片)
-海報標題設計
-產品包裝
-會場活動,可製成有互動性、利用不同材質製作使字體有造型感

~標準字重點在造字~
常見設計類型:
(1)挑選字體,強化字體本身風格
(2)拼湊字體,重結構、重組和合成
(3)無中生有,使用軟體造字
(4)凸顯個性,利用材質與光影讓字擬物和擬人化
(5)排版完整性,添加輔助圖形,創造整體畫面和諧

推薦網站:
1. pinterest (偏海報、主視覺字的設計風格)
https://www.pinterest.com/
2. dribbble (文字設計、字距可調整、產生獨特性)
https://dribbble.com/
3. dafont (以英文為主)
http://www.dafont.com/
4. beforafter
https://www.beforafter.org/
5. urbanfonts
https://www.urbanfonts.com/
6. myfonts
https://www.myfonts.com/
7. rame佳木字體
http://font.drame.cn/
8. arphic文鼎字庫 (有部分免費字體!)
http://www.arphic.com.tw/zh-tw/home/index
9. makefont造字工房 (有部分免費字體!)
http://www.makefont.com/
10. akuziti(書法類字型)
http://www.akuziti.com/
11. justfont blog字戀週報
http://blog.justfont.com/
12. wordmark(不能用google無痕開啟,會無法使用)
http://wordmark.it/

推薦字型(英文):
1. Blackletter > 特立、獨行、文化(復古)
2. Serif (Roman) > 刻刀(手工)、經典、粗細差異、角度尖銳
3. Slab Serif > 平襯線字(打字機)、文藝復興時代、文藝氣息
4. Basic/ Sans-Serif > 無襯線字、線條粗細等寬比例
5. Fantasy > 花俏字體、現代感
6. Script > 跨時代手寫字

推薦字型(中文):
1. 黑體
2. 仿宋體
3. 楷書
4. 書法體
5. 美術體
6. 娃娃字體

*注意!最難就是配字~挑字要注意年代感~

開始設計文字啦~~~
*以下作業為Adobe Illustrator cs6版本.

1.開啟Ai軟體,選擇檔案>新增。

2.進入【新增文件】畫面,注意【描述檔:列印】、【大小:A4】、【單位:0】、【色彩模式:CMYK】 3.確認以上模式後,按【確定】即可。

4.選擇工具欄的【文字】,再點選【垂直文字工具】。

5.找尋【檢視】,選擇【字元】,開始輸入你想要的文字。輸入好後選取並放大文字,注意選擇字型較寬大粗厚的為佳。 6.按Alt鍵將已輸入的文字再複製到版面外。(因為面版內的文字需要進行下一步調整,再次複製以免需要修正的情況)

7.選擇【文字】>點選【建立外框】。再點右鍵,按【解組】。 8.選擇【矩形文字】,框起文字,在每個字體拉大拉長,讓字體上稍微鏈接起來,在後續做效果部分時呈現更佳的效果。 9.選擇【視窗】>【路徑管理員】>【分隔】>【解散群組】。

10.選擇【視窗】>【符號】,選取文字(外框不需要),再點選【新增符號】,那你輸入的文字就會成為新的符號,出現在符號欄裡。 (把文字變符號才能繼續進行下一步動作)

文字變成符號後就會成此頁面哦~

11.點選【矩形工具】,畫個正圓(可使用Shift鍵協助),再填入顏色(無框)。

12.選擇【效果】>【3D】>【突出於斜角】。

13.打勾V【預視】,再調整【突出深度】。 14.調整好後,選擇【對應線條圖】以進行下一步動作。

15.在【對應線條圖】版面,選擇【表面】,需點選【表面3】。 16.選擇【符號】(之前所建立的新符號),再到符號面版將其左右貼邊。 17.注意【圖稿加網底】、【隱藏幾何】&【預視】都要打勾V,調整完畢後按【確定】即可。

18.若事後還需要進行調整,選擇【視窗】>【外觀】>【突出於斜角】方可做調整。

19.選擇【物件】>【擴充外觀】>【解散群組(形成2片)】。其中一片需點選【解放剪裁】。

20.選擇【物件】>【路徑】>【清除】,就可變更其中一片字體的顏色;再按右鍵點選【解放】。

21.最後使用【矩形工具】畫出一個矩形或是圓形作為背景;畫好後,按右鍵,點選【排列順序】,將矩形圖案【移至最後】。

最後標準字作品完成!

你也可以選擇自己喜歡的顏色和圖形哦~

就這樣簡單輕鬆的就可以設計屬於自己的字體哦~~~
以上作業為Adobe Illustrator cs6版本.

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s