首頁

培養(yǎng)良好的設計思維

用心設計

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

02f44855d408dd0000014ed70c19f4

如何寫好一份設計文檔

用心設計

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

wireframe_kit_free_05

如何在界面設計中“色”誘用戶?

用心設計

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

作者微信公眾號:MICU設計

micu20150820 (1)

姿勢大漲!用戶體驗設計師必備的4種UX文檔

周周

4-essential-ux-documents-1

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

隱藏在AIRBNB網(wǎng)站里的9項體驗與交互設計

博博

airbnb-user-experience-interaction-1

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

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

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

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

空狀態(tài)的設計值得更多關注

用心設計

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

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

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

餓了么、百度外賣、美團外賣購物車設計分析

用心設計

交互設計

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

今天來看看餓了么、百度外賣、美團外賣的購物車設計。

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

這是因為兩類產(chǎn)品的購物車的使用場景還是有所區(qū)別的:

iOS和Android設計理念的演變

用心設計

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

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

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

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

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

起源

Bootstrap扁平化后臺管理界面欣賞之一

藍藍設計的小編

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

ui_1x.png

超實用的APPLE WATCH 模板

用心設計

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

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

WATCH APPS CONCEPT

日歷

鏈接

個人資料

藍藍設計的小編 http://yvirxh.cn

存檔