最近看到朋友分享了這個幫英文字母"整形"的網頁遊戲 – 「Shape Type」還蠻有趣的!遊戲玩法是在網頁中會出現一個字體形狀不是那麼完整的英文字母,例如該圓滑的地方變直線有尖角的這樣,而在英文字母邊緣會有一些「調整點」,必須去拖曳移動這些調整點來讓英文字母的字形變完整。
題目一共有 10 題,每一題題目使用的英文「字體」都不一樣,在網頁中有提供字體查詢連結,可連結到其它網頁查看該字型的英文字母長什麼樣,然後再回到「Shape Type」來調整字母的形狀,調整的方式與 Photoshop 中調整路徑形狀的方式很類似,所以設計人玩起來應該會覺得很親切,不會使用設計軟體的朋友,也可以趁機體驗一下啦~
這遊戲雖然題目不多但蠻新奇的,一生當中大概玩過一次就差不多了,而會有這個遊戲出現,想必應該與連結出去的國外字型網站(MyFonts)有關,大概是一種透過遊戲來行銷網站的方法,分享給大家玩玩看囉~
▇ 網頁小檔案 ▇
使用方法:
第1步 點選上面的連結進入遊戲網頁。桃紅色的圓點就是「調整點」,將字母「S」上的調整點拖曳下拉至下方的圓圈處開啟遊戲吧!

第2步 接下來就正式進入遊戲啦~第一個字母是「Q」,靠自己的直覺亂拉形狀也是可以,若不確定字體長啥樣,可點選右邊的「Typeface」後方的連結。

第3步 連結至「MyFonts」字體網站後,往下拉一點在「Sample text」後方的格子中 key 入要查詢的英文字母(ex. Q),即會在下方顯示該字體的字母樣式。


第4步 接著回到「Shape Type」頁面,移動字母上的調整點,儘可能的"長的像"剛剛查到的字體形狀。
按著鍵盤上的「Shift」不放,一邊拖曳調整點,可強制固定調整線的方向只能水平或垂直,而按鍵盤上的「Alt」鍵,則可暫時隱藏字母上的調整線,好確認目前字形的樣子,覺得調整的差不多時,就按下右下角的「COMPARE」來看看相似程度。

第5步 右上方就是你與正確字體的相似度,而在字母上會以灰色區域顯示你調整的形狀與正確字體形狀的差異(如紅箭頭所示),按右下角的「NEXT」可進入下一關。

第6步 10 題都玩完後,即會統計你的平均分數,看你對字體字形的判斷能力夠不夠精準唷!

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers. Five Filters recommends: 'You Say What You Like, Because They Like What You Say' - http://www.medialens.org/index.php/alerts/alert-archive/alerts-2013/731-you-say-what-you-like-because-they-like-what-you-say.html