Skip to content

Conversation

@PMinn
Copy link

@PMinn PMinn commented Aug 9, 2025

image

@ButTaiwan
Copy link
Owner

感謝您的PR。

我實測了一下,原先這個工具是假設使用者會在手機上用手指頭寫的,所以整個畫面規劃是手機不跑版優先。
但推出筆刷跟筆壓以後,使用iPad+Apple Pencil的使用者也愈來愈多,結果同時也要考慮平版的使用者(直、橫都可能)。

首先是,手機的操作上,上面區塊會出現捲軸,清除、上一步與位移沒辦法顯示在同一個畫面裡。
這樣操作時需要左右捲來捲去比較麻煩。
(我的理想是至少清除、上一步、位移、檢視文字清單都要同時在畫面上。)
image

平板的話,直版型看起來還不錯。
image

但橫版形螢幕較大(iPad Pro?)的情況下,操作鈕距離畫布就有點遠了。這樣手多餘的來回會很多。
這個比較好處理,可能把上面置中是個方法。
(所以現行的版本,所有區塊都是置中的,主要是希望無論是手指寫字還是用觸控筆,都可以在最短移動距離內點到常用的功能。)
image

另外一個比較非戰之罪的點是,因為有很多使用者可能目前已經寫了幾千字,早就有固定的手感在,所以常用的功能我傾向盡可能不要影響使用者的習慣。
位移可能還好,但清除、上一步這兩個無敵常按的按鈕,如果不是放在畫布下方的左右,我擔心可能會非常衝擊既有使用者習慣。這是比較糾結的地方。

===
關於功能群組

其實我本來也想過筆刷要不要放在設定裡就好,但最後還是留在主畫面上。
因為有些使用者書寫時,其實會一直調整粗細跟筆刷。(例如用粗筆寫主要筆畫,再切換細筆寫小筆畫。)
而這樣書寫時,可能上一步按鈕也會常常用到,分在不同群組,操作可能不太順暢。
(每次要調整筆刷或粗細時要切面板,想按上一步又要切面板。雖然觸控裝置有另外提供兩指上一步的功能,但就是不太直覺。)
另外中間筆壓模式的開關好像不必要,因為筆刷切成無感壓就好。
image

顯示這裡有點問題,「我的字就是小」純粹是個顯示差異沒有錯,但「縮放率」本身會直接影響輸出字型檔時的文字大小。
放在「顯示」群組裡會誤會這個功能的意義。理論上縮放率比較適合的位置是字型設定。
但這兩個功能確實又息息相關,分在不同分類裡可能也不好用,所以也許要考慮的是調整群組化的方式。
image

「檔案」的部分,儲存、開啟我沒有意見,但「匯出」有點難懂。畢竟這是這個工具最重要的功能。
至少應該是「匯出字型檔」「儲存字型檔」之類的名稱。自成一個子分類也是方法。
「字型設定」的部分好像藏得有點深。
image

@PMinn
Copy link
Author

PMinn commented Aug 17, 2025

感謝回饋。

手機操作方面,位移與文字清單可以同時顯示在畫面上,而「清除」與「上一步」則加入下方快捷區。
image

在大螢幕情況下,當裝置寬度超過 1025px 時,會限制選單寬度,以減少使用者移動距離。
image

再來是確實沒考慮到擊既有使用者習慣,因此進行了調整。原有功能移回下方快捷區,筆刷樣式的切換按鈕可直接預覽實際大小,上方選單則保留功能並展開樣式,方便一覽。
image

===
關於功能群組

筆刷與粗細原本是假設使用者設定後可長時間使用,因此未考慮到有人會頻繁調整,現已放入下方快捷區以方便操作。
另外中間筆壓模式的開關,如果我沒理解錯誤,那個功能應該是您說的「無感壓」,由於原圖示過小且不易辨識,已更改為「筆壓模式」,若仍覺得不直觀,也可改為「感壓」。

因「字型設定」藏得有點深及「縮放率」會直接影響輸出字型檔時的文字大小,因此已將相關功能整合到新的「字型」分類中。
image

檔案的部分,「儲存」與「開啟」對應系統可編輯檔案,以避免使用者過度依賴內建資料庫;而字型檔屬於轉換後的輸出檔案,因此以「匯出」呈現較直觀,並已改為「匯出字型檔」以免混淆。
image

最後,由於程式碼原本過於集中,除錯時遇到困難,因此已稍微重新調整資料夾結構並將程式碼分類,希望後續能有的架構規劃以利維護。

YangguangZhou added a commit to YangguangZhou/writemyfont that referenced this pull request Nov 9, 2025
- 新增 check_base_han.js 用于统计繁体与简体基础字中的汉字数量
- 新增 filter_base_glyphs.js 用于过滤基础字列表中的 CJK 汉字并更新 sglyphlist.js 文件

✨ feat(generator): 拆分简体常用字列表为多组
- 将简体常用字分块为多个子列表(每组最多 1000 字)
- 生成对应用于简繁字列表的动态结构
- 更新日志输出信息以显示分组情况

✨ feat(ui): 增加画布大小调节功能
- 新增 canvasSize 设置项替代 smallMode
- 增加 updateCanvasSize 函数动态调整画布显示尺寸
- 在设置界面添加滑块控制画布大小并实时更新

♻️ refactor(meta): 扩充字库可见性规则
- 动态生成“基本包-漢字ButTaiwan#1~#15”与“簡體常用字ButTaiwan#1~ButTaiwan#7”隐藏配置
- 优化 glyphListMeta 初始化逻辑

📝 docs(i18n): 更新中英文与日文多语言文本
- 新增简体常用字分组名称翻译
- 优化设置页面文案与提示说明
- 改进用户提示与免责声明内容

💄 style(canvas): 优化画布样式定义
- 去除 smallmode 样式,改用动态宽高控制
- 调整 #canvas-container 样式结构与缩进格式

📝 docs(html): 更新设置页面 HTML 结构
- 替换“我的字就是小”为“画布大小”滑块组件
- 增加对应数值显示与说明文本
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants