矽谷設計師周報 · 第16期 · 讓設計師小夥伴含淚點頭的8個經驗教訓

創造有節奏感的界面——超實用的排版技巧

推薦人：Riceman飯飯

學習過平面設計的同學對Vertical Rhythm肯定不陌生。我依稀記得在學校讀書的時候，老師就要求我們，做排版要拉垂直grid，對齊文字的baseline。畢業以後做的都是web和app，再也沒做過平面設計，就把這個概念拋到九霄雲外了。上周讀了這篇文章，我就開始在自己的UI設計里注意Vertical Rhythm，運用之後感覺腰也不酸了了，腿也不疼了，身體倍兒棒！

用最簡單的話來總結這個技巧就是，無論文字大小，始終使用某一個數的倍數作為文字的line-height和margin。這樣，自然就會在垂直方向出現一種重複的節奏感。比如說，頁面大標題是36px，你就是給它一個48px（24px X 2）的line-height，正文文字大小是16px，你就給它一個24px的line-height (24px X 1)，然後設置24px為它們的margin——嗒噠~, 節奏感出來了，Mind-blowingly simple！

閱讀原文：Why is Vertical Rhythm an Important Typography Practice?

讓設計師小夥伴含淚點頭的8個經驗教訓

推薦人：張撓撓

喜歡Julie Zhuo的文章是因為她總是誠實到冷酷無情的程度，揭開你心底自己不肯面對的傷疤，一針見血的診斷出你的糾結和脆弱，刺激得你正能量爆棚，然後幫你冷靜下來，提出理智而行之有效的辦法。在這篇新博客中，她總結了讓設計師小夥伴含淚點頭的8個經驗教訓，讓我們更清醒的認識自己，在彷徨無助、感覺無所謂和想對自己好一點的時候，能堅強、自信而謙卑的面對挑戰，對設計細節的打磨仍繞保持執念。

閱讀原文：8 Unintuitive Lessons on Being a Designer

找到你的設計風格

推薦人：張撓撓

到底什麼是設計師的Style？我們該不該有自己的Style？我們自己的風格、用戶的需求、還有客戶的需求之間怎麼權衡？菜鳥設計師張撓撓也經常糾結，會不會因為別人覺得你的大部分作品都是小清新風，進而somehow認為你只能和定位文藝清新的產品臭味相投，所以只能做好這類產品，進而你就被其他類型的產品和公司因為在所謂style上難以擦出火花而拒之門外？

Tobias總能用犀利的視角和他的親身經歷讓我們保持清醒。在這篇文章里他講到自己從不拘泥於某種style，雖然有時候看起來難以避免形成某種套路，但style不僅僅是設計的視覺風格，更是指自己的價值與觀點、解決問題的途徑、設計思路、工作方法及待人接物的習慣。Style不是一時強加於自己的、某種吸引人眼球的標新立異，而是設計師在成長和探索過程中逐漸積累沉澱而形成的態度和性格。形成style的是我們自己，不要過多的被別人影響、不要隱藏自己的性格，不要害怕嘗試和改變。

關於設計師與產品的風格，最近還有一些圍繞同質化設計的辯論也許也值得一讀 The Unbearable Homogeneity of Design, In Defense of Homogeneous Design

閱讀原文：How to find your own design style

請不要在凌晨四點通知我你的app又更新了——什麼是好的推送通知體驗？

推薦人：Riceman飯飯

猜猜看什麼是導致用戶卸載app的最大原因？侵入式廣告？糟糕的用戶界面？複雜的註冊流程？都不是！報告顯示「煩人的推送通知」是用戶卸載app的最大原因（71%）。

推送通知有以下幾種常犯錯誤：在不恰當的時間推送（比如用戶在睡覺的的時候）；推送和用戶不相關的內容（比如Facebook問你是否認識一個你其實完全不認識的人？）；推送不重要的、不需要用戶進行操作的信息（比如App Store通知你某個App更新了）。這些錯誤每天都有產品在犯，考驗著用戶的忍耐度。用戶對這些煩人提醒最強的回應就是刪除app，輕點大叉，再好的產品界面體驗也沒用，一切都會隨著刪除煙消雲散了。。。

文章提出了一些優化推送通知體驗的策略：比如使用不同的渠道（Email，應用內提醒，信息流，推送通知）來傳遞不同緊急程度的內容；使用A/B測試的方法來優化推送通知的語言；追蹤通知發出後對產品造成的正面和負面影響等等。

閱讀原文：Mobile UX Design: What Makes a Good Notification?

Sketch & Framer —— 黃金搭檔

推薦人：Riceman飯飯

Sketch & Framer是我最喜歡的兩個設計工具，我用他們做草圖、界面和高保真原型。他們組合使用的效果拔群，在我心目中就是UX界完美的黃金搭檔（想到了網球王子里的大石菊丸組合，太顯年齡了啊啊啊T-T），anyway，強烈推薦這個組合！

在用Sketch和Framer做設計的整個過程中，這篇文章的作者指出了一個很重要的步驟，那就是做完界面以後，用純文字的方式把你想的所有交互寫下來。我之前的工作流程都是做完界面之後直接就上Framer，在交互比較複雜的情況下，經常就把自己給繞進去了，不得不在Sketch和Framer之間反反覆復修改，我打算之後在做比較複雜的原型的時候嘗試一下這個方法！

作者最後還給了一個搞笑的Framer Snippet（當然也有它的實用價值）: Framer.Loop.delta = 1 / 240。大家有興趣可以去嘗試一下，可以把你prototype瞬間變成Zootopia里那隻超慢動作的樹獺！啊。。。。。哈。。。。哈。。。。哈。。。。

閱讀原文：Framer & Sketch: An Intentional Workflow

我們是誰

我們是幾個在矽谷工作的中國社稷獅，你可以訪問 uxcoffee.co 查看往期全部文章（裡面有原創文章哦）

微信搜索「UXminion」，或掃描以下二維碼關注我們的訂閱號

推薦閱讀：