我(原作者)的手機(jī)又震了。當(dāng)時(shí)我正在冰島的一個(gè)什么地方，離我的車(chē)有十多里地遠(yuǎn)，四下無(wú)人。我正拿著馬上就要沒(méi)電的手機(jī)查看著Google Maps。

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

過(guò)去20年里，科技進(jìn)步的太多太多，但通知服務(wù)似乎還停留在上個(gè)世紀(jì)。

對(duì)任何信息進(jìn)行排布的時(shí)候，首先必須要掌握的是對(duì)齊/重復(fù)/親密/對(duì)比，貫穿設(shè)計(jì)的四大原則。

對(duì)齊除了能建立一種清晰精巧的外觀，還能方便開(kāi)發(fā)的實(shí)現(xiàn)。基于從左上至右下的閱讀習(xí)慣，移動(dòng)端界面中內(nèi)容的排布通常使用左對(duì)齊和居中對(duì)齊，表單填寫(xiě)的輸入項(xiàng)使用右對(duì)齊。

藍(lán)藍(lán)注：每一位設(shè)計(jì)師都得面臨著一個(gè)問(wèn)題，設(shè)計(jì)的作品是否得到客戶的認(rèn)可。現(xiàn)實(shí)是，有些會(huì)容易得到認(rèn)可，有些很難得到認(rèn)可，有些改改就能得到認(rèn)可，有些怎么改都很難達(dá)到認(rèn)可。

不管過(guò)程是如何的，哪怕艱難讓人想逃，結(jié)果你一定要清晰，項(xiàng)目最終要保質(zhì)保量，讓客戶認(rèn)可的完成，創(chuàng)造價(jià)值。

為了最終目的，你的工作心態(tài)一定要擺正，重要的事可以說(shuō)三遍：1“為了項(xiàng)目最終要保質(zhì)保量，讓客戶認(rèn)可的完成，創(chuàng)造價(jià)值”。2虛心使人進(jìn)步。3心平氣和，態(tài)度誠(chéng)懇。隨后是技巧和工作方法。

編者按：和諧的團(tuán)隊(duì)協(xié)作來(lái)自互相理解。之前Greenline Creative 聯(lián)合創(chuàng)始人、資深設(shè)計(jì)師 Dennis Field分享了他的經(jīng)驗(yàn)，傳授給大家和設(shè)計(jì)師溝通的技巧。今天這篇文章是它的姊妹篇，向設(shè)計(jì)師們講述了正確聽(tīng)取反饋的技巧。

藍(lán)藍(lán)注：在我們做ui項(xiàng)目的時(shí)候，最終一般會(huì)給客戶一份整理好的ui設(shè)計(jì)規(guī)范或總結(jié)。

所以搜集這方面的資料，希望了解眾家之長(zhǎng)，學(xué)習(xí)用在工作中，這篇覺(jué)得還不錯(cuò)。

《情感化設(shè)計(jì)心理學(xué)中》作者唐納德·諾曼將情感化設(shè)計(jì)與馬斯洛的人類需求層次理論聯(lián)系了起來(lái)。 產(chǎn)品特質(zhì)也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個(gè)從低到高的層面，而情感化設(shè)計(jì)則處于其中最上層的“愉悅性”層面當(dāng)中。

因?yàn)槭袌?chǎng)上不同品牌的同類產(chǎn)品在功能、質(zhì)量、價(jià)格等基本品質(zhì)方面已經(jīng)差別越來(lái)越小,尤其是消費(fèi)類產(chǎn)品,比如手機(jī)家電之類的,產(chǎn)品的同質(zhì)化趨勢(shì)非常明顯,競(jìng)爭(zhēng)日趨激烈。 消費(fèi)者在購(gòu)買(mǎi)產(chǎn)品時(shí),情感因素的影響也日益加大,這意味著如果產(chǎn)品具有相同功能、質(zhì)量和價(jià)格,消費(fèi)者會(huì)選擇更能觸動(dòng)其情感的產(chǎn)品。

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

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

有一種“奇怪的”現(xiàn)象會(huì)經(jīng)常的看到“很多設(shè)計(jì)師沒(méi)有辦法清楚的跟其他人解釋他們是如何設(shè)計(jì)的，越細(xì)致的地方可能越是如此。比如，這個(gè)菜單的寬度為什么是200px？250px或者190px是否可以？圖片的尺寸為什么是278px*196px？如何確定網(wǎng)頁(yè)的寬度？“

軟件界面的設(shè)計(jì)師除了視覺(jué)本身以外，對(duì)于設(shè)計(jì)是否可以實(shí)現(xiàn)、大概以何種方式實(shí)現(xiàn)、規(guī)范可否被理解并且復(fù)制執(zhí)行、設(shè)計(jì)實(shí)現(xiàn)的性價(jià)比與時(shí)間比等緯度都應(yīng)有相當(dāng)高度的認(rèn)識(shí)。就像建筑設(shè)計(jì)師一樣，他們一定很了解建筑材料以及如何建筑，雖然他們不會(huì)去親自砌墻。:)

希望通過(guò)此文可以交流關(guān)于柵格化和盒子比例的設(shè)計(jì)方法。

柵格化

對(duì)于網(wǎng)頁(yè)的寬度，設(shè)計(jì)師之間基本上比較容易達(dá)成共識(shí)，比如：950px、960px、1000px、1190px、1200px。但是如果接下來(lái)讓 每一個(gè)設(shè)計(jì)師設(shè)計(jì)一個(gè)左右布局的版式，左邊是一個(gè)樹(shù)形菜單，右邊是主要內(nèi)容區(qū)域。那么可能會(huì)有很多結(jié)果。但是這些結(jié)果基本上是比較接近的。如果這些設(shè)計(jì)師 都服務(wù)于一個(gè)品牌下的話，這種情況并不是一個(gè)好的事情。會(huì)給人以沒(méi)有一致性的感覺(jué)。

圖1：一個(gè)產(chǎn)品站點(diǎn)，同樣是980px的頁(yè)面寬度，但是菜單寬度分別為：200px和245px

@Akane_Lee ：我遇到非常多這樣子的設(shè)計(jì)師，他們從不考慮「這樣設(shè)計(jì)稿交出去，工程師做不做得出來(lái)」的問(wèn)題，也不愿意去了解什么叫「限制」和「規(guī)則」。如果你也想從畫(huà)圖標(biāo)的變成UI設(shè)計(jì)師，這篇干貨千萬(wàn)要收藏。

如何提升用戶粘性？這是產(chǎn)品有一定UV后都會(huì)面臨的問(wèn)題。大部分產(chǎn)品都在嘗試主動(dòng)跟用戶聯(lián)系，比如電商類APP定期給用戶推送各種打折促銷(xiāo)消息，吸
引用戶回到APP；SNS類APP會(huì)給用戶推送「您關(guān)注的人XX更新了狀態(tài)」等動(dòng)態(tài)；有些日記類APP會(huì)定期推送消息，提示用戶多少天沒(méi)去了之類等等。但
對(duì)用戶來(lái)說(shuō)，什么樣的聯(lián)系他們會(huì)更愿意接受呢？本文作者講述了什么是鉤狀理論，以及我們?cè)撊绾卫眠@個(gè)理論幫助提升用戶粘性。

第一次遇見(jiàn)Joe，是在他35歲時(shí)，有兩個(gè)孩子。看看自己的游泳圈，他決定要減肥20磅。他買(mǎi)了的運(yùn)動(dòng)裝備，最好的健康管理APP來(lái)記錄自己的 飲食和運(yùn)動(dòng)。最開(kāi)始的一周，他堅(jiān)定地執(zhí)行計(jì)劃并且成功減掉了幾磅，第二周他的熱情減弱了很多，經(jīng)過(guò)一個(gè)月之后，他完全停止了記錄并且又胖了回來(lái)。他對(duì)自己 的狀態(tài)很不滿意，并且對(duì)減肥失敗自責(zé)。

在列表中使用縮略圖，這樣一個(gè)簡(jiǎn)單的需求，看似平淡無(wú)奇的設(shè)計(jì)，也有如此多的細(xì)節(jié)和原理可以挖掘。原文中推敲的過(guò)程非常值得學(xué)習(xí)和借鑒，來(lái)看今天@TerryFan 這篇譯文。