design

隨著可上網瀏覽網頁的設備越來越多元化，如果網站設計還僅侷限在以電腦瀏覽器為主時，將難以提供使用者良好的體驗。因此當網頁設計好，要如何觀看在不同設備間且多種螢幕尺寸下所呈現的方式呢？其實，不需要真的去購買這麼多的設備一一來測試，透過 Google 所推出的 Resizer 網站，只要輸入網址，便可以觀察自己的網頁在不同螢幕尺寸下所呈現的樣子，藉以調整，事半功倍。

Google+ 正火紅，許許多多的相關應用不斷出現，若需要在網頁裡使用 Google+ ICON ，可以參考 webdesignfan.com 的 14 Gorgeous Google+ Icons 這篇文章，裡面介紹了 14個精美的 Google+ 圖示，且絕大部分都附有 PSD 原始檔，方便你後續應用。

適當的運用插圖或圖示，常能為版面帶來加分的效果，Ira Design 是一個免費網站，其提供 開源和可自定義的插圖，使用者可以根據自己的需求自訂插圖內的人物或物品顏色，以人物來說，可以自訂衣服、褲子及頭髮的顏色，完成後的插圖，可以下載成 PNG 或 SVG 向量圖檔，而要使用這些插圖，也無任何限制，個人或商業用途皆可，該網站無須註冊，即可以下載單一或整個插圖，相當方便。

jQuery 是一個相當簡潔的 JavaScript 程式庫, 簡化了原本在 JavaScript 對 HTML 網頁裡面的物件綁定、事件處理、動畫製作及處理 Ajax 互動的過程等，正因為寫得少，做得多的特性，就連在微軟的 Visual Studio 的網頁程式開發工具裡，也正式的支援 jQuery。jQuery 的(Plugins)外掛相當多，而由 WebDesignLedger 所選出的 2010 年 jQuery Plugins 的最佳 10 個 外掛，都是網頁裡常會用到的像是 Slideshow、Tooltip、Chart...等等，都是相當實用的 Plugins，若是有使用或想嘗試使用 jQuery Plugins 時，可以參考看看。

麥當勞繼去年推出「麥克雞塊字體」成功製造出新聞話題後，今年萬聖節再度推出「麥當勞薯條體」，該字體是以薯條沾番茄醬的經典吃法拼湊而成，其字體包含 26個英文字⺟、數字及各種符號，字體可商用，但需於內容標註 #麥當勞薯條體，另外，字體在應用上支援 Illustrator CC 2018 以上、Photoshop CC 2017 以上、InDesign CC 2019 以上、QuarkXPress 2018 Pages(macOS)、Keynote(macOS)、Sketch(macOS)、Paint.NET(Windows) 等應用程式。

USWDS（U.S. Web Design System）是美國總務管理局（U.S. General Services Administration，GSA）正在進行的專案項目，其中包括程式碼函式庫、工具程式和設計指南，用來協助美國聯邦政府快速建立網站，而「Public Sans」為 USWDS 2.0 專案中的一部分，使用者可從 GitHub 免費下載，該字體修改自開放英文原始碼字型 Libre Franklin Font 而來，對字型的細節部分進行調整，使字體更為清晰，並提供 100至 900的字體粗細(font-weight )變化，且包含斜體（italic），讓無論使用在標題、內文或裝置介面上都能有非常好的表現，該字型可在任何平台、包含網站（Webfont）免費來使用。

當有情緒介入時，看似平淡無奇的電腦桌面背景圖就會有奇妙的元素產生，至於桌面背景圖除了當初安裝 Windows 時所內建的之外，哪裡還可以下載呢？網路上其實有不少可供下載桌面背景圖的網站，各網站也提供為數不少的背景圖供用戶來選擇，但，多就代表難以決定，難以決定就代表必須花很多時間來選擇，所以還不如簡單些，Microsoft Design - Wallpapers 這個網站由微軟維護，該網站提供的桌面背景圖雖不多，但每個圖檔都會提供由誰創作、為什麼創作及指導者，賦予圖檔主題，這樣用戶在使用這些背景圖時，才能知道緣由，不會只知道好看跟不好看而已。

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

意思的表達除了可以透過文字亦可以透過圖示來傳遞，因此，像是聊天軟體、文宣品或是場所指示處處都可見圖示的身影，SILHOUETTE DESIGN 這個網站提供動物、人類、魚類、植物、昆蟲、交通工具、節日、地圖、醫療、時尚、樂器、神祇、風景、各類製品、食物、推薦及其它不分類的剪影圖示，每個圖示均可自訂顏色、大小，並提供 PNG、JPG、SVG 與 AI 的圖檔格式下載，該網站所提供的圖示，個人與商用皆可且無須額外著名出處。

Tartan Maker 是一個可用來製作網頁背景圖片的免費線上服務，透過 Tartan Maker 網站所提供的格子原圖片素材，後續可自訂其線條與格子顏色、格子數及格子大小、線條粗細等等，方便且快速的用來設計自己喜歡的背景樣式，設計好的樣式圖片提供全螢幕即時預覽與下載，相當方便。

辦活動的網頁，如果可以適時的放上倒數計時器，藉以提醒有興趣的網頁訪問者，絕對有加分的作用，那麼要放到網頁的倒數計時器該如何製作呢？這就不用傷腦筋了，透過 TickCounter 網站旗下的 Countdown Timer 服務，便可以輕鬆完成，使用者除了可以自訂倒數計時器的名稱、終止時間及顏色樣式，還能直接產生嵌入網頁的程式碼，更棒的是該程式碼還支援自適應網頁( RWD,Responsive web design )，讓使用者即便是在行動裝置上也能瀏覽。

WordPress 以其開放的程式原始碼，擁有多樣的外掛（Plugins）、佈景主題（Themes）以及可自訂性夠高，一直是多數人架設網站的首選。以佈景主題而言，由 WebDesignLedger 所選出的 2010 年 WordPress 12 個最佳佈景主題，相當具有可看性，若是使用 WordPress 架站，可以參考看看。