許多設計師在社區中分享的作品往往是為了炫技，而產品的邏輯通常都經不起推敲的，真正優秀的設計應該從更高的層面出發，而不只是做表面上的工作。

前言

13年底，Intercom 的產品VP Paul Adams 在 Intercom 官博發表了 一篇博文 。文章講述了網絡上設計社區里普遍存在的一種現象，大意是“許多設計師在社區中分享的作品往往是為了炫技，而產品的邏輯通常都經不起推敲的，真正優秀的設計應該從更高的層面出發，而不只是做表面上的工作”。

文章發布后，在 Twitter 、HN 及博客評論下引起了反響。雖然部分內容在一些設計師眼里看起來比較有攻擊性（也就是俗稱“開噴”），甚至還帶有些地圖炮，但是文中關于“設計的四個層次”以及“when..I want to..then I can…”等設計觀點和方法論都非常值得我們回味并運用到工作當中。

文章是2月前Sam推薦給我的，隨后到 twitter 上獲得了作者的授權，在這里也應作者需要，貼上 Intercom 的官博連接：http://blog.intercom.io/ 。

譯文開始，Dribbble 大牛務必冷靜閱讀。 =D

__________________以下為譯文正文__________________

設計追波風

我相信大家應該都有過工作效率的些許煩惱。而這個效率啊伴隨我很長時間的痛苦。每每到PDI的時候領導必提效率有木有？自認為快是不算的，必須領導和客戶方說了算，對于當年校招進來的毛驢，是一件淚崩漫長的提升過程。整天琢磨如何快，多快的速度才算快，恨不得快到連參照物都變得動感模糊。時間是把殺豬刀，不僅催人老還得與它賽跑，經過這幾年的自殘式磨練，也早該總結總結。



一、 懂得整理需求

效率是先把重要的事情優先排序來完成，好的整理習慣是可以提率的。當需求很多的時候是可以通過整理需求有條不紊的進行。只要了解哪些是重要和緊急的事情，就能輕松的決定先處理什么。這個相當于是做項目管理的事情，要善于管理自己的工作。建議學習佐藤可士和的《整理術》。

例如：本周產品經理們提了很多需求：@#￥……&%……&%……

可這樣做:

1、列出所有需求

ABCBBD

2、歸納類型

ABBBCD

3、了解份量

A（傳輸功能設計)：總辦需求

BBB（圖標類設計）: 迭代需求，排一起繪制

C（新增界面設計）: 迭代需求，需較多時間設計

D（功能宣傳圖）：迭代需求，版本發布的新功能宣傳

4、明確期限

假如級別為High、Mid、Low…

A（傳輸功能設計)：總辦需求—非常緊急（今天）—High

D（功能宣傳圖）：迭代需求，版本發布的新功能宣傳—周三—Mid

C（新增界面設計）: 迭代需求，需較多時間設計—本周—Mid

BBB（圖標類設計）: 迭代需求，需較多時間設計—本周—Low

需求從散到整，從大到小，從繁到簡，從緊急到迭代這樣去處理就會變得清晰可觀。

　一頭牛從最初的寫實到最后僅僅只用幾根線條來表示，整個簡化的過程也經歷了好幾個步驟，當然這里對設計師觀察和提煉能力要求很高，要充分了解對象物的本質，懂得巧妙的取舍，用極簡的要素，在沒有更多裝飾的情況下表達清楚內容，在界線與輪廓的高對比下，表現出物體的美感。

問題的關鍵有：

1.字體樣式太多，導致頁面雜亂

2.使用的字體不易識別

3.字體樣式和內容的氣氛或規范不匹配

怎么避免這樣的結果發生呢？

通過設計經驗可以幫助你做出更好的版式

了解不同平臺的常用字體設計規范

在每個項目設計中只使用1-2個字體樣式，而在品牌字有明確的規范的情況下，只需要一種字體貫穿全文，通過對字體放大來強調重點文案。字體用的太多，越顯得不夠專業。

不同的樣式的字體，形狀或系列最好相同，保證字體風格的一致性。

字體與背景的層次要分明

確保字體樣式與色調氣氛相匹配

統一的力量是強大的。作為人類，在日?；顒又?，我們潛意識期望某種協調和秩序。世上每個禁行標記看起來都很像，這是有原因的。我在澳大利亞時，學著在道路另一側駕駛就已經很艱難了。想象一下，如果每個城市都有自己特定的禁行標志——紫色霓虹燈禁行標志——那會是什么情況！某種程度上來說，我們靠一致性來使自己感到平常和舒適。

我們會注意到相互迥異的事物，這可能讓人沮喪和迷惑。但有時又會讓人耳目一新、為之著迷。我愛星巴克，我會本能地購買咖啡，動作一氣呵成。領取我的白色超大杯咖啡時，也沒有絲毫畏縮。忽然，在十一月的某天，我手捧著一杯迷人的紅色假日杯，上面有一些令人感到安逸的冬季圖案。白色的杯子星巴克已經使用多年，沒有什么打破過這一傳統，但有時制造點混亂也不錯。它能通過人們不熟悉的方式，吸引和迷住顧客。

編者按：今天問題非常有代表性，該如何融合看似對立的簡約與細節？怎樣讓簡約的界面看起來不那么糙？來看@-eno-one- 老師分享的內部培訓教程，全文都是易懂的大白話，外行人也能看得明白，希望對同學們有幫助 >>>

正好，前段時間公司的內部培訓就講到這方面。我將內容整理一下。

之所以決定將這個問題作為公司內訓的原因，因為發現一些同事們的設計粗糙，缺乏細節。而所謂設計的細節，又是一種很難用理性文字來表述清楚的東西。所以，我花了好幾天時間去觀察同事們做的東西，總結其中常犯的通病。本篇內容，我會盡量用最易懂的大白話來回答。外行人也能看得明白，就是我的目的。所以，希望下面的內容對你有幫助。

一個優秀的APP交互動畫不僅僅是弦，而且要實用，有的還要考慮手機的性能等因素，所以想做一個好的交互不并容易，今天摘選自Ramotion公司的一些項目交互作品，交互效果很棒，值得欣賞學習。

（GIF圖片較大，想看好作品，請耐心等待加載。）

一個有趣的下拉刷新loading交互效果，這個彈性看起來很有吸引力。

為了利用平臺化的功能，歷史上第一批移動網站不得不在很多方面做出“讓步”，因此遠達不到“佳作”的水平。而如今，功能更加完備的設備讓我們有機會打造出更具視覺吸引力的設計，這些設計不僅能夠刺激和吸引用戶，更能夠提高用戶體驗的實用性。不過，機會的出現同時也伴隨著挑戰。

很多公司是缺少前端人員，前端的工作都郵設計師來完成，但設計師們對前端的熟悉程度一般般，想做出一些好的，就必須去找源代碼了，今天我們整理出30+有吸引力的jQuery插件，這些都是比較新鮮的代碼，有的效果很不錯，有的卻很實用，喜歡的可以嘗試應用到你的網站上，讓你的WEB站點更生動一些吧！

魔法滾動，在演示頁滑動鼠標中鍵試試，很有趣哦。