字体设计教程——矩形造字法

结构绘制

按同上方法，根据字体笔画长短绘制出字体结构。

注：

百字的撇、圖字的撇,为了跟图形更匹配，符合现代感，都是由横线旋转60度而来，笔画角度在不影响识别的情况下尽量统一，这样设计感会更强。

观察字体

这一步的字体只是一个大概的框架，还不能用，接下来我们观察字体，找找问题。

小技巧安利：

1、把画布缩小到50%。

2、起身退后半步观察。

注：

为什么要缩小到50%去观察：字体会使用于多种环境，要尽量避免在小屏幕使用场景下识别不清晰。

分析问题

1、字体大小不统一

单独分析：

(1)"百"下面"日"相比上面"一横"窄的多，显得"百"整体要小。

(2)"圖"的回字里面全部挤在一堆，看不清，识别度低。

(3)"記"右边的"己"跟左边的"言"比例不协调。

对比分析：

"百"跟"圖"，"圖"由于笔画多，百下面的"白"往里缩，整体会比图字小，整体看上去坑坑洼洼，不协调。

2、字体笔画、高度不统

"百"的一撇和"圖"的一撇，一个有断开的痕迹，一个没有。(如黄色标记)三个字参差不齐，中宫有大有小。

初步调整

梳理出这些问题后，我们进行初步调整(字体很难一步到位，需要多次调整)

1、"百"字，将"白"外扩。

2、"圖"字，按照字库字体的高度满足不了需求，需要调整所有字体的高度。

3、"記"的左右两部分高度对齐。

4、统一"百"、"圖"撇的笔画角度。

5、"記"字，为了让整组字更有现代感，"言"的一点改成一横。

再次观察

调整完后继续观察，观察不同字的搭配情况。相对于"圖"、"記"而言，"百"的重心靠上，显得不协调。"圖"在调整完部件高度后，整体识别度有所提升，但其中"回"字部分在尺寸较小情况下，识别度还是不高。