資源分享

免費設計資源

產生器

  • qrd°by QRcode Generator
    – 可產生eps、SVG、PDF檔案格式的QRcode
  • PicSee 皮克看見
    – 縮網址服務,主要特色為專門提供社群分享內容所設計的縮網址服務。我覺得最方便的部分就是可以變更縮網址指向的內容,蠻適合用在DM或者是發出去的一些縮網址,後面連結的內容可以透過修改就不用再苦惱不能更換QRcode或縮網址之類的廣告要怎麼處理了。
  • CHAT BY KEYREPLY
    產生您的聯絡方式,使您的顧客可以聯絡到您。

免費圖庫

→免費圖庫使用時,請注意圖片等相關授權;大多免費圖庫皆須標註出處與連結至該網站;也有提供付費購買圖片授權的服務,請小心使用以免侵權。

付費圖庫

社群行銷相關資源

  • Facebook Debugger 偵錯工具
    – 在分享網站的圖片時,常常發現抓到錯誤的圖片嗎?使用這個工具可以讓Facebook的爬蟲程式重新抓取最新的縮圖以及網站標題或內容敘述等等;也可以協助判斷網頁上open graph的相關參數設定是否有誤。

網站開發常用

  • Placeholder.com
    – 在製作網頁的prototype時候,不想花費時間去找圖片時可以利用這個小工具,快速產生有圖片像素標示的假圖,不需要在自己動手畫囉!
  • unplash.it
    – 隨機抓取知名的免費圖庫「unsplash」的各種大小圖片,來作為製作prototype時的範例圖片方便也很美觀。
  • PlaceIMG
    – 隨機抓取範例圖片,可指定不同的「大小」與「主題」,使網站prototype能更接近想要的呈現。
  • Favicon Generator
    – 只要上傳設計好的logo的png/gif的透明背景圖檔,在該網站上的設定進行微調即可產生出符合各式瀏覽器與各式行動裝置的favicon(如將網頁書籤加入至iPhone主畫面的圖樣),產生不同的尺寸與大小與置放於html中<head></head>之間。

管理工具

  • Trello
    – 專案管理工具,免費版即有許多的小外掛可以使用;方便作為專案管理與資訊收集的工具,大力推薦XD
  • Eagle App
    – 專門為設計而生的圖片/素材管理工具,加上Google Chrome / Safari的外掛後,更可以擷取網站畫面作為設計參考,為靈感搜集好工具啊!

靈感參考

  • Awwwards
    – 由許多設計師將網站投稿至該網站由全球的user來評選的網站設計大賞,可以利用這個網站來尋找靈感喔!
  • Pttrns
    – 各種手機UI的設計參考,包含了iOS / Android的UI設計。
  • Codrops
    – 很多結合HTML+CSS+JS酷炫特效的playground,也有提供原始碼供參考,對網頁動畫與使用者互動效果的學習還蠻有幫助的!