網頁界面設計

Adobe Fonts 為網站加入思源黑體、思源宋體等自訂字體

字體是網頁設計的重要一環。以往加入特色字體非常困難，但隨著技術進步，嵌入指定字體已變得舉手之勞。Adobe Fonts 不但提供思源黑體、思源宋體等大量中英文字體選擇，更方便網頁開發者管理不同網站的字體，是設計優質網頁不可多得的服務。

Adobe XD 新增內陰影功能！開發新擬物風格更簡單！

扁平化設計已成為用戶介面的趨勢，但背後的缺點亦陸續浮現，其中之一是沒有陰影，使一些人無法辨識哪些元件是可按的按鈕，因此新擬物風格 Neumorphism 亦開始嶄露頭角。全新的 Adobe XD 加入了多項功能，其中包括內陰影效果，使設計師更方便製作出新擬物風格的界面。

圖庫網限時優惠！Shutterstock 8 折、123RF 75 折快搶！

不少人都會透過圖庫網購買專業的照片和影音來進行多媒體製作，如果大家有這個需要，可把握這段時間，因為 Shutterstock 和 123RF 都在進行限時優惠，以想更低價錢選購圖庫網計劃就要現在行動。

[教學] 以 YouTube Data API 擷取 YouTube 影片資訊 [Ruby on Rails]

Google 各種服務都提供 API 供人方便存取資料，YouTube 當然不例外，讓大家以 Data API 讀取 YouTube 的頻道和影片資料。今次教學就使用較為冷門的 Ruby on Rails 來使用 Data API 以關鍵字搜尋影片。

輕易模仿 flexbox 效果：Adobe XD 新功能「Stacks」以及更多

CSS 的 flexbox 是當今前端設計師常用的排版方式，但在製作原型時並不見得容易，可幸 Adobe XD 在 2020 年 6 月更新時便引入「Stacks」新功能，讓用戶輕易地排列群組內的元件。當然，是次 6 月更新亦有 Scroll Groups 等新功能，就在這裡一次過介紹。

Adobe XD 這 4 大特色功能還不懂？快學起來向 UI 設計師邁進吧！

Sketch 是不少人設計介面的工具，但如果大家是用 Windows 系統的話就必須另覓選擇，而 Adobe XD 就是其中之一。Adobe XD 並不難上手，只要好好了解工具的主要功能，你也可以一步步成為 UI 設計大師。

圖庫網大彙集！推薦 9 個免費及收費網站，精美影像源源送上！

所謂「一畫勝千言」，無論是網站還是平面設計，好的圖片都少不了，但 Google 搜尋的圖片很多時並不太適合使用。這個時候大家就需要專業的圖庫網站。

Adobe 預測 2020 年設計趨勢，手工人文主義將抬頭

不論網頁設計抑或出版印冊，圖像都是重要的元素。Adobe Stock 團隊就發表了本年的設計趨勢報告，預測今年趨勢。

Adobe XD 新增功能改善字型及元件管理

網頁及應用程式設計工具 Adobe XD 推出新功能，讓用戶建立包含可重用色彩、字型及元件的雲端文件。UX 設計師亦可與其他團隊成員分享文件，供各成員個別使用。同時，用戶可中央管理設計系統內元件的更新，以確保設計團隊得以使用最新的資產。新功能讓設計師從設計個別元素，轉變成創造一套全面、可重用的資產，確保設計團隊擴大其作品規模下，仍可保持設計的一致性。

無障礙網頁助有需要人士融入社區 – 但該怎樣設計？

縱使我們設計網頁時經常強調「用戶體驗」，但照顧傷健人士的「無障礙網頁」似乎仍不是大多數設計師的一大考量。一年一度的「無障礙網頁嘉許計劃」已在一月由香港互聯網註冊管理有限公司（HKIRC）舉辦，並首次將涵蓋範圍擴展至手機網頁及應用程式。

勿再騙點擊！Chrome 71 將封鎖具「濫用行為」的網站廣告

早在本年初 Google Chrome 已增設功能阻擋具入侵性的廣告（intrusive ads）展示，而在 Chrome 71 起，但凡網站具有濫用行為，包括偽造訊息、誤導點擊、自動重新導向等，其廣告都會予以封鎖，站長們在網賺時要注意了。

【教學】免費中文字型！用 Adobe Typekit 為網站載入思源宋體和思源黑體

隨著 CSS3 面世，網站現可用 @fonts 自訂字體。不過中文網站可用的免費自訂字體並不多，除了 Google Fonts 之外，Adobe 的思源黑體和思源宋體亦是熱門選擇。不過網站要怎樣才能用到該兩款字型呢，除了把字型檔上載至伺服器外，其實還可以用 Adobe Typekit 直接套用。