美工

拍出的相片、影片，如果要自己做出具有可以預覽、下載及 slideshow 的網頁式的相簿，如果還須兼顧美工及自適應網頁的設計，那所花費的時間與需要具備的專業知識可不少，PhotoPageGen 是個可以讓用戶專注在相片、影片的拍攝上，而要產生網頁式的相簿、影片就可以直接交給免費的 PhotoPageGen 應用程式，其內建各式各樣的網頁模板與參數，包含背景、相框、排版、留言或產生 GPS 地圖，用戶都可以自行設定，且製作完成後，可以直接透過 FTP 發佈到 Web Server，或是上傳到 Google 雲端硬碟、Microsoft OneDrive 等硬碟空間。

若常使用 Photoshop 進行美工工作或是正在學習 Photoshop 的朋友，可以參考 Photoshop Keyboard Shortcuts Cheat Sheet 好用的 Photoshop 快捷鍵示意圖，這份 Photoshop 快捷鍵示意圖，將 Photoshop 上面所使用的功能圖示，清楚的標示在鍵盤上，讓使用者很輕鬆地就能知道該快捷鍵所代表的功能，相當好用。

想要替相片加入特效，若無熟悉的圖片編輯軟體或是美工素養，估計還是要花點時間從頭來學，如果想要速成，又不想學複雜的操作步驟，最簡單的方式，就是透過範本所顯示的效果，直接套用在要做特效的圖片上，PixEditor 就是這樣的一個 Google Chrome 瀏覽器擴充功能，簡單好用。

常在網路上尋找適合美工的圖片素材嗎？其實也可以自己動手做，只要透過 Repper Lite 這個網站，三個步驟就能將自己喜歡的照片(支援 JPG、GIF 及 JPEG)，輕鬆製做出適合美工用的花紋素材，製作出的成品除了提供一個超連結網址，方便分享到 Facebook、Twitter 等網站，還可以免註冊、免留資料的下載回自己的電腦裡做後續的應用。

RoundMyPic 與 Cut My Pic 線上可將相片進行裁剪、製作成圓角框及加入陰影的免費服務 及 RoundPic 簡單實用的線上將照片修飾成圓角框，均有相類似的功能，也各有特色，對 RoundMyPic 所提供的服務來說，除了可自訂圓角角度及縮圖尺寸之外，較特別的是可加入浮雕效果，讓相片看起來更有立體感，對於做網頁美工的人員來說，也可以做出立體的 ICON 圖示。

初學網頁編輯，除了功能外、美工外，還有排版用到的 CSS，樣樣都不是省心的事情，如果可以靠一些輔助工具來協助，絕對可以事半功倍，Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weight、Line height、Opacity、Margin top、Margin bottom、Letter spacing、Word spacing 及 Capitalization 等屬性的免費網站服務，每次的調整都會即時反映到樣板文字上，讓使用者檢視，完成調整後，就可以產生 CSS 排版語法，讓使用者複製到要應用的網頁，相當方便。

進行美工時，若有需要應用到字體字型，可以來使用 Typefacer 這套相當簡單的字型預覽工具，可以直接輸入所要預覽的文字或句子，然後從已安裝的字型清單中點選要使用的字型來呈現所輸入的文字樣貌。

一個網站不論從外觀、布局、內容、速度、美工、安全、技術...等各個角度來看，可受評價的項目有很多，至於如何評分，其中牽扯的主、客觀因數應該也有很多，Visual Mind AI 是個很有趣的網站，其號稱利用人工智慧來評價網站的外觀視覺與布局，藉此給出網站有多少吸引力的評分，且號稱準確率有 97%，想要了解自己的網站在外觀上的評價，不妨可以來此試試。

有提供免費圖示的素材下載的網站很多，而透過 WebDesignLedger 所整理出的 「2010 年免費的最佳成套的圖示素材(Best Free Icon Sets of 2010)」共 11 個，每個均可免費下載，若美工需要用到一些圖標素材的圖片，可到這裡來尋寶，若覺得所選出的圖案不是太滿意的話，在每個提供免費的下載網站裡，還有相當豐富的圖案素材，可供挑選。

有提供免費的紋理與圖案的圖片素材下載的網站很多，而透過 WebDesignLedger 所整理出的 「2010 年免費的最佳紋理與圖案素材」共 11 個，每個均可免費下載，若美工需要用到一些紋理與圖案的圖片素材，可到這裡來尋寶，若覺得所選出的圖案不是太滿意的話，在每個提供免費的下載網站哩，還有相當豐富的圖案素材，可供挑選。

漸層色較單一顏色來的有層次感，也深受美工人員的愛用，要用 CSS 做出漸層色，不難，但難在顏色如何搭配，這讓人很傷腦筋的，WebGradients 這個網站提供 180個已經配好色的漸層色彩，並提供 CSS3 語法與 PNG 圖檔，不論是個人或商業均可免費取用。

若想美工自己的網頁，圖示肯定少不了，網路上有提供可下載圖示類的網頁素材網站也不少，像是 VistaIcons.com 提供豐富且風格一致的成套 ICO 圖示，且均附 PNG 檔案、Preloaders.net 線上產生動態圖示，可調整顏色、背景色、尺寸及動畫速度等 及 ajaxload.info 網頁資料讀取時的等待圖示 都是不錯的美供應用圖示。WebSiteIcons 所提供的圖示雖不多，卻是相當精美，且附上 PNG 圖檔，方便後續的編輯。