設報 · 第四期 不僅僅是設計行業資訊、工具控，案例收藏癖的聚集地

「大家好，草長鶯飛，設報已經第四期了，歡迎大家廣提建議。」

——pxcook團隊

在我們團隊一定程度參考了知乎專欄的Designer News推出第一期設報的同時期，優設也一道展開了日報形式的服務，非常令人欣喜。特別支持類似的優質服務，因為很多商業模式構思，很多功能服務的想法最後都形成了類似readhub，feeds，報紙，公號等為設計和PM省時間的優質服務產品。每個都是好事一樁。

而readhub類的優點在於，只要肯讀下去，靠相對中立的觀點表達，就能將讀者帶到需要自己閱讀的體驗中去，自發催生了新的認知並能更有效的記住自己讀過什麼。

那就先走進體驗，這次體驗的是什麼呢？

還是乾貨。

我們漸入佳境

要有圖

• 最高看贊比的behance 分享（含illustration 品牌 UI/UX 插畫）
• 需翻，來自muzli 優秀移動端網頁交互動效1，優秀移動端網頁交互動效2
• 以下海報來源竟然是一個人。。。zcool 手指斷了a，聶慧征，包括之前刷屏票圈的魔現風，銀翼風的北京

• icon8出品的免費photoes圖片資源，種類繁多。
• page.xyz，自己起名名人堂，裡面包含了很多優質的商業網站 Hall of Fame - Pages

• 2018年德國iF設計獎—建築類獲獎作品欣賞
• iPhone 紅 new release品牌視頻

https://www.zhihu.com/video/969256601362853888

插件工具

先發於我們不尬不水的不收費的小群（可+微信管理員ID z20922092）

• 偏向於動畫設計了，Storyboarder，免費！直觀地用白板看到一系列故事，你可以繪製簡單的構思並向其他人展示動畫。不拍電影的情況下表達你的點子。

• PS圖像填充插件——甜蔥填圖，免費版權圖片直接填充。能關聯自己的花瓣畫板，本地文件夾，或者unsplash搜索圖像填充，設計必備。

• artboard-studio，在線平面設計應用，簡單高效，主要關注實體產品模型。

https://www.zhihu.com/video/969355194606268416

• realtimeboard-3.0 非常強力的白板。感覺看到了白板協作的未來啊

https://www.zhihu.com/video/969357520628854784

• 設計稿版本管理新工具-trunk，sketch與ps均支持，相較於abstract和wake相對小眾

• Windows查看與編輯sketch文件的工具lunacy更新了beta版本。（一開始只做預覽的時候看得懂，能編輯了就實在看不懂這個產品了）
• Mac訪達效率工具Power Menu

• diya，一個Sketch插件，可以停留在Sketch中，通過豐富的交互動畫設計，預覽，交給開發。（不過這類軟體總讓人覺得會讓studio sketch在將來的生產工具完善後的不斷優化中，將其取代）

色彩related

• 色彩強推，awwwards team（輕易不撰文）關於漸變色趨勢的多圖畫法長文。

• 收集了大量品牌的主題色，滑鼠懸浮可全屏感受brand-colors

方法案例

• Reddit重新設計的內幕，一個互聯網信息生物鏈的最上游，v2ex工程師票選「回到x年前最希望做成的產品」高票的reddit，沒錯，歷經13年改版了。他的體量如何扭轉了慣常邏輯，怎麼提高的閱讀效率就在本文介紹了。

• 百度AI交互組—AI聊天機器人設計指南 | AIID編譯組，來自百度AI交互設計院第一篇輸出國外業界、學界關於設計及研究的編譯文章，類似的，還有一篇我非常喜歡的知乎持續作者MINGFANG WU的對話式交互設計流程
• 有點重運營配合，來自JDC丨京東設計中心 - 如何進行商品分類，用戶才會買單？
• 來自framer官博，如何創建有質量的gif（用作作品展示或交互展示），不是推自家工具，佳作。
• 來自開源中國，改進 UI 微交互的實用建議

設計系統

• UX方法論的演變，首先個人特別喜歡基於歷史演變的梳理，也特別喜歡研究設計系統，這篇好上加好，詳細推演了UX系統流程的方法論演變歷史，從標準的線性交互開發流程，到敏捷，再到精益ux法，到最後google ventrues提出的雙軌ux流程， 對國內每個ux團隊的leader都是一個大的啟發。推，需翻。傳送門。

• Mineral UI，一個老生常談的開源設計系統了，和常見的設計系統有共同之處。是一個非常全面的，至少對於顏色有獨到見解的設計系統（uxplanet最新的顏色發文非常不錯）。

• 騰訊視頻的設計規範，協作的秩序-如何搭建有效的設計規範，來自KongZhen 團隊公眾號：騰訊視頻TVD

B端產品設計

• 店長推薦，stripe優秀的B端表單，規則，業務流程說明網頁設計：Stripe Billing 動畫文字布局相得益彰。
• 騰訊CDC出品，【虛擬To B支付設計研究】（三）海外研究篇
• 需翻薔，Slack iPhone端的概念重設計——當前Slack UX痛點以及如何修復
• 來自網易設計UEDC，B端產品常用web列表設計模式總結（基本功）
• 複雜數據展示界面的字體選擇，一些長列表，小字標註和大量數字展示的設計方法。
• 新版gmail設計圖流出！來自verge（加上無碼是不是這篇文章就被禁了。。。）

行業資訊

• Sketch 50 beta版本推出，一如既往強調了自己承擔升級風險，不過這次的優化和改bug的數量真是不少。
• 來自網易設計UEDC，設計驗證：有效增強設計方案說服力！（總是很考慮設計）
• 需翻，studio推廣進行中，使用studio製作的優秀界面匯總第三期（前兩期可以點擊去找到）

• 來自馬力老師的可能性與大設計，如何做好作品集？—— 對話蘇智威（騰訊高級視覺設計師，曾擔任騰訊招聘面試官）
• 扛鼎之公號 落雨靜齋 的WingST的系列作品第一發 交互技能樹01 | 交互設計師該會的技能有哪些？

成長中的設計（寫給求知早鳥）

• 從設計10,000多個UI屏幕作為首席產品設計師所學到的一切，medium獲贊16000。
• 交互設計師的產出物是什麼？ - Airbnb愛彼迎設計的回答
• 無論是新生，畢業生還是各種學習中的設計，這篇文章（彙集了追波優秀作品/作者），在所有UI/UX作品圖下面還有作者原址、youtube教學以及用到的uikit下載，應該會讓你收穫多多。需翻。
• 來自babich，圖文並茂，我們為什麼需要在交互中給齣動畫。以及公眾號彭彭設計筆記對於動效設計的總結與思考

1. 提供系統狀態
2. 連接不同的步驟
3. 引入新的元素
4. 利用空間給用戶從屬和流程關係
5. 減少認知負荷
6. 允許用戶理解功能變化

• 卡片設計的深度思考，因為有大量css知識背景，僅建議網頁設計閱讀 Pitfalls of Card UIs以及按鈕設計之——按鈕設計看這個就夠了

其他資訊

• 臉書最近處在了風口浪尖，即刻還在剪輯小扎在聽證會高光的時候，designer news推了這麼個網站Sign up for Facebook，列出了所有臉書要獲取並存儲的你的個人信息。是，這是臉書的，國內的app呢，不禁思考。

• 如何將品牌基因融入到產品設計中？UI中國，作者是百度UI蘇大牙，持續高質量博客寫手
• 億級新用戶紅利探秘：抖音&快手用戶研究報告，來自企鵝智庫
• 再次力推這次與我們合作的anyway.fm，一場關於「設計行業是不是吃青春飯」的辯論以及前些天團隊鋪在的優秀的PS填圖插件——甜蔥填圖

以上。

首發於我們不尬不水的不收費的小群（可+微信管理員ID z20922092）歡迎入群。也相信下次會更佳。

感謝閱讀，並請勿轉載。

——來自 PxCook 官方團隊，專註多年設計研發效率協作工具。我們的產品鏈接 =]

相關閱讀

• UI自動標註神器，PxCook 3.0 ，高效的設計研發協作工具。只需1秒，生成標註代碼。
• 設報 · 第三期 —— 近兩周的設計最新的行業信息，方法案例 & 工具資源
• 設報 · 第二期 —— 設計行業信息，方法案例 & 工具資源
• Flavor，Sketch插件味增，用強大的輔助功能和標註插件給你的設計加點料
• 互聯網產品經理，交互，設計師的格萊美&奧斯卡？只是一小撮人的金貓獎

為下期設報，求動力一贊~