設報 · 第二期 —— 設計行業信息，方法案例 & 工具資源

「開年大吉。」「知乎加油。」

全文660*13128像素，閱讀時間等於路程除以速度。本期——2018年3月初

第一期的設 · 報由於春節，滯後發出了10幾天，我們團隊在發出後也發現了挺多體驗問題，例如需要科學xx才能看的文沒有特殊說明，導致鏈接很多打不開，整體的閱讀體驗不流暢。這次我們修正了這個問題，不過說到英文文章，雖然很多人犯怵，但其實不是問題。現在的翻譯軟體真的非常優秀。舉個例子，只要chrome瀏覽器在網頁右鍵，然後點擊翻譯了，看起來就非常方便了。

我們在中英譯文結果對照的過程中深深覺得，翻譯的工作快不好找了- -輕拍，因為翻得效果真的很好啊。

把這些說在前，是因為我們發現大家剛從假期綜合症中回血，國內的產出較少，且現在是求職旺季，所以這期設報有針對性的提煉了兩個主題：

一：假期綜合症里，「沒閑著」的海外設計圈有什麼重點？（還是那句話，看圖多，且英文好的讀原文，其他chrome瀏覽器右鍵直接翻譯的就很好。）

二：春節假後，設計作品集portofolio怎麼製作？——設計與再設計。

我們依然按這個圖的思路

漸入佳境

要有圖

• 高看贊比的behance1 behance2 （含UI/UX illustration 插畫）與 優秀dribbble UI ，以及其他優秀交互動效1，優秀交互動效2

• 一些instagram推薦（老規矩，不能科學上網的可以前往http://insstar.cn搜索ID，能科學上網的不解釋）

1. 海外：joooheeeyooon、 liskfeng、 minimalism、 kardinalmelon、 charlottecurd、 jacob、 accidentallywesanderson、 gramslayers、 jamesllewis
2. 國內：joooheeeyooon、 liskfeng、 minimalism、 kardinalmelon、 charlottecurd、 jacob、 accidentallywesanderson、 gramslayers、 jamesllewis

• 此外，還有16個UI/UX的ins博主值得推薦，匯總起來的傳送門，有幾個博主的作品相對不是很好，但思路還是很清楚的。

• DeviantArt月度插畫最佳

插件工具

• 新銳線框設計協作工具whimsical，只能說這一系列挺多的，而且在sketch和figma都支持了以後，會更不好走，傳送門：The Visual Workspace

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

• 操作友好（轉化前調整大小預估生成大小）的視頻轉為gif的工具，gifski，以下

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

• 一款Sketch資源包，DesignCode出品，針對iOS 11，Angle2

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

價格50刀，但是有免費版。值得一說，群里也有小夥伴之前買了，designcode的課程，然後收到了優惠碼，減了20刀。還不錯還不錯。

試了一下他的免費版，資源也不少

• sketch目前為止在對齊上，就是align上做的最好的插件butter

• 還是那套詞。。。sketch目前為止在自動填充padding上最好的插件paddy（還有一篇關於paddy製作和功能的詳細medium，3200贊，需要翻強）

• Sketch簡單的動效製作插件diya

基本都收集於我們不尬不水的非收費行業交流群（可+微信管理員ID z20922092）歡迎入群。

• 原型工具Axure vs Mockplus --表格對比 ， 你選誰？一篇原型工具的評測
• 谷歌圖片搜索曾經去掉了「查看原圖」按鈕，這chrome插件可以把這個按鈕找回來，需翻強
• FE和網頁設計們輸入網址，直接查看你的網址中有沒有沒用的CSS的工具unusedcss

• 為什麼你的app在sketch里看起來效果更佳，一篇學術細摳原理的文章，原文在Medium拿到一萬九千贊，譯文

色彩related

• 來自英國的，交互非常值得一提的漸變色自定義查看效果工具 gradpad

作品集portofolio

• 如何找到高手的作品集？授以漁：原來，別人家設計師的作品集是這麼做出來的
• 來自網易UEDC，設計師如何通過作品集讓能力值呈現得更出眾？非常系統且清晰。
• 一個匯總海外portofolio實例的網站，bestfolios

• 最近比較火的佳作，為什麼我的UI面試總失敗？
• 7個優秀的插畫portofolio，來自Medium，原文需翻牆，僅查看圖片
• 新人需要看，老鳥略過的海外大公司實習生的作品集以及「我實習期間做過什麼」的總結匯總網站編寫portofolio的20個注意事項

方法案例

• 吆喝科技的 A/B Test案例庫，設計、文案的改動能帶來多少直觀的數據增長呢。這塊直接看案例，數據多多，來自微博龍爪槐守望者，強烈推薦
• Dropbox桌面版原型復盤，牆外高贊長文，來自負責dropbox設計系統負責人，需要翻牆。這類文章雖然是英文，很多人犯怵，但是現在的翻譯軟體真的非常優秀。舉個例子，只要chrome在網頁右鍵，然後點擊翻譯了，看起來就非常方便了。

• 從心理學分析人們在購物時對於稀缺貨物「想買」的意願，並認為這種意願其實所有人都有的一篇長文，從心裡的角度，分析電商的UI設計策略。不得不說句實話，我們的電商確實走在國外前面了，這篇看似很基本，獲贊卻很高。
• Faces app - Nenad Milosevic完整的案例復盤，雖然面向的教授學生互動領域很窄，但學習他的復盤提綱，對於產品設計來說是非常全面縝密的，從痛點分析，到用研，需求分析，競品分析，草圖設計，原型，低保真，高保真都考慮的比較全面，適合成長中的產品設計新人。
• 電商設計中的免費試用——從「免費試用」模塊設計反思UI的設計思路
• C4D流行的時代，看看大牛是怎麼設計3維人物（UI）的傳送門

• QQ空間 在二月上旬的品牌改版
• 搜索體系的建立與優化，來自深知與灼見。
• 快速的App AR設計掃盲上篇，（海外的VR和AR熱仍在持續啊…）
• 谷歌Scholar的概念設計project長文，站酷高贊羽夜的微信公眾號獨立app概念設計

行業資訊

• Sketch升級49.0，支持熱點，原型線框圖，原型流轉圖；支持雲與library打通；支持在本地或Sketch Mirror當中預覽一類

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

• 然後figma也在24小時內宣布支持了原型的線框流轉- -，真是好看的一年
• 阿里巴巴（中國站）用戶體驗設計部博客 " 以服務設計視角推動設計賦能深度好文，探討了設計很難推動業務的特質，確實設計從很多角度比pm都還了解用戶，可還是推動乏力，全鏈路設計師應該怎麼做，阿里對這個問題是怎麼做的，強烈推薦
• 高贊數（4000贊），強烈推薦。一篇分析InVision Studio和Sketch之爭的文，設計師到底會不會遷移到新的Studio呢？到底Studio有沒有市場宣傳那麼好？憑什麼換到Studio？到底什麼會最終決定二者誰能笑到最後？這幾個問題都有討論。傳送門
• InVision設立了新的500萬美元基金，用於支持設計工具插件研發與內容開發

• Figma支持了「@功能」和按創建日期與文件名按字母排序了

設計系統

• 被Ant design專欄收錄的「完美」的字體系統搭建與維護指南

B端產品設計

• 用體驗設計思維做官網 —— B端產品官網設計實踐 來自網易UEDC，條理清晰，思路平實，強烈推薦。
• 也說說差的，muzli這次的協作設計digest這次真的很糟糕。。。完全不如各位前往box、slack、stripe、mailchimp、dropbox、hitask、asana、pivotal tracker什麼的大B官網首頁取取經來的實在。當然muzli還是非常不錯的設計加油站！

成長中的設計

Beforweb大家都知道啦，這次翻譯的了Home | Laws of UX，還是非常不錯的，建議新手閱讀，laws of ux的8部分都翻譯到位了，還舉了很多額外的很有趣的例子：

1. 費茲定律 （到達目標位置所花的時間取決於相對距離，以及目標大小）
2. 席克定律（選項越多越複雜，決策耗時越多）
3. 雅各布定律（用戶總是希望產品間使用的一致）
4. 米勒定律（人們短時間內記住的元素超不過5-9個）
5. 蘊涵律（人們會以最為簡單的方式對複雜的圖形解讀）
6. 接近律（人喜歡把相鄰相似的東西歸為一組）
7. 奧卡姆剃刀定律（假設最少的討論最合理）品牌設計基因法，如何三步搞定圖標設計？！選擇->提取->重設計，三步搞定圖標設計

• 一位到谷歌的設計實習生，收到了這樣的實習題目「設計收養動物的一款app」，小哥哥分析完需求後迅速來到了很多收容站和與很多想收養的人進行了訪談，這才是做產品設計的精神啊。強烈推薦，英文吃力的同學們，你萌右鍵用chrome翻譯，真的不錯。

• 沒有人帶，設計師如何自我成長（一），適合萌新，多學多看，總是沒錯的。

其他資訊

• 最近熱點，一位耶魯、Uber和摩拜光環的增長大牛，用戶增長怎麼做 - 我在Uber和摩拜的實戰經驗
• 谷歌整合了谷歌錢包和安卓支付，頒布了谷歌支付，包括個人信用卡，借記卡，消費獎勵積分，禮品卡等全面功能。

以上。

收集於我們不尬不水的非收費行業交流群（可+微信管理員ID z20922092）歡迎入群。也相信下次會更佳。

感謝閱讀，請勿轉載。

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

相關閱讀

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

受用請贊咯