如果你在製作專案或開發網站、應用程式需要用到圖示,網路上有非常多免費圖示可供下載選擇,通常只需要找到合適的設計風格,稍微研究一下授權方式就能使用,不需要自己重新開發一套圖示,特別是一些線條較為簡單、精簡的圖案設計很適合使用在各種情境,例如修改自 Font Awesome 的 Line Awesome、具完整自訂性的 Ikonate、手工打造的高品質圖示集 Zwicon 和 Feather Icons、Octicons 等等。
使用者介面
開啟 Chrome 分頁群組,對網頁標記顏色和標籤分類
useAnimations 免費動態圖示下載,可用於應用程式或網站介面開發
Dockey 調整 Dock 動態效果延遲時間和速度,讓 Mac 使用更有效率
我是個長期的 Mac 使用者,但從以前使用 Windows 時期就沒有什麼修改系統設定值的習慣,大多數情況下我都會盡量維持預設功能,以過去經驗來說不調整或最少量調整對於系統穩定性較好。不過如果遇到和操作或使用習慣相關的狀況依然可以透過其他工具調整,例如我介紹過「關閉 macOS 和 iOS 動態效果,減少因動畫而造成視覺疲勞」附帶效果是加速和提升效率(減少干擾);如果覺得選單列程式很多很繁雜,利用 Dozer 將圖示隱藏起來也是個不錯的方法。
關閉 Google Chrome 瀏覽器分頁的分頁懸停提示功能教學
如何讓 macOS Mojave 只有選單列和 Dock 套用深色模式?

將時間拉回 2014 年,蘋果為 OS X Yosemite(10.10)加入暗色模式,可以將選單部分改為黑色,後來這個功能不斷改進,我目前 MacBook 使用的舊版 10.12 暗色選單加上 Dock 的模式仍是我最喜歡的選擇。Mojave 後則是更為完整的「暗色模式」進化,將視窗和桌面一併都調整為深色顯示,許多應用程式也陸續加入對於這個模式的支援,在不同的顯示模式下呈現不同的介面配色效果,讓程式跟 macOS 有更好的整合。
Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿

如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」,中文稱為模型或原型,若翻譯成「視覺稿」可能比較容易理解,Mockup 通常在「Wireframe」(線框圖)之後,為了讓整體畫面更貼近最終成果,會將一開始的草稿線條圖加入更多視覺元素,例如將排版、圖形和配色呈現出來,也就能夠得出最後設計稿,而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
關閉 macOS 和 iOS 動態效果,減少因動畫而造成視覺疲勞

如果你是 Mac 或 iPhone、iPad 使用者,應該會發現蘋果裝置的流暢度相當好,這也是因為 macOS 和 iOS 在一些細節上做了很多努力,例如以動態效果改善使用者的使用體驗,無論在開啟關閉、切換應用程式或通知都能有更不一樣的感受。不過有些人可能會覺得長時間使用眼睛並不是很舒服,尤其在動畫效果太過絢麗的情況下反而造成干擾,這時候就可以考慮減少動態效果。
Eva Icons 超過 480 個精美免費圖示,開放原始碼可用於商業模式
在開發網路服務或應用程式介面都會需要用到圖示,因為涉及易讀性,也要能和各種不同風格搭配使用,多半會選擇簡單設計的圖案,過去我已經介紹過不少很值得使用的圖示集,包括:Entypo、SmartIcons、Octicons、Geomicons、Maki Icons、Zondicons 等等,族繁不及備載,其中不乏開放原始碼、可使用於商業模式的授權,如果你想開發網頁或程式,可以花點時間作功課找找有沒有符合需求的免費圖示選項。
啟用 Google Chrome 69 精簡網址設定,將完整網址隱藏網址列更簡潔
這次 Google Chrome 69 更新後有了不少異動,其中最明顯的是介面設計變得完全不同,雖然我個人很喜歡,但也看到許多朋友抱怨,於是寫了一篇教學教大家返回舊版介面,需要的話不妨參考一下之前的文章。而另一個顯著變化是網址列的呈現方式,Safari 瀏覽器好像很早之前就已經開始不顯示完整網址,但 Google Chrome 從 69 版後才開始這項功能,比較妙的是一開始設定為預設選項,或許是收到太多建議,在下個更新又把設定改回顯示完整網址。