Kern Type

關於 Kern Type

Kern Type 是 Method of Action 推出的字距練習遊戲，主要任務是調整一組字母之間的視覺間隔。遊戲畫面呈現字母與字體資訊，標示字體名稱、設計者及年份，並會提示部分字母無法移動，讓操作集中在可調整字母的位置，完成後以百分制顯示結果。

網站提供鍵盤操作說明，可切換前後字母，也能使用方向鍵逐像素移動，搭配修飾鍵加大移動距離。使用者可完成題目、前往下一畫面或重新開始，再比較不同排列的字距感受；這些控制讓字距判斷能透過具體的位置調整反覆練習。

功能特色

主要功能

• 字距練習：調整畫面中的字母位置，練習判斷不同字形之間的視覺間隔。
• 字體資訊：題目介面列出字體名稱、設計者與發表年份，連結操作和字體背景。
• 鍵盤微調：以 Tab 切換字母，方向鍵移動一像素，搭配 Shift 可移動十像素。
• 分數與重玩：完成題目後顯示百分制結果，可重試、前往下一題或重新開始。
• 結果分享：輸入名稱或暱稱後取得分享連結，並可開啟預覽或分享分數。

使用情境

• 進行字標或拉丁字母排版練習前，以遊戲觀察字母間視覺間隔的差異。
• 想細調字距時，利用鍵盤逐像素移動與分數回饋比較不同排列。

相似工具

• Adobe Color — 學習網站
• Adobe Learn — After Effects — 學習網站
• Apple Human Interface Guidelines — 學習網站
• Baymard Institute UX Knowledge Hub — 學習網站
• BP&O — 學習網站
• Brand New — 學習網站
• Butterick’s Practical Typography — 學習網站
• Color（Method of Action） — 學習網站
• DesignSystems.com — 學習網站
• Figma Learn — 學習網站
• Fonts In Use — 學習網站
• GoodUI — 學習網站

加入創作邦會員

收藏實用內容、下載免費模板，訂閱電子報。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。
• Adobe Learn — After Effects — Adobe 官方 After Effects 教學，涵蓋文字動畫、視覺效果與動態模糊。
• Pentagram Work — Pentagram 官方作品集，分享品牌識別、策略、包裝與動態等專案案例。