壹周速讀：UI 界面排版設計實戰指南

UI 設計越來越重視排版了，傳統的排版設計在 UI 界面這個場景之下，也有了更多的講究。這周的速讀小專題是關于如何做好 UI 排版的好文合集~

UI 排版干貨合集

從人類進化的結果看圖像比文字更受大腦的青睞，在沒有文字之前，人類靠的都是「看」出來的圖像，所以在APP界面設計中圖片比文字更容易讓人產生點擊欲望。所以，APP 中的圖文排版有著極大的發揮空間，而這篇給 UI 設計師的圖文設計指南，相當詳盡了介紹了 UI 界面中常見的圖文排版套路：

不過，當圖片和列表控件結合到一起，排版和布局交互的規則，和普通情形下，就有著不小的區別：

在更深層次的交互和體驗上，界面排版還能幫助設計師帶來更多的提升，而很多高階的 UI 設計師就是靠這樣的排版技巧和普通設計師拉開距離的：

如果你想進一步提升排版的高級感，那么不妨直接參考 Jeremiah Lam 的這套實用技巧來逐個排查，有效提升：

當然，除了要了解排版布局，設計師還要對于字體的各種知識了然于胸，才能讓 UI 排版更上一層樓：

排版·視覺

宋體字可以說是我們現在最常用的字體之一，一方面他與黑體一樣，具有非常良好的可讀性和易辨性，另一方面，他又比黑體更具有歷史感和東方韻味，我們可以看到很多的教材、書籍內文或者官方文件，都是用的宋體字，甚至許多設計都會用一些比較有表現力的宋體字作為標題。那么在設計項目中，要怎么設計和運用宋體字呢？這篇超長干貨送給你：

版式設計關注的是設計中文字和圖像的位置關系。 各種元素應該如何擺放，它們彼此以及整體設計構想的關系，都會影響到用戶對內容的識別與接收，以及他們對內容所產生的情緒反應。可是，在實際應用過程中，依然有很多排版設計，即時對齊了依然不夠好看，這是為什么？看這里：

交互·運營

這篇文章同樣來自資深設計師 Jeremiah Lam，著重聊聊 UI 界面里，下拉菜單的設計注意事項，文章會加入大量的用例和最佳實踐來為你進行說明。而在設計的規則和技巧上，有很多內容是來自于體驗設計領域內最頂尖的 NN Group 和 Baymard Institute 兩大機構：

有些人會覺得，作品「好」的設計師就一定是優秀的設計師，其實并不完全是。對于一個商業設計師來說，綜合能力才是最重要的，作品的好壞只是眾多維度當中的一個維度。那其他維度都有什么呢？來看看騰訊設計師「菜心設計鋪」給你拆解大廠設計師的9大能力：

相信對于做UI的同學來說，設計規范大家肯定都很熟悉了，那什么是設計系統呢？在實際項目中又該如何快速做好一套設計系統？一份優秀的設計系統包含哪些內容，需要整理到怎樣的顆粒度？這篇文章中分享的方法，和騰訊、360兩家公司做的設計系統流程步驟基本一致，有很高的實操性，一起來學習吧：

2020年進入后半段，運營要怎么做？這篇來自騰訊 ISUX 團隊的文章，將運營體驗設計歸納為3個大層面：基礎層、風格層、策略層，拆解各個層面的模塊內容、元素、玩法，從字體、圖形、色彩、動效、空間等多個維度出發，同時考慮技術趨勢等影響因素，總結了11個值得注意的運營體驗設計趨勢，希望這些內容可以讓運營創意飛起來，輕松抓住用戶心理并吸引用戶，從而在商業設計中發揮設計價值和影響：

神器·干貨

如今越來越多的設計工具開始向著遠程協作的使用場景靠攏，無論是最新的設計資源合集 Webdesign Toolbox 還是 新晉的開發協同代碼工具 Code Stream，都體現出這樣的特點。除此之外，在這一期的設計圈干貨大合集當中，還有很多有用、實用的設計工具，比如色彩管理工具 Litur，超強大的網頁主題編輯器 Blocksy Theme，最新的字體，等等等等。接下來，我們就一起來看看吧 ：

「Free illustrations」是一個整理網絡上免費插圖素材的網站，如果你覺得免費資源太過零散，不容易使用分類或標簽找到可用的插圖，可以考慮瀏覽該網站，它已經將幾個常用的素材圖庫列在網站上，使用者可通過文件類型找到合適素材。收錄在 Free illustrations 絕大多數素材都可以免費使用于個人或商業用途，快來了解一下吧：

「Pixelmob」是一個免費圖片搜索引擎，它將一些常見常用的圖片收錄在同一網站，利用搜尋方式就能快速查找不同的圖庫相片，用戶不用一個一個打開網站搜尋，透過 Pixelmob 一次列出不同圖庫來源、相同的關鍵詞搜尋結果，方便我們在找圖時能順便比較差異性，最終獲得更適合自己需要的相片素材：

新視野

但是如果你認為日本設計只是極簡？那就大錯特錯了，日本設計才不止極簡呢，例如今天要給大家介紹的這位近年來日本設計界炙手可熱的新銳設計師——吉田ユニ/ Yuni Yoshida。吉田ユニ利善于用大膽獨特的色彩和超現實的表現形式，呈現出不一樣的日本設計風格，而這種超現實的風格便成為了吉田ユニ的標簽：

可能極少有人會注意到，電影大佬王家衛，竟然是正兒八經的平面設計專業科班出身！這個「夭折」的設計界人才，一轉身，成了電影界的大佬，而且他的電影作品當中處處都藏著設計美學，這篇文章為你揭秘王家衛：

工程師法爾曼創造了第一個表情符號，使文字信息更準確的傳達情緒，表情現已經成為了互聯網溝通中不可或缺的元素。百度APP用戶正趨于年輕化，表達的訴求也日益增加。線上表情已不能滿足用戶需求，于是設計師自發開啟了 BAIDU EMOJI 2.0的設計歷程，而這篇文章，就記錄了改版的思路和具體過程：

設計師職場

一些轉行UI的新手設計師時常陷入迷茫和瓶頸，深入挖掘會發現，這種無力感和大學課程的缺失有很大關系，而培訓機構也不會覆蓋這些內容，只能靠自己彌補、領悟和沉淀。這篇文章，就深入探討了可能缺乏的知識有哪些，這些底層知識重要的原因，并解析工作中需要的應用知識如何和這些底層知識建立對應關系：