在工作中，我比較強(qiáng)調(diào)設(shè)計(jì)思維，有正確的思維才能更好地駕馭自己的才能完成最終的作品，用戶(hù)不過(guò)是憑著一眼的直覺(jué)去審視我們的作品，熟不知背后那是多少思維在設(shè)計(jì)師的腦子里的跑馬。

Flow流程圖也是一個(gè)常用工具，可以總結(jié)出不同場(chǎng)景下用戶(hù)使用產(chǎn)品的流程和步驟是怎樣的，可能產(chǎn)生怎樣的分支需要在設(shè)計(jì)中考慮到，在哪些地方可能產(chǎn)生較大的流失，步驟是否可以合并優(yōu)化，能否抽象出通用的流程來(lái)構(gòu)建框架設(shè)計(jì)等。

在設(shè)計(jì)過(guò)程中，如何最佳地搭配顏色，誘導(dǎo)用戶(hù)視線(xiàn)？是不是在為圖標(biāo)選擇什么顏色而煩惱，反反復(fù)復(fù)地嘗試，總不能達(dá)到想要的效果。是不是總在羨慕“別人家的設(shè)計(jì)”，而苦于無(wú)從下手？其實(shí)所有的顏色都有些小規(guī)律，今天 就和大家聊一聊“色”。

作者微信公眾號(hào)：MICU設(shè)計(jì)

當(dāng)談及用戶(hù)體驗(yàn)相關(guān)的文檔之時(shí)，線(xiàn)框圖和原型相關(guān)的文檔無(wú)疑是其中最重要的。但值得注意的是，用戶(hù)體驗(yàn)所涵蓋的范疇不止于此，它們也僅僅只是個(gè)開(kāi)始。實(shí)際上，我們發(fā)現(xiàn)還有四份文檔也是日常用戶(hù)體驗(yàn)設(shè)計(jì)中極其實(shí)用的文檔。這四種文檔的誕生，是為了幫設(shè)計(jì)人員更容易了解用戶(hù)，更方便作出爭(zhēng)取的設(shè)計(jì)決策，打造優(yōu)秀的設(shè)計(jì)和成功的產(chǎn)品。

?如果你曾使用Airbnb預(yù)訂過(guò)地方，那么你會(huì)在這個(gè)過(guò)程中，逐步發(fā)現(xiàn)這個(gè)企業(yè)擁有著頂尖的產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)。這個(gè)正在改變整個(gè)行業(yè)的企業(yè)，正在為用戶(hù)提供著順滑無(wú)縫的體驗(yàn)，而這也是今天我撰寫(xiě)這篇文章的初衷。

作為一個(gè)喜歡研究用戶(hù)體驗(yàn)、交互設(shè)計(jì)、UI的產(chǎn)品設(shè)計(jì)師，我尤其喜歡剖析成功的產(chǎn)品，尋找其中隱藏的交互和用戶(hù)體驗(yàn)設(shè)計(jì)。無(wú)論這些設(shè)計(jì)是用來(lái)提升整體的用戶(hù)體驗(yàn)，還是激勵(lì)產(chǎn)品增長(zhǎng)，你會(huì)發(fā)現(xiàn)這些設(shè)計(jì)都非常有意思，并且值得分享。

事不宜遲，一起來(lái)看看我從Airbnb中發(fā)現(xiàn)了什么吧：

1. 情緒感染（用戶(hù)體驗(yàn)）

不妨先將注意力集中在產(chǎn)品初次體驗(yàn)流程當(dāng)中的空狀態(tài)上，因?yàn)檫@個(gè)環(huán)節(jié)相對(duì)特殊，某種程度上屬于用戶(hù)引導(dǎo)機(jī)制的一部分。在這個(gè)場(chǎng)景下，空狀態(tài)界面應(yīng)該實(shí)現(xiàn)以下幾點(diǎn)目標(biāo)：

1. 用戶(hù)教育與產(chǎn)品說(shuō)明

最近國(guó)內(nèi)O2O市場(chǎng)火熱，辦公室內(nèi)叫外賣(mài)的氛圍也出現(xiàn)了前所未有的高潮。大家經(jīng)常使用的外賣(mài)app有餓了么、百度外賣(mài)、美團(tuán)外賣(mài)。

今天來(lái)看看餓了么、百度外賣(mài)、美團(tuán)外賣(mài)的購(gòu)物車(chē)設(shè)計(jì)。

像淘寶、天貓、京東等購(gòu)物平臺(tái)一般在一級(jí)界面就有購(gòu)物車(chē)入口，而餓了么、百度外賣(mài)、美團(tuán)外賣(mài)在一級(jí)界面都沒(méi)有購(gòu)物車(chē)入口。

這是因?yàn)閮深?lèi)產(chǎn)品的購(gòu)物車(chē)的使用場(chǎng)景還是有所區(qū)別的：

IOS和Android是移動(dòng)操作系統(tǒng)中最大的兩個(gè)陣營(yíng)。毫無(wú)疑問(wèn)，這兩個(gè)系統(tǒng)可以說(shuō)是手機(jī)行業(yè)里的一個(gè)奇跡，并且也在逐漸變得完善。

一部智能設(shè)備撇開(kāi)眾多的功能不說(shuō)，一套不錯(cuò)的UI界面和良好的交互模式是一部智能機(jī)的基礎(chǔ)。如果沒(méi)有有用的用戶(hù)界面，那么設(shè)備也不過(guò)是一塊沒(méi)有作用的電路板。

盡管這兩個(gè)操作系統(tǒng)更新迭代的時(shí)間有些漫長(zhǎng)，但如果你壓縮每代系統(tǒng)更新的總時(shí)間來(lái)看，你就會(huì)發(fā)現(xiàn)IOS和Android在UI上面的變化還是挺大的。

在這里，我們以UI設(shè)計(jì)理念進(jìn)行對(duì)比，一起來(lái)看看這兩個(gè)操作系統(tǒng)隨時(shí)間的演變。

IOS和Android在UI上的開(kāi)發(fā)

起源

藍(lán)藍(lán)設(shè)計(jì)是一家專(zhuān)注而深入的設(shè)計(jì)公司，致力于提供有效、經(jīng)典卓越的設(shè)計(jì)，在工作中，目前有很多客戶(hù)選擇購(gòu)買(mǎi)了Bootstrap ui的框架，客戶(hù)們選擇Bootstrap的原因是因?yàn)樗目蚣苤性S多組件已經(jīng)寫(xiě)好，js等很方便直接引用，程序員們只需直接用就可以，可以把工作的重心放在后臺(tái)程序的開(kāi)發(fā)上。但是Bootstrap ui只是提供了各種元素，無(wú)法直接使用，需要進(jìn)行二次設(shè)計(jì)和開(kāi)發(fā)。藍(lán)藍(lán)設(shè)計(jì)做了許多這樣的工作，包括整合客戶(hù)的業(yè)務(wù)和需求重新設(shè)計(jì)頁(yè)面的風(fēng)格和布局，最后切圖修改Bootstrap ui的css，這里是我們工作前收集的國(guó)外各種風(fēng)格扁平化后臺(tái)管理界面,做成系列欣賞，與大家分享～～～～

雖然目前Apple Watch的銷(xiāo)量趨于平穩(wěn)，但是從大趨勢(shì)上來(lái)看，它依然是年度最熱的產(chǎn)品之一。隨著9月的臨近，新一代的Apple
Watch 已經(jīng)不遠(yuǎn)了。熱門(mén)移動(dòng)端應(yīng)用的Apple Watch 版先后推出，促使越來(lái)越多的設(shè)計(jì)師開(kāi)始為Apple Watch APP
制作概念設(shè)計(jì)稿以及相應(yīng)的設(shè)計(jì)素材。

在過(guò)去的一年多時(shí)間里面，Behance 和 Dribbble 上開(kāi)始出現(xiàn)大量的Apple Watch 應(yīng)用設(shè)計(jì)稿，這些復(fù)雜而具有開(kāi)拓性的UI設(shè)計(jì)稿擁有著難以置信的外觀(guān)和令人難忘的奇思妙想。如果你對(duì)于Apple Watch同樣保持熱忱的話(huà)，不妨看看下面的設(shè)計(jì)素材，這些模板、線(xiàn)框圖和原型可以讓你快速開(kāi)始新一輪的產(chǎn)品設(shè)計(jì)。

WATCH APPS CONCEPT