首頁

你還在用輪播圖嗎?

資深UI設(shè)計(jì)者

輪播圖(Carousels)這樣的交互方式,在web時(shí)代似乎已經(jīng)司空見慣。當(dāng)一群人在會(huì)議室里爭奪首屏焦點(diǎn)圖的優(yōu)先級(jí)時(shí),使用輪播圖,似乎能夠不費(fèi)吹灰之力地解決這場爭端,沒有人是輸家。然而,輪播圖這種方式真的有效嗎?如何設(shè)計(jì)才能帶給用戶更好的體驗(yàn)?zāi)兀?

事實(shí)上,“萬能和事佬”輪播圖的點(diǎn)擊率通常都很低,轉(zhuǎn)化效果也并不好,卻往往占用了頁面最搶眼的大面積位置。想象這么一個(gè)場景:當(dāng)你走進(jìn)圖書館想找一本特定的書閱讀時(shí),一個(gè)銷售員擋在你面前讓你先看一個(gè)大廣告圖,然后等你還沒讀完具體講了什么內(nèi)容時(shí),他又突然換了一張,是不是很惹人厭呢?大部分輪播圖的設(shè)計(jì)也是如此。

設(shè)計(jì)師打死都要收藏的7種移動(dòng)端UI設(shè)計(jì)風(fēng)格

ui設(shè)計(jì)分享達(dá)人

如果你是一個(gè)APP狂熱分子,你會(huì)花大量的時(shí)間在各種APP的嘗鮮中,你會(huì)明顯感受到一些APP在采用著某種風(fēng)格鮮明的設(shè)計(jì)語言,來標(biāo)榜自己的獨(dú)特之處,行成自己的設(shè)計(jì)風(fēng)格,甚至引領(lǐng)設(shè)計(jì)風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計(jì)風(fēng)格的影響和iOS7的發(fā)布,APP明顯都開始嘗試扁平化的設(shè)計(jì)語言了,除此之外,還有哪些顯性化的設(shè)計(jì)語言嶄露頭角呢?

一、唯一主色調(diào) | Simple color schemes

為什么我們要定義一個(gè)界面多種顏色?僅僅用一個(gè)主色調(diào),是不是就能夠很好的表達(dá)界面層次、重要信息,并且能展現(xiàn)良好的視覺效果?事實(shí)上也正是如此,隨著iOS7的發(fā)布,我們看到越來越多唯一主色調(diào)風(fēng)格的設(shè)計(jì),會(huì)采用簡單的色階,配套灰階來展現(xiàn)信息層次,但是絕不采用更多的顏色。

01.webp.jpg

不重視微交互的UI設(shè)計(jì)不是好設(shè)計(jì)…

ui設(shè)計(jì)分享達(dá)人

UI設(shè)計(jì)的細(xì)節(jié)很重要,它不僅僅體現(xiàn)在靜態(tài)的元素上,動(dòng)效和微交互也是如今UI和UX設(shè)計(jì)中最重要的細(xì)節(jié)。想要打造優(yōu)秀的移動(dòng)端UI設(shè)計(jì),微交互和動(dòng)效設(shè)計(jì)是繞不開的問題,今天的文章我們來聊聊這個(gè)~


呈現(xiàn)系統(tǒng)狀態(tài)


        對于UI的狀態(tài)設(shè)計(jì),“系統(tǒng)應(yīng)當(dāng)始終通過合理的反饋告知用戶當(dāng)前正在發(fā)生的事情,所處的狀態(tài)?!边@也就意味著界面需要通過反饋?zhàn)層脩裘靼装l(fā)生了什么,而無需用戶猜測。而帶有動(dòng)效的微交互正是以提供視覺反饋而聞名。

想要網(wǎng)頁令人難忘,這七個(gè)設(shè)計(jì)思路能幫你實(shí)現(xiàn)

資深UI設(shè)計(jì)者

沒有哪個(gè)網(wǎng)站的站長不希望用戶成為自家網(wǎng)站的回頭客,希望他們能分享網(wǎng)站內(nèi)容,能頻繁的與網(wǎng)站互動(dòng),讓他們能夠記住自己的網(wǎng)站。

但是,這樣的好事兒并非憑空得來,想要網(wǎng)站令人難忘需要你用心去創(chuàng)造走心的設(shè)計(jì),而這確實(shí)是有跡可循的。今天要介紹的七種方法,能夠幫你創(chuàng)造令人驚嘆的效果,讓用戶過目不忘,擁有持久的生命力,帶來更多回頭客。

UI設(shè)計(jì)是這樣一步步完成的!

ui設(shè)計(jì)分享達(dá)人

UI交互設(shè)計(jì)似乎在一夜之間成為大家街談巷議的話題,那么UI設(shè)計(jì)到底做什么,這要從UI設(shè)計(jì)的工作流程說起——產(chǎn)品/交互/設(shè)計(jì)。也就是說一般我們接到的是交互稿。

這時(shí)候,UI設(shè)計(jì)師看到交互稿,需要考慮的是:

1.信息的排布是否合理?

2.信息重點(diǎn)在哪里?

3.用戶人群是哪一類?

UI設(shè)計(jì)市場的巨大發(fā)展前景

ui設(shè)計(jì)分享達(dá)人

最近看了一些文章報(bào)道,關(guān)于UI行業(yè)發(fā)展的情況,然而在這個(gè)市場發(fā)展超快的同時(shí),很多設(shè)計(jì)行業(yè)的人都不太了解,其他領(lǐng)域的更加難以想象。下面的這一小段對話是看過類似最多出現(xiàn)的:

有人問”你是做哪一行的?“ 回答說”電商設(shè)計(jì)“ ;他說”原來是美工“,這一刻真心塞了:dizzy:。

是淘寶美工這個(gè)觀念對現(xiàn)代人影響得太多,還是他們根本就看不到UI設(shè)計(jì)這個(gè)市場呢?

今天從這幾年的電商歷史發(fā)展情況讓大家感受一下UI設(shè)計(jì)未來會(huì)有多火!!

下面的一張圖是中國幾個(gè)巨頭的愛恨情愁啊,多么激烈。

UI設(shè)計(jì)作品好壞如何看?

ui設(shè)計(jì)分享達(dá)人

一套完整的UI設(shè)計(jì)其實(shí)是比較復(fù)雜的,從需求分析到市場定位,從草稿到擬方案,從創(chuàng)意元素的組合到想法沉淀,從設(shè)計(jì)規(guī)范到突破傳統(tǒng),從紙上到電腦上,從個(gè)人到團(tuán)隊(duì),或者從團(tuán)隊(duì)到個(gè)人,從素材收集到素材處理,從0思路到偶然等等,但是不要把一個(gè)作品的好壞完全依賴于別人的評價(jià),也不要依賴于自我評價(jià)。當(dāng)然,好壞還是有一些基本前提的,有了這些前提,作品是好還是壞,蘿卜各有所愛罷了。

網(wǎng)易云音樂交互設(shè)計(jì):如何讓用戶感知到個(gè)性化推薦

資深UI設(shè)計(jì)者

話說,云音樂是最早做歌單個(gè)性化推薦的——在首頁根據(jù)你的口味推薦歌單,只是一開始絕大多數(shù)用戶都不知道有這個(gè)功能。

為什么呢?因?yàn)槲覀冊谡故旧戏浅5驼{(diào)——在首頁上的表現(xiàn)就是,熱門推薦歌單和個(gè)性化推薦歌單混雜在一起。一般用戶會(huì)以為都是熱門推薦,只有非常細(xì)心的用戶才可能發(fā)現(xiàn),比如你最近聽了不少古典音樂,那在首頁上就會(huì)看到古典相關(guān)的歌單推薦。

淺析移動(dòng)應(yīng)用界面設(shè)計(jì)的7宗罪

ui設(shè)計(jì)分享達(dá)人

干任何一件事情都要遵循一定的規(guī)則,規(guī)則的存在就是為了要規(guī)范行為,最終達(dá)成一個(gè)好的結(jié)果。當(dāng)然,不懂規(guī)則的才會(huì)去打破規(guī)則,但打破規(guī)則卻是要承擔(dān)一定的后果。今天就來簡單學(xué)習(xí)了解下在移動(dòng)應(yīng)用界面設(shè)計(jì)里的7宗罪。

一宗罪:使用古怪的導(dǎo)航模式。想讓用戶可以快速熟悉你的應(yīng)用?那就不要以自己獨(dú)特的方式來組織導(dǎo)航。Apple的人機(jī)交互規(guī)范和Google的設(shè)計(jì)指南就是最好的參照標(biāo)準(zhǔn)。導(dǎo)航設(shè)計(jì)方面別引入爭議,從而給潛在用戶一個(gè)卸載應(yīng)用的理由。

不得不重視的軟件界面設(shè)計(jì)

ui設(shè)計(jì)分享達(dá)人

軟件界面的設(shè)計(jì)效果,直接決定著使用者對這款軟件的第一印象,直接決定著使用者對其的青睞與否。說道第一印象,大家再清楚不過了。打個(gè)簡單的比方,把蒼老師和鳳姐放在一塊,你更愿意多看誰一眼呢?就算鳳姐再有才藝和內(nèi)涵,又有什么用呢?這就是第一印象的作用。換言之,軟件界面設(shè)計(jì)也是如此。

日歷

鏈接

個(gè)人資料

存檔