首頁

培養(yǎng)良好的設(shè)計(jì)思維

用心設(shè)計(jì)

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

02f44855d408dd0000014ed70c19f4

如何寫好一份設(shè)計(jì)文檔

用心設(shè)計(jì)

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

wireframe_kit_free_05

如何在界面設(shè)計(jì)中“色”誘用戶?

用心設(shè)計(jì)

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

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

micu20150820 (1)

姿勢大漲!用戶體驗(yàn)設(shè)計(jì)師必備的4種UX文檔

周周

4-essential-ux-documents-1

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

隱藏在AIRBNB網(wǎng)站里的9項(xiàng)體驗(yàn)與交互設(shè)計(jì)

博博

airbnb-user-experience-interaction-1

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

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

事不宜遲,一起來看看我從Airbnb中發(fā)現(xiàn)了什么吧:

1. 情緒感染(用戶體驗(yàn))

空狀態(tài)的設(shè)計(jì)值得更多關(guān)注

用心設(shè)計(jì)

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

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

01-empty-ui-design-user-experience-ux-mobile.jpg

餓了么、百度外賣、美團(tuán)外賣購物車設(shè)計(jì)分析

用心設(shè)計(jì)

交互設(shè)計(jì)

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

今天來看看餓了么、百度外賣、美團(tuán)外賣的購物車設(shè)計(jì)。

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

這是因?yàn)閮深惍a(chǎn)品的購物車的使用場景還是有所區(qū)別的:

iOS和Android設(shè)計(jì)理念的演變

用心設(shè)計(jì)

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

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

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

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

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

起源

Bootstrap扁平化后臺(tái)管理界面欣賞之一

藍(lán)藍(lán)設(shè)計(jì)的小編

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

ui_1x.png

超實(shí)用的APPLE WATCH 模板

用心設(shè)計(jì)

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

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

WATCH APPS CONCEPT

日歷

鏈接

個(gè)人資料

存檔