本文譯自蘋果官方人機界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由騰訊ISUX設計師翻譯整理，非發文者一人之作。譯文首發于ISUX博客，如在閱讀過程中發現錯誤與疏漏之處，歡迎不吝指出。后續章節會陸續更新，敬請期待。

首先在確保用研對象是目標用戶之后，用戶所提出的所有合理需求(不包括用戶提出我就是喜歡這個顏色這種)都是有活生生的使用場景支持的，肯定是用戶在使用過程中確實遇到了這樣的問題。很多時候用戶不會告訴你我遇到了什么問題，他們不會想展示他們蠢的一面，他們只會告訴你他們想要的解決方式，然而這個解決方式并不一定是合適的或者是具有片面性的。所以在分析需求的過程中我覺得有以下幾個比較重要的點。

justinlam：“我總覺得頁面不太好看但是我又說不出來”，“我不懂設計，但是我就是覺得不協調”，“你覺得這好看？你的審美要加強啊”這些聽著熟悉的話往往是產品和設計產生矛盾的開端。還有一種評價叫說不出哪里好也說不出哪里不好，相信很多人也有過感同身受的無奈。

我(原作者)的手機又震了。當時我正在冰島的一個什么地方，離我的車有十多里地遠，四下無人。我正拿著馬上就要沒電的手機查看著Google Maps。

“Spotify剛剛向Afternoon Acoustic歌單添加了兩首歌曲哦”，真是時候。一條來自Periscope的消息：“@kayvon和你分享了一段視頻…”，還有Mailbox的 兩封新郵件通知，Twitter上多了個follower，Slack里的一條消息，總共9條通知。當你拿著一部電量只剩下2%的手機，被困在一個荒無人 煙、網絡連接十分不穩定的地方時，當你只想那見鬼的地圖能快些加載時，這些通知真的很是讓人欲哭無淚。

過去20年里，科技進步的太多太多，但通知服務似乎還停留在上個世紀。

對任何信息進行排布的時候，首先必須要掌握的是對齊/重復/親密/對比，貫穿設計的四大原則。

對齊除了能建立一種清晰精巧的外觀，還能方便開發的實現?；趶淖笊现劣蚁碌拈喿x習慣，移動端界面中內容的排布通常使用左對齊和居中對齊，表單填寫的輸入項使用右對齊。

藍藍注：每一位設計師都得面臨著一個問題，設計的作品是否得到客戶的認可。現實是，有些會容易得到認可，有些很難得到認可，有些改改就能得到認可，有些怎么改都很難達到認可。

不管過程是如何的，哪怕艱難讓人想逃，結果你一定要清晰，項目最終要保質保量，讓客戶認可的完成，創造價值。

為了最終目的，你的工作心態一定要擺正，重要的事可以說三遍：1“為了項目最終要保質保量，讓客戶認可的完成，創造價值”。2虛心使人進步。3心平氣和，態度誠懇。隨后是技巧和工作方法。

編者按：和諧的團隊協作來自互相理解。之前Greenline Creative 聯合創始人、資深設計師 Dennis Field分享了他的經驗，傳授給大家和設計師溝通的技巧。今天這篇文章是它的姊妹篇，向設計師們講述了正確聽取反饋的技巧。

藍藍注：在我們做ui項目的時候，最終一般會給客戶一份整理好的ui設計規范或總結。

所以搜集這方面的資料，希望了解眾家之長，學習用在工作中，這篇覺得還不錯。

《情感化設計心理學中》作者唐納德·諾曼將情感化設計與馬斯洛的人類需求層次理論聯系了起來。 產品特質也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個從低到高的層面，而情感化設計則處于其中最上層的“愉悅性”層面當中。

因為市場上不同品牌的同類產品在功能、質量、價格等基本品質方面已經差別越來越小,尤其是消費類產品,比如手機家電之類的,產品的同質化趨勢非常明顯,競爭日趨激烈。 消費者在購買產品時,情感因素的影響也日益加大,這意味著如果產品具有相同功能、質量和價格,消費者會選擇更能觸動其情感的產品。

我爹是一個插畫師，所以我記得小時候，家里到處都擺著老爹干活的家當。用大頭筆在畫紙上畫畫時發出的沙沙聲，和大白兔糖一樣成了我最回味的童年記憶。長大之后我成了一枚設計師，但是來到這個時代我發現，真的掏出紙筆來畫畫的機會是越來越少有了。今時今日，人們能很容易就下載到各類高保真的UI kits，各種精美的libraries，更有多到泛濫的軟件能幫助我們很容易就做出一個炫酷到爆的高保真原型。

在為Design Sprint干活的那幾年里，我常常喜歡用各種不同的作死方法來進行我的工作。期間我發現，回歸到用紙和筆來畫低保真的原型這種做法真是深得我心，畫草圖能讓你的腦筋騰出更多的空間來思索新的點子，挖掘出真正有意義的問題，讓我有更多的時間和產品或者視覺或者開發撕逼，而不是浪費在畫一個個炫到不發朋友圈天理難容原型上。

有一種“奇怪的”現象會經常的看到“很多設計師沒有辦法清楚的跟其他人解釋他們是如何設計的，越細致的地方可能越是如此。比如，這個菜單的寬度為什么是200px？250px或者190px是否可以？圖片的尺寸為什么是278px*196px？如何確定網頁的寬度？“

軟件界面的設計師除了視覺本身以外，對于設計是否可以實現、大概以何種方式實現、規范可否被理解并且復制執行、設計實現的性價比與時間比等緯度都應有相當高度的認識。就像建筑設計師一樣，他們一定很了解建筑材料以及如何建筑，雖然他們不會去親自砌墻。:)

希望通過此文可以交流關于柵格化和盒子比例的設計方法。

柵格化

對于網頁的寬度，設計師之間基本上比較容易達成共識，比如：950px、960px、1000px、1190px、1200px。但是如果接下來讓 每一個設計師設計一個左右布局的版式，左邊是一個樹形菜單，右邊是主要內容區域。那么可能會有很多結果。但是這些結果基本上是比較接近的。如果這些設計師 都服務于一個品牌下的話，這種情況并不是一個好的事情。會給人以沒有一致性的感覺。

圖1：一個產品站點，同樣是980px的頁面寬度，但是菜單寬度分別為：200px和245px