首頁(yè)

你還在用輪播圖嗎?

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

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

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

移動(dòng)端用戶體驗(yàn):底部導(dǎo)航

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

底部導(dǎo)航欄,或者叫做底部標(biāo)簽欄,這是我們?cè)缇土?xí)以為常的App組件。有沒(méi)有認(rèn)真想過(guò)它有些什么值得注意的地方呢?跟隨本文來(lái)復(fù)習(xí)一下基礎(chǔ)吧。 

陳幼堅(jiān):好設(shè)計(jì)為品牌注入生命力

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

那么您認(rèn)為一個(gè)好的跨界設(shè)計(jì)師都需要具備怎樣的素質(zhì)?

首先不要刻意去把跨界當(dāng)成一個(gè)成功的途徑,想要依靠跨界吸引眼球博得注意力,畢竟這不是長(zhǎng)久之計(jì)。跨界應(yīng)當(dāng)是你跟隨自己的內(nèi)心慢慢的、自然的從一個(gè)地方走到另一個(gè)地方,你因著對(duì)另一個(gè)領(lǐng)域某個(gè)元素的喜愛(ài)受到吸引和啟發(fā),然后將兩者做一個(gè)完美的融合。不要懷著很大的目的。


在您與各個(gè)品牌的合作當(dāng)中,設(shè)計(jì)帶來(lái)的競(jìng)爭(zhēng)力是否等同于產(chǎn)品競(jìng)爭(zhēng)力?這兩者分別要如何進(jìn)行評(píng)價(jià)和分析?

這個(gè)問(wèn)題我沒(méi)有特別想過(guò)。一般都是客戶來(lái)找我然后我做產(chǎn)品的包裝,這兩者是否等同,很難說(shuō)。當(dāng)然對(duì)于我們來(lái)說(shuō)是希望通過(guò)包裝設(shè)計(jì)將這個(gè)產(chǎn)品做一個(gè)更好的呈現(xiàn)。但是這兩者之間是相輔相成的關(guān)系,很難去做一個(gè)比較。如果產(chǎn)品不好,設(shè)計(jì)怎么做都沒(méi)用。


您對(duì)好的設(shè)計(jì)與好的設(shè)計(jì)師,是否有自己的定義和衡量標(biāo)準(zhǔn)?

我覺(jué)得永遠(yuǎn)都要懷著兒童的心態(tài),很純凈,對(duì)生活永遠(yuǎn)充滿好奇。因?yàn)槿绻Ma(chǎn)品跟夠跟消費(fèi)群體產(chǎn)生共鳴,這個(gè)關(guān)鍵點(diǎn)無(wú)疑是需要通過(guò)設(shè)計(jì)的觀察來(lái)創(chuàng)造和開(kāi)啟。另外還要永遠(yuǎn)保持幽默感,再就是要有包容性,要做一個(gè)“花心”男。

用實(shí)戰(zhàn)案例告訴你,這10個(gè)設(shè)計(jì)心理學(xué)技巧該怎么用!

周周

研究刺激用戶的心理誘因,將有助于設(shè)計(jì)師利用它們來(lái)做出更成功的產(chǎn)品。下面總結(jié)的這10個(gè)心理學(xué)技巧,將有助于創(chuàng)造讓用戶上癮的產(chǎn)品,每個(gè)設(shè)計(jì)技巧都附上了實(shí)戰(zhàn)案例演示,幫你更方便理解。一起來(lái)看!

1、熟悉度偏見(jiàn)

uisdc-think-201609142

了解并使用CSS中的rem單位

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

什么是 rem

可能在你使用收音機(jī)或者用其他音樂(lè)播放器之前,就已經(jīng)聽(tīng)過(guò)“R.E.M.”這個(gè)詞了。在這個(gè)樂(lè)隊(duì)眼中,這個(gè)詞是“淺睡眠時(shí)眼球的快速轉(zhuǎn)動(dòng)”的縮寫,而在 css 中,rem 代表著“以根元素為參照物的 em 單位“。他不會(huì)讓你拋棄你的宗教信仰也不會(huì)讓你相信那個(gè)遠(yuǎn)在月球的人,但是它可以幫助你實(shí)現(xiàn)一個(gè)和諧、平穩(wěn)的設(shè)計(jì)。

根據(jù) W3C 規(guī)范中對(duì) 1rem 的定義:

1rem 與等于根元素 font-size 的計(jì)算值。當(dāng)明確規(guī)定根元素的 font-size 時(shí),rem 單位以該屬性的初始值作參照。

設(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ì)語(yǔ)言,來(lái)標(biāo)榜自己的獨(dú)特之處,行成自己的設(shè)計(jì)風(fēng)格,甚至引領(lǐng)設(shè)計(jì)風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計(jì)風(fēng)格的影響和iOS7的發(fā)布,APP明顯都開(kāi)始嘗試扁平化的設(shè)計(jì)語(yǔ)言了,除此之外,還有哪些顯性化的設(shè)計(jì)語(yǔ)言嶄露頭角呢?

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

為什么我們要定義一個(gè)界面多種顏色??jī)H僅用一個(gè)主色調(diào),是不是就能夠很好的表達(dá)界面層次、重要信息,并且能展現(xiàn)良好的視覺(jué)效果?事實(shí)上也正是如此,隨著iOS7的發(fā)布,我們看到越來(lái)越多唯一主色調(diào)風(fēng)格的設(shè)計(jì),會(huì)采用簡(jiǎn)單的色階,配套灰階來(lái)展現(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ì)是繞不開(kāi)的問(wèn)題,今天的文章我們來(lái)聊聊這個(gè)~


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


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

UI設(shè)計(jì)師應(yīng)該如何描述設(shè)計(jì)風(fēng)格

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

很多時(shí)候視覺(jué)設(shè)計(jì)師會(huì)糾結(jié)于文字對(duì)齊、線條、高斯模糊等視覺(jué)表現(xiàn),甚至沉醉于 icon 的轉(zhuǎn)角角度。面對(duì)于需求方或工程師的質(zhì)疑只能說(shuō)「這樣更好看、這樣更合適」之類的話,這些理由在以顯性數(shù)字指標(biāo)為衡量標(biāo)準(zhǔn)的團(tuán)隊(duì)中則顯得蒼白無(wú)力。

 

坦白講,想要講清楚這些的確是一件不容易的事情。今天在大多數(shù)互聯(lián)網(wǎng)公司,設(shè)計(jì)師不需要搞藝術(shù),需要的是解決問(wèn)題,而純粹的從感性角度出發(fā)很難證明它能解決問(wèn)題。隨著移動(dòng)端對(duì)于視覺(jué)表現(xiàn)力要求的降低,視覺(jué)設(shè)計(jì)師需要更加理性的分析問(wèn)題,而視覺(jué)表現(xiàn)只是解決問(wèn)題的一種手段。這種環(huán)境的變化也勢(shì)必要求視覺(jué)設(shè)計(jì)師主動(dòng)進(jìn)化,而對(duì)于那些還在以視覺(jué)表現(xiàn)力謀生的設(shè)計(jì)師處境將會(huì)變得越來(lái)越難。這也是為什么我在周刊中總是不斷強(qiáng)調(diào)設(shè)計(jì)思路的原因。

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

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

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

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

包益民談設(shè)計(jì)(偉大的設(shè)計(jì)師談什么是真正的設(shè)計(jì))

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

包益民最愛(ài)把“為什么不...?能不能?”掛在嘴邊,他用他慣用的“能不能”問(wèn)自己,問(wèn)下屬......在他的思維里幾乎是“沒(méi)有什么不可以”,他以創(chuàng)意人自居,但他一直努力做的是傳統(tǒng)意義的“生意人”!在包益民看來(lái),設(shè)計(jì)公司“爛”的原因,就是因?yàn)樗鼈兲幵谡麄€(gè)產(chǎn)業(yè)鏈上最不能生產(chǎn)實(shí)際利潤(rùn)、最讓人不尊重的一環(huán),“你知道一家公司用多少預(yù)算來(lái)做創(chuàng)意和設(shè)計(jì)?最多1% ”。你有沒(méi)有想過(guò)你賺的只是1%而已!

包益民說(shuō)到他選擇團(tuán)隊(duì)成員的兩個(gè)條件“熱情和誠(chéng)實(shí)”,熱情就是多投幾次簡(jiǎn)歷,“求職者第一次投簡(jiǎn)歷我們是絕對(duì)不會(huì)回的,如果他(她)非常向往和熱愛(ài)這份工作,為什么不嘗試第二、三次投簡(jiǎn)歷?”說(shuō)起團(tuán)隊(duì)的管理,他首先談到的是“禁止員工加班”!“如果有‘我沒(méi)做完只好加班’的心態(tài)的人不要來(lái)我們公司”,包益民說(shuō)公司前不久開(kāi)始實(shí)行打卡,他要了解員工是否有加班!他相信在短時(shí)間做得更好是有方法的,“你看廣告公司的那些人,整天加班,每個(gè)人都窮得像熊貓,也沒(méi)因此變得更好更聰明,行業(yè)也越來(lái)越爛,錢越來(lái)越難賺,這一定是方法的錯(cuò)誤”!


日歷

鏈接

個(gè)人資料

存檔