首頁

如何有好的用戶體驗(yàn)?別忘了做錯(cuò)誤反饋設(shè)計(jì)

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

人非圣賢,孰能無過?;ヂ?lián)網(wǎng)產(chǎn)品面向的用戶群體是多種多樣的,不同的教育背景,不同的行為習(xí)慣,這些都使得用戶真實(shí)的操作和產(chǎn)品設(shè)計(jì)時(shí)的設(shè)想會(huì)出現(xiàn)一定的出入。

近些年,隨著移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來,用戶會(huì)在各種千奇百怪的應(yīng)用場景和環(huán)境中去使用產(chǎn)品。坐著還是躺著?在公交上還是在廁所里?處于安靜的環(huán)境還是嘈雜的環(huán)境?這些復(fù)雜多樣的使用場景使得針對(duì)用戶操作錯(cuò)誤而進(jìn)行的錯(cuò)誤反饋設(shè)計(jì)變得尤為重要。

產(chǎn)品錯(cuò)誤反饋設(shè)計(jì)舉例

產(chǎn)品錯(cuò)誤反饋設(shè)計(jì)

創(chuàng)意酷炫的服飾行業(yè)網(wǎng)站設(shè)計(jì)

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

有很多小型的服裝公司網(wǎng)站界面設(shè)計(jì)都交給一些富有個(gè)性,創(chuàng)意十足的ui設(shè)計(jì)師打理,可能他們的規(guī)模并不如大品牌那樣出眾,但這些網(wǎng)站設(shè)計(jì)的表現(xiàn)卻令人感到驚艷。今天藍(lán)藍(lán)設(shè)計(jì)收集了許多酷炫的服裝行業(yè)網(wǎng)站設(shè)計(jì),來看下它們有哪些不俗的布局與驚喜的彩蛋吧。

Locals Apparel

Locals Apparel

20套用戶體驗(yàn)極佳的移動(dòng)UI賞析

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

UI(用戶界面設(shè)計(jì))與UX(用戶體驗(yàn))是密切聯(lián)系的,優(yōu)秀的UI界面設(shè)計(jì)首先就能從視覺上給用戶極好的體驗(yàn),今天藍(lán)藍(lán)設(shè)計(jì)從Drrible和Behance上挑選了20套用戶體驗(yàn)超棒的UI界面設(shè)計(jì),包括了睡眠APP、天氣APP等等,還有對(duì)Facebook、Instagram、Ebay等應(yīng)用的扁平化再設(shè)計(jì),都非常棒呦!如果你正在設(shè)計(jì)UI界面,那么可得好好借鑒學(xué)習(xí)一下,希望能給你帶來靈感 : )

1. Graph screen

Flat Mobile UI Design and UX-21

15款精美搜索框PSD免費(fèi)下載

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

這一次,藍(lán)藍(lán)設(shè)計(jì)給大家?guī)淼乃夭氖?5款很有吸引力的搜索框 PSD 界面設(shè)計(jì),你可以免費(fèi)下載使用。有時(shí)候,搜索框容易被訪客忽視,因?yàn)槠浜唵魏蜎]有吸引力的ui設(shè)計(jì)。如果這是你所面對(duì)的問題,那么我們會(huì)鼓勵(lì)你去看看在這個(gè)集合,并找出一些有追求的方法來提高搜索框的美觀。

Searchbox

移動(dòng)UI中的6種主要導(dǎo)航模式

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

為一本簡易的UI模式參考書,《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》非常適合移動(dòng)應(yīng)用開發(fā)人員、UI設(shè)計(jì)師閱讀,還沒買的同學(xué)們可以看看這本書關(guān)于移動(dòng)UI設(shè)計(jì)中導(dǎo)航模式的經(jīng)驗(yàn)分享。

正如精良的設(shè)計(jì)一樣,優(yōu)秀的導(dǎo)航也大象無形。不管是瀏覽好友信息,還是租賃汽車,完美的導(dǎo)航界面設(shè)計(jì)能讓用戶根據(jù)直覺使用應(yīng)用程序,也能讓用戶非常容易地完成 所有任務(wù)。一款應(yīng)用的導(dǎo)航可以被設(shè)計(jì)成各種樣式,但藍(lán)藍(lán)設(shè)計(jì)想著重介紹6種主要的導(dǎo)航模式,也就是主菜單的導(dǎo)航模式。

navigations

怎樣的網(wǎng)站才能打動(dòng)人心?

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

最近幾年,網(wǎng)頁設(shè)計(jì)發(fā)生了翻天覆地的變化,現(xiàn)代設(shè)計(jì)的趨勢從擬物化逐漸向扁平化轉(zhuǎn)移,所以從最近瀏覽的網(wǎng)頁中我們可以發(fā)現(xiàn),網(wǎng)站里的字體變多了,變大了,網(wǎng)頁都是以內(nèi)容為主,最重要的是,網(wǎng)頁登陸速度迅速了許多。

而這一切的改變給用戶帶來了清新、整潔、干凈的體驗(yàn)。今天藍(lán)藍(lán)設(shè)計(jì)大家整理了一些以清新、干凈為主題的網(wǎng)站界面設(shè)計(jì),它們都用自己的方式詮釋了對(duì)扁平化的理解,趕緊來看看吧~

Themes Kingdom

Themes Kingdom homepage clean web design modern responsive web inspiration

向左走、向右走?表單元素設(shè)計(jì)大揭密

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

表單的界面設(shè)計(jì)是由許多細(xì)小的元素所組合而成的集合體,標(biāo)題和輸入框的排列方式有著重要的地位,標(biāo)題要放在輸入框的左側(cè)還是上面?要靠左還是靠右?要怎么排列才能提高表單的完成率呢?藍(lán)藍(lán)設(shè)計(jì)表單元素ui設(shè)計(jì)大揭密!

標(biāo)題和輸入框常見的排列方式

1. 放在輸入框左邊,而且靠左對(duì)齊

有創(chuàng)意的聯(lián)系頁面及表單設(shè)計(jì)欣賞

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

又是一個(gè)愉悅的周一。今天我們來聊聊“聯(lián)系我們”的頁面設(shè)計(jì)。它可是網(wǎng)頁設(shè)計(jì)中的最佳男配角了。雖然說通常只有一個(gè)頁面。但是他在老板的眼里,那可是最有份量的。他經(jīng)常出現(xiàn)在個(gè)人網(wǎng)站、企業(yè)網(wǎng)站、工作室網(wǎng)站設(shè)計(jì)中。但凡該網(wǎng)站提供服務(wù),就必須要有一個(gè)聯(lián)系方式。今天藍(lán)藍(lán)設(shè)計(jì)收集了比較有創(chuàng)意的網(wǎng)站頁面的界面設(shè)計(jì),有不同形式的分類和主張,希望您能喜歡。

Josies Bathrooms

設(shè)計(jì)師必備!超贊的矢量素材下載站

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

平時(shí)網(wǎng)站設(shè)計(jì)、面設(shè)計(jì)、ui設(shè)計(jì)等,想找高清大圖或?qū)W的教程都可以上設(shè)計(jì)師網(wǎng)址導(dǎo)航獲取,非常方便,今天藍(lán)藍(lán)設(shè)計(jì)為同學(xué)們補(bǔ)充一組超贊的矢量素材下載站,有了它們,從此就可以輕而易舉地找到免費(fèi)的高品質(zhì)矢量素材咯,相信能為u設(shè)計(jì)師們省出不少的時(shí)間。

01. Freepik

值得網(wǎng)站開發(fā)者收藏的JAVASCRIPT圖形圖表庫

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

圖表是數(shù)據(jù)圖形化的表示,通過形象的圖表來展示數(shù)據(jù),比如條形圖,折線圖,餅圖等等??梢暬瘓D表可以幫助開發(fā)者更容易理解復(fù)雜的數(shù)據(jù),提高生產(chǎn)的效率和Web應(yīng)用和項(xiàng)目的可靠性。

在這篇文章中,藍(lán)藍(lán)設(shè)計(jì)收集了值得網(wǎng)站設(shè)計(jì)開發(fā)者收藏的JavaScript圖形圖表庫,適合各種圖表需求。其中大部分都是免費(fèi)而且開源的,希望大家能在下面的列表中找到適合自己需求的JavaScript圖表和圖形庫。

1.  JS Charts

jscharts

日歷

鏈接

個(gè)人資料

存檔