對於自由工作者、工作室或一般商家來說,平常維護網站或社群媒體可能都得自己來,除了要回訊息以外還要更新粉絲專頁上的動態貼文、Instagram 照片或是投放廣告,製作素材可能是最花費時間的部份吧!以前都要透過複雜的繪圖軟體才能製作素材,現在有不少線上設計工具在不用具備技能情況下就能產生好看的圖片,像是之前介紹過的:
平面設計
高盛銀行推出免費字型 Goldman Sans,強化數字符號易讀性
這幾年有很多企業公司會將自家的設計風格開放出來,除了顏色最重要的就是字型吧!畢竟字型可能代表著一家公司的核心價值、精神和專業產品,也會在這些細節上有更多著墨,例如之前我曾介紹過 IBM Plex 將每個字元及段落放在網格中製造出對齊、和諧或清晰的視覺感受;美國政府開放的 Public Sans 字型則強調無論在標題、內文或是使用者介面都能有絕佳易讀性;阿里巴巴、OPPO 也在前段時間分別釋出 Alibaba Sans 和 OPPO Sans 可商用免費字型。
Dummy Image 假圖產生器,以網址快速載入各種尺寸顏色圖片
在設計網頁或是配置版面時經常會需要預先保留圖片位置,讓開發或示範時使畫面更接近最終樣貌,如果手邊的圖片還沒處理,我們可以透過佔位圖片(Placeholder)呈現出特定大小的圖片範圍。簡單來說,佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖,省去必須自行裁切圖片的麻煩,因為是以網址形式載入圖片,即使沒有下載圖片依然能在網頁上顯示,我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。
Artify 提供新冠肺炎免費設計素材,線上編輯器修改立即使用
Personas 個性化大頭貼產生器,可製作專屬於你的俏皮卡通化人物頭像
今天這篇文章來介紹比較輕鬆的小工具吧!大家都會使用自己的照片當作大頭貼嗎?或許對有些人來說放上照片還是顯得太私密,就會改以其他圖片替代,網路上有各種幫你製作大頭貼的產生器,能打造出屬於你個人的專屬圖片,相較於隨意找一張圖片當作顯示圖片來說,這些產生器製作的頭像更個性化,也比較沒有使用上的問題。
PlaceKeanu 把基努李維照片拿來做佔位圖,以網址產生特定尺寸圖片

如果說到最喜愛的好萊塢演員,我想很多人可能會回答基努李維(Keanu Reeves),小時候第一次看《捍衛戰警》令人記憶猶新,還有後來經典《駭客任務》系列和《康斯坦汀:驅魔神探》等電影,這幾年掀起一波 John Wick 熱潮,我最近也在 Apple TV 上重溫最早的前兩集,雖然是一部浮誇的電影,但不得不說這個角色太適合他。
Public Sans 美國政府設計免費英文字型,開放原始碼可自由下載使用
美國政府稍早公佈新的開放原始碼字型「Public Sans」,這是修改自經典英文字體 Libre Franklin Font 的開源版本,比原有字體清晰,也對於一些細節部分進行過調整,對於目前多螢幕閱讀來說有更好的易讀性。USWDS(U.S. Web Design System)是美國總務管理局(U.S. General Services Administration,GSA)正在進行的專案項目,其中包括程式碼函式庫、工具程式和設計指南,用來協助美國聯邦政府快速建立網站,Public Sans 正是 USWDS 2.0 的一部分,使用者可從 GitHub 免費下載。
Screen Sizes 常用手機、平板電腦和顯示器螢幕尺寸大小、寬度等資訊查詢

無論是智慧型手機、平板電腦或一般桌上型電腦螢幕都擁有各種螢幕尺寸,雖然是照著通用解析度比例下去設計,但開發人員往往很難馬上意會到某個品牌、型號的螢幕大小為何,還好現在只要幾秒鐘就能 Google 找到官方的技術資訊,對於網站或應用程式開發很有用,如果你會需要用到關於裝置、螢幕大小和寬度等資料,可將本文介紹的網站加入書籤。