網頁視覺設計 – 以貝茲曲線網站 10 種字母測驗圓弧圖是否完美

網頁視覺設計

10種字母測驗你的貝茲曲線是否完美 內容綱要:

1. 貝茲曲線測驗網站介紹

2. 貝茲曲線測驗網站使用方式

貝茲曲線測驗網站:https://shape.method.ac/?again

貝茲曲線測驗網站介紹

你的貝茲曲線畫得漂亮嗎?是否每次在設計圓弧圖形時總覺得弧線看起來非常奇怪呢?身為設計師,作圖時一定都會使用貝茲曲線,貝茲曲線是作圖的基礎,不論是平面設計、 Logo 、插畫或是字體設計都會需要用到。若想要在網站中加入裝飾元素或是設計背景豐富網站的整體品牌視覺,常要仰賴設計師的美感與執行製作能力,一個完美的圖形設計,除了創意構想外,也需要設計師對於弧形有良好的掌握度。

Shap Type 這個網站整理了十種字母,每個字母都是不同的英文字型,藉由紅點的拖拉測驗你對貝茲曲線的敏銳度,同時也提供原始字母的圖像與你所拖拉的貝茲曲線比對圖,讓你了解的你貝茲曲線應該再做些什麼樣的調整。雖然這是個簡單的測試網站,但相信藉由這些小練習,有助於提升設計師對於貝茲曲線與圓弧的繪製能力,若是想要從事平面設計的朋友也可以增加練習機會。

 

貝茲曲線測驗網站使用方式

第一步:進入網站,藉由輕鬆簡單的使用教學開始,只要拖拉紅色的點到對應位置後就能進入測驗,所有貝茲曲線的測試就靠拖拉就能完成。

網頁視覺設計

第二步:進入測驗後,移動紅色的點調整白色圖形的外圍輪廓,確認後可按下右邊按鈕Compare,會跳出分數及貝茲曲線正確的位置。

網頁視覺設計

網頁視覺設計

第三步:分數下方共有三種選擇模式可以比對你所繪製與原始的貝茲曲線。確認圖像後,可點選下方的 NEXT 按鈕進入下一個測驗。

    • Both letter – 可同時比對原始圖與你所拖拉的結果
    • Original letter – 原始字型的輪廓
    • Your letter – 你所拖拉的字型結果

網頁視覺設計

 

結語:

雖然貝茲曲線對於剛踏入設計領域的朋友來說可能稍微困難,只要經過多次的練習,相信對於貝茲曲線的掌握度一定會大躍進。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

網頁設計分享與架站資源相關文章:

一頁式網站也能打造獨特的品牌魅力 – 日本網站 Slowmuffi 分享

簡報免費模板分享 – Glide PPT 多樣性實用簡報版型介紹

什麼是 CC0 圖庫?設計師必備高解析好圖庫推薦 – Unsplash

Google Chrome Labs Squoosh 高品質線上圖片壓縮工具介紹

Google 字體下載 – WordPress 字體快速分析及網頁字體設定

網頁配色 分析教學 – 查詢色彩建議配置一次搞定網站配色 !

網站架設知識推薦閱讀:

無障礙網站介紹-規範說明、檢測工具與操作影片

Google One 介紹 – 全新雲端硬碟方案,擴充更多儲存空間!

Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

(adsbygoogle = window.adsbygoogle || []).push({});

熱門文章

(adsbygoogle = window.adsbygoogle || []).push({});

最新文章

(adsbygoogle = window.adsbygoogle || []).push({});

相關文章

(adsbygoogle = window.adsbygoogle || []).push({});

標籤雲

(adsbygoogle = window.adsbygoogle || []).push({});

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top