logo設計：梁志堅設計師
教程撰寫：梁志堅設計師
 
第一步
先行繪制字體logo的草稿。(紙筆/PS/iPad都可以繪制)
創意為：使用設計師日常使用到的電腦、鉛筆、
本子等工具（包括電腦屏幕上繪制的黃金螺旋
線圖案）來體現設計的日常與專業性。
 
第二步
將草稿圖置入AI（矢量軟件），降低不透明度，鎖定。以此為墊圖，在上面勾出字體的結構線-既字體書寫的路徑。然后把右下角的本子圖形繪制出來，同時把一些輔助文本排版好。
 
第三步
將上一步勾勒的路徑加粗，看左圖，是不是很丑(比如線條雜亂無章/很多筆畫黏糊在一起/部分筆畫與整體筆形風格不統一/等等)，沒關系，一開始都是丑的。慢慢調整就好了。
 
第四步
在上一步的基礎上調整字體結構——“計”字太窄，調寬一些；“法”字三點水上面的兩點上一步的狀態太飛了，按照草稿那樣把它們兩邊切齊即可。下面的“100”也加粗，跟著上面字體的風格走。
 
第五步
整體圓角化。
有三套邏輯，圓角的程度從小到大：
1、筆畫斷筆處的縫隙，圓角最小；
2、筆畫兩端的圓角，程度為中；
3、筆畫轉折處的圓角，程度最大。
 
第六步
檢查字體結構的高度是否統一。
尤其是橫筆畫與豎筆畫到邊緣的位置，標準不同。并非物理對齊邊緣，而是加入視覺對齊的標準。(具體請腦補參考正方形圓形三角形它們三的對齊方式)
 
第七步
對第二行內容做一些調整。如草稿所示，在“100”的兩個“0”分別添加一個眼珠，讓這款“字體+圖案”組合方式的logo多了一些輕松感。且眼睛有視覺引導的作用，看向右邊的書本圖標。右邊圖標是一本打開的書。上面是一個變量的數據，即分享到這個“設計法則100“中的哪一個法則了。如從001/100到002/100，再到077/100，到099/100，最后到100/100,好用又有趣。經過反復嘗試，調整，最終確定上圖第三款。
 
第八步
繪制電腦、鉛筆、彩帶圖案部分。
就鋼筆工具勾勒,或者矩形工具繪制,加直接選擇工具去調整節點位置。
 
第九步
然后跟字體部分組合在一起。同時也把一些輔助內容文字,也都安排上。然后文字”設計法則100”+打開紙質本子的圖案這個組合部分(后續直接稱為文字部分)的底部加了一層描邊效果的襯底,更好的區分了文字部分與底下圖案部分的前后關系,也確保圖形部分不會對文字部分造成干擾。
 
篇幅有限，其他部分請閱讀圖片