輪播圖（Carousels）這樣的交互方式，在web時(shí)代似乎已經(jīng)司空見慣。當(dāng)一群人在會(huì)議室里爭奪首屏焦點(diǎn)圖的優(yōu)先級時(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ì)也是如此。

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

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

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

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

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

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

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

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

1、熟悉度偏見

什么是 rem

可能在你使用收音機(jī)或者用其他音樂播放器之前，就已經(jīng)聽過“R.E.M.”這個(gè)詞了。在這個(gè)樂隊(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ī)范中對 1rem 的定義：

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

如果你是一個(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ì)語言嶄露頭角呢？

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

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)效的微交互正是以提供視覺反饋而聞名。

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

坦白講，想要講清楚這些的確是一件不容易的事情。今天在大多數(shù)互聯(lián)網(wǎng)公司，設(shè)計(jì)師不需要“搞藝術(shù)”，需要的是解決問題，而純粹的從感性角度出發(fā)很難證明它能解決問題。隨著移動(dòng)端對于視覺表現(xiàn)力要求的“降低”，視覺設(shè)計(jì)師需要更加理性的分析問題，而視覺表現(xiàn)只是解決問題的一種手段。這種環(huán)境的變化也勢必要求視覺設(shè)計(jì)師主動(dòng)“進(jìn)化”，而對于那些還在以視覺表現(xiàn)力謀生的設(shè)計(jì)師處境將會(huì)變得越來越難。這也是為什么我在周刊中總是不斷強(qiáng)調(diào)設(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)造令人驚嘆的效果，讓用戶過目不忘，擁有持久的生命力，帶來更多回頭客。

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

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