網頁設計

文宣、網頁設計如果要使用漸層色圖片，可以使用圖片編輯軟體自己繪製，如果覺得麻煩，也可以來使用 MESH·Y 這個線上免費服務，該服務提供四種色彩的混合漸層，除了有模板的提供外，使用者也可以根據自己需求更改顏色，重新隨機混合，而產生的漸層圖片，可以下載成 PNG 圖片格式，另外也可以由使用者自訂圖片尺寸，免去後續還要裁切或重新調整，一次到定位。

為了解決同一個網頁能在不同的螢幕解析度下，仍可以有適合的呈現大小與內容，因此，網頁設計時就會採用 Responsive web design 的技術，這樣的作法不但可讓使用者獲得良好的閱讀體驗，日後網頁的維護也能較為輕鬆。而要設計回應式網頁，網路上有很多的範例可供參考與應用，初學者如果還沒有慣用的網頁編輯器，也可以考慮來使用 RocketCake free responsive website editor 這個可設計回應式網頁的免費編輯器，該應用程式本身就有內建一些網頁模板可供運用，且提供所見即所得的編輯方式，即便是非初學者，也可以使用此方式，取得自己想要的網頁效果。

相同的網頁在不同尺寸的電腦螢幕上所呈現的頁面視覺效果可能有些不同，通常網頁設計師，為了方便來訪的使用者，都會盡量減少使用滾動條(scrollbar)尤其是下方的左右滾動條。TestSize 是一個免費的線上服務，只要將給予網址 URL，內建有固定的 640X480、800X600、1024X600、1024X800、1280X1024、1366X768 及 1920X1024，或是自行輸入要測試的尺寸，就能測試網頁在不同的電腦螢幕尺寸中所顯示的效果。

Web 字型，主要在解決網頁設計所使用的字型，可能與瀏覽端的字型不一致所造成的排版差異與視覺感受，而 Google 有提供免費的 Web 英文字型，想要應用，可以到 Google fonts 輕鬆取得相關的連結語法。如果想要先試試每種字體在網頁上的呈現效果，可以利用 TypeWonder 這個免費的網站來進行測試，只要輸入要測試的網址，便可使用自己所選擇的英文字型來呈現，且可以產生連結語法，方便應用到網頁上。

取得開源或可以商用的字體不見得會提供每種字體格式，例如我們想要將 TTF 的字型檔轉換成可以在網頁顯示的 WOFF 字型，這時候我們可透過 Font Converter 這個字型轉換免費網站來協助，其支援 bin、cff、dfont、eot、gsf、otb、otf、pfa、pfb、ps、pt3、sfd、svg、t42、tfm、ttc、ttf、woff 及 woff2 等各類字型檔案，轉換成 TTF、OTF、WOFF、WOFF2、EOT 及 SVG 這六種字型檔案格式，以 手寫硬筆書法「隨峰體」來說，轉成 WOFF 字型檔後，我們就可以透過 CSS 將該字型應用到網頁內，增加網頁設計時對字體能有更多的選擇。

Foodiesfeed 是一個專門收錄各類美食圖片為主的圖庫網站，提供的相片類型包括有咖啡飲料、蔬菜水果、早餐和甜點、烹飪與烘焙、肉和魚、配料、義大利麵及披薩、異國料理等等，主題圍繞在美食上，網站所有圖片均採用 CC0 的授權，可免費下載並使用在個人或商業用途上，且使用這些食物照片時並不要求署名或是附上圖片的網站來源，相當適合做為餐廳、美食網站的網頁設計或廣告素材來使用。

圖示，就像交通號誌一樣，要設計的讓人一看就懂，「ICOOON MONO」是來自日本的一個免費圖示集網站，提供各種主題類別的圖案，像是人物、美食、商業、健康、時尚、活動、動植物、交通工具、建築、藝術音樂、體育、文具雜貨、符號、教育、電子產品等等，收錄超過 6000 個免費圖案，各圖示均提供 16px、32px、48px、64px、128px、256px、512px 大小，格式有 PNG、JPG、SVG、Illustrator Ai、Photoshop EPS，且可線上預覽、切換或調整顏色，無需註冊，所有圖示都可下載，個人或商業用途均可。