如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
當(dāng)別人問(wèn)你什么是交互設(shè)計(jì)時(shí)，你又一臉懵逼了。本篇文章就來(lái)好好聊聊什么是交互設(shè)計(jì)
工作了很多年，卻依然說(shuō)不出何為交互設(shè)計(jì)。一說(shuō)道理，大家都懂，但是當(dāng)別人問(wèn)你什么是交互設(shè)計(jì)時(shí)，你又一臉懵逼了。為什么會(huì)這樣呢？因?yàn)槲覀儧]有自己去總結(jié)，沒有形成自己的知識(shí)庫(kù)。
交互設(shè)計(jì)，它由IDEO的一位創(chuàng)始人比爾?莫格里奇在1984年一次設(shè)計(jì)會(huì)議上提出，他一開始給它命名為“軟面（Soft Face）”，由于這個(gè)名字容易讓人想起和當(dāng)時(shí)流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后來(lái)把它更名為“Interaction Design”――交互設(shè)計(jì)。
首先，我們來(lái)看看權(quán)威方對(duì)交互設(shè)計(jì)的定義：
交互設(shè)計(jì)協(xié)會(huì)(The Interaction Design Association (IxDA))解釋如下：
交互設(shè)計(jì)師以創(chuàng)造有用且實(shí)用的產(chǎn)品及服務(wù)為宗旨。以用戶為中心作為設(shè)計(jì)的基本原理，交互設(shè)計(jì)的實(shí)際操作必須建立在對(duì)實(shí)際用戶的了解之上：包括他們的目標(biāo)、任務(wù)、體驗(yàn)、需求等等。以用戶為中心的角度出發(fā)，同時(shí)努力平衡用戶需求、商業(yè)發(fā)展目標(biāo)和科技發(fā)展水平之間的關(guān)系，交互設(shè)計(jì)師為復(fù)雜的設(shè)計(jì)挑戰(zhàn)提供解決方法，同時(shí)定義和發(fā)展新的交互產(chǎn)品和服務(wù)。
百度定義如下：
交互設(shè)計(jì)（英文Interaction Design, 縮寫IXD)，是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，以“在充滿社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和”用戶體驗(yàn)“兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶需求。
唐納德諾曼給出的定義：
重點(diǎn)關(guān)注人與技術(shù)的互動(dòng)。目標(biāo)是增強(qiáng)人們理解可以做什么，正在發(fā)生什么，以及已經(jīng)發(fā)生了什么。交互設(shè)計(jì)借鑒了心理學(xué)、設(shè)計(jì)、藝術(shù)和情感等基本原則來(lái)保證用戶得到積極的、愉悅的體驗(yàn)。
首先要知道什么是交互
交互，及溝通交流，發(fā)生互動(dòng)關(guān)系。比如人和人之間的交互就比較好理解，最經(jīng)典的一幕可以用孫悟空智斗金角大王、銀角大王。金角大王說(shuō)：孫行者，我叫你一聲你敢答應(yīng)嗎？然后，金角大王就叫：孫行者。孫悟空回答：爺爺在此。就這樣，孫悟空就被收進(jìn)去了。這就是一個(gè)簡(jiǎn)單的交互。
再比如，我們每天上班，到公司和同事打招呼。你說(shuō)：“早上好呀”，同事回答“早”。這也是一個(gè)常見的交流互動(dòng)。
人和人之間的交互比較好理解，那人和機(jī)器呢？其實(shí)也是非常好理解的。我們都忘不了微信推出的搖一搖功能，打開搖一搖，搖動(dòng)手機(jī)，就會(huì)出現(xiàn)“咔咔”的聲音，然后加載，搜尋出一個(gè)和你同時(shí)在搖的人。其實(shí)，我們和任何機(jī)器之間的發(fā)生互動(dòng)關(guān)系，都是屬于交互。往更廣的意義上說(shuō)，如果失去了交互，地球?qū)⒉辉龠\(yùn)轉(zhuǎn)，將毫無(wú)生機(jī)。現(xiàn)在，智能時(shí)代已經(jīng)到來(lái)，我們除了研究人和人、機(jī)器、產(chǎn)品、環(huán)境、服務(wù)、系統(tǒng)等之間的關(guān)系，還要研究機(jī)
器和人、機(jī)器、產(chǎn)品、環(huán)境、服務(wù)、系統(tǒng)之間的關(guān)系。
總之，當(dāng)人（或機(jī)器）和事物（無(wú)論是人、機(jī)器、產(chǎn)品、服務(wù)、系統(tǒng)、環(huán)境等等）發(fā)生雙向的信息交流和互動(dòng)，就是一種交互行為。
其次，我們來(lái)聊聊設(shè)計(jì)
聊設(shè)計(jì)之前，我們要先說(shuō)說(shuō)藝術(shù)，原研哉老師對(duì)設(shè)計(jì)和藝術(shù)的描述非常精辟，下面就引用他的話。
藝術(shù)說(shuō)到底是個(gè)人意愿對(duì)社會(huì)的一種表達(dá)，其起源帶有非常個(gè)人化的性質(zhì)，所以只有藝術(shù)家自己才知道其作品的來(lái)源。這種玄虛性使得藝術(shù)“很酷”。當(dāng)然，解讀藝術(shù)家生成的表達(dá)有多種方式。非藝術(shù)家通過(guò)對(duì)藝術(shù)的有趣闡釋與藝術(shù)互動(dòng)，欣賞之，評(píng)論之，在展覽中對(duì)藝術(shù)進(jìn)行再創(chuàng)作，或把藝術(shù)當(dāng)做一種知識(shí)資源使用。
而設(shè)計(jì)，則基本上不是一種自我表達(dá)，它源于社會(huì)。設(shè)計(jì)的實(shí)質(zhì)在于發(fā)現(xiàn)一個(gè)很多人都遇到的問(wèn)題，然后試著去解決的過(guò)程。由于問(wèn)題的根源在社會(huì)內(nèi)部，除了能從設(shè)計(jì)師的視角看問(wèn)題外，每個(gè)人都能理解解決問(wèn)題的方案和過(guò)程。設(shè)計(jì)就是感染，因?yàn)槠溥^(guò)程所創(chuàng)造的啟發(fā)，是基于人類在普遍價(jià)值和精神上的共鳴。（來(lái)源，原研哉，設(shè)計(jì)中的設(shè)計(jì)）
通過(guò)上述的描述，我們不難發(fā)現(xiàn)，設(shè)計(jì)主要表現(xiàn)在發(fā)現(xiàn)問(wèn)題–解決問(wèn)題。而交互設(shè)計(jì)就是發(fā)現(xiàn)和解決人（或機(jī)器）和事物（包括人、機(jī)器、產(chǎn)品、服務(wù)、系統(tǒng)、環(huán)境等等）之間的互動(dòng)關(guān)系問(wèn)題。
所以說(shuō)，交互設(shè)計(jì)的范圍是非常廣的，和各個(gè)學(xué)科都有涉及，我們可以通過(guò)下面的圖來(lái)看看交互設(shè)計(jì)和各個(gè)領(lǐng)域之間的關(guān)系。
那交互設(shè)計(jì)主要是做什么工作呢？
作為交互設(shè)計(jì)師，也應(yīng)該好好問(wèn)問(wèn)自己這個(gè)問(wèn)題。通常，外界的人就認(rèn)為我們就是畫畫原型，或者有時(shí)候畫畫UI，而我們通常就是這么做的，所以也不得不讓人們這么想。而現(xiàn)在大多數(shù)交互設(shè)計(jì)就是指移動(dòng)端、網(wǎng)頁(yè)端的交互設(shè)計(jì)。
那么交互設(shè)計(jì)的核心競(jìng)爭(zhēng)力是什么呢？對(duì)于很多公司來(lái)說(shuō)，其實(shí)是沒有交互設(shè)計(jì)這個(gè)崗位的，交互的工作就由產(chǎn)品經(jīng)理和UI設(shè)計(jì)師各自分擔(dān)了?，F(xiàn)在產(chǎn)品經(jīng)理基本都掌握了原型技能，而且產(chǎn)品經(jīng)理通常在做需求移交的時(shí)候已經(jīng)把交互表達(dá)的很清楚了。而且很多UI設(shè)計(jì)師能力較強(qiáng)一點(diǎn)的，在做設(shè)計(jì)的時(shí)候都會(huì)考慮到交互。如果交互設(shè)計(jì)師在公司就只做做原型，那么，你就會(huì)被取代。
那么交互設(shè)計(jì)的工作內(nèi)容到底包含哪些呢？《用戶體驗(yàn)要素》這本書很好的說(shuō)明了這些內(nèi)容。本書把用戶體驗(yàn)要素分五個(gè)層級(jí)：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。不同層級(jí)，表示著你的不同能力，引用一下大眾點(diǎn)評(píng)高級(jí)交互設(shè)計(jì)經(jīng)理范怡的一張圖，比較形象的描繪了交互設(shè)計(jì)的能力范疇和價(jià)值。
怎么樣，看到這些是不是有一點(diǎn)點(diǎn)覺悟了呢。如果想做好一名交互設(shè)計(jì)師，就應(yīng)該擴(kuò)大自己的能力范圍，提升自身價(jià)值。怎樣做好交互設(shè)計(jì)呢？如何運(yùn)用設(shè)計(jì)原理來(lái)做交互設(shè)計(jì)呢，我們下篇來(lái)聊聊唐納德羅曼老師書里的交互設(shè)計(jì)6要素：示能、意符、約束、映射、反饋、概念模型。
原文地址：站酷
作者：Luyeelin
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
第一段：工具
設(shè)計(jì)師學(xué)習(xí)的第一階段其實(shí)都是從工具開始的。這分為兩種：
第一種是有形工具，比如PS、AI、Axure之類的軟件；
另一種是無(wú)形工具，就是設(shè)計(jì)時(shí)用到的思維方式。
1、有形工具
先說(shuō)第一種有形工具。
很多人在學(xué)習(xí)UI時(shí)很容易陷到工具的學(xué)習(xí)里去，覺得工具學(xué)的越多能力就越強(qiáng)。其實(shí)根本不是這么一回事，軟件對(duì)交互來(lái)說(shuō)是非?；A(chǔ)的一部分。
從UI視覺方面來(lái)考慮，PS就足夠了，AI都顯得略有多余，不需要其他軟件。PS其實(shí)是一款非常強(qiáng)大的視覺軟件，切圖也比較方便，BAT等公司也是用的PS。
還有輸出交互文檔的工具，一種是PPT，一種是Axure，這兩款軟件就足夠覆蓋絕大多數(shù)交互文檔了。當(dāng)然還有其他軟件，如果是快速迭代的原型直接在紙上畫也可以。
交互需要快速溝通，你要拿著設(shè)計(jì)反復(fù)和其他人對(duì)接。要是搞了個(gè)很生僻的軟件給別人，結(jié)果別人打不開，老板就會(huì)罵你。要記住自己是設(shè)計(jì)的一環(huán)，能快速傳遞自己的設(shè)計(jì)思路才是最重要的，不要搞一些生僻的軟件、格式和字體，這都是門外漢干的事。
像AE、Flash面試時(shí)可能會(huì)給你加分，因?yàn)楣究赡苡幸恍└弑Ｕ娴膭?dòng)畫展示要做，其實(shí)在真實(shí)工作中用到的機(jī)會(huì)非常少。
2、無(wú)形工具
第二種是無(wú)形的思考工具。設(shè)計(jì)思維其實(shí)最不好培養(yǎng)，說(shuō)的殘酷點(diǎn)，你可能看五年的書都出不來(lái)思維，最好能有人指點(diǎn)一下。
第二段：新產(chǎn)品、新思路
前沿的設(shè)計(jì)意識(shí)，是很多設(shè)計(jì)師容易忽略的。
這個(gè)怎么練呢？
每天一定要抽出三十分鐘的時(shí)間看新產(chǎn)品和新思路，這是今天的互聯(lián)網(wǎng)設(shè)計(jì)師必須要干的一件事。很多一線團(tuán)隊(duì)每天都會(huì)分享各種各樣的新聞，百度有自己的分享機(jī)制，三星喜歡每個(gè)月讓設(shè)計(jì)師找的交互、用研、技術(shù)信息，收集起來(lái)專門搞一個(gè)月報(bào)。
設(shè)計(jì)師有很多渠道可以看前沿信息，比如互聯(lián)網(wǎng)一些事，愛范，36kr，癮科技之類的網(wǎng)站。這種前沿意識(shí)非常重要，它決定了你能在二流公司還是一流公司，這是排在第二位的。
這個(gè)堅(jiān)持三個(gè)月以后，自然而然就會(huì)飛躍，不需要怎么特意去學(xué)，這可不是培訓(xùn)可以得到的，養(yǎng)成一個(gè)好的習(xí)慣，每天看半小時(shí)其實(shí)就是最好的學(xué)習(xí)。
第三段：人——對(duì)人和需求的研究
工具和思維的問(wèn)題比較好解決，最難解決的問(wèn)題其實(shí)是“人”的問(wèn)題?？赡芎芏嘣O(shè)計(jì)師一輩子都解決不了“人”的問(wèn)題，而它對(duì)企業(yè)的影響又是最大的，交互設(shè)計(jì)最重要的就是解決“人”的問(wèn)題。這一點(diǎn)甚至能決定一款千萬(wàn)級(jí)甚至上億級(jí)產(chǎn)品的生死。要知道你的一切設(shè)計(jì)行為都是為商業(yè)負(fù)責(zé)的，所以前期對(duì)交互不甚了解，可以先從PS開始，后期就是“思維”和“人”，這兩個(gè)東西是比較難的。
看看前輩是怎么說(shuō)的：
交互設(shè)計(jì)目前發(fā)展得怎樣，前景如何？
答：現(xiàn)在我們接觸到的交互設(shè)計(jì)可能只局限在網(wǎng)頁(yè)或者APP這種，交互設(shè)計(jì)是個(gè)很廣泛的概念，前景肯定是有的?；ヂ?lián)網(wǎng)是人和服務(wù)的對(duì)接，很多嶄新的設(shè)計(jì)和商業(yè)模式一旦出來(lái)，那就是新的商機(jī)。
新手自學(xué)UI應(yīng)該從何處入手？
答：視覺基礎(chǔ)不好的就學(xué)PS去臨摹，現(xiàn)在很多開源的信息，比如學(xué)UI網(wǎng)。如果臨摹到一定程度，可以看一看dribbble，其實(shí)視覺非常好解決，思維的提升才困難。
學(xué)習(xí)交互設(shè)計(jì)需要掌握什么軟件？
答：PPT和axure足夠了，這兩個(gè)東西都不需要學(xué)。隨便來(lái)個(gè)人學(xué)兩三天都能拿著軟件畫出漂亮的線框圖，關(guān)鍵是你的線框圖從哪里來(lái)、為什么要這么畫。
交互設(shè)計(jì)師需要學(xué)習(xí)代碼嗎？
答：交互設(shè)計(jì)師不需要學(xué)代碼。知道為什么企業(yè)招聘要求你們懂代碼嗎？因?yàn)楹芏嗥髽I(yè)希望你做了設(shè)計(jì)做前端，節(jié)省人力成本，正式公司都不會(huì)有這個(gè)要求。就算你覺得設(shè)計(jì)師應(yīng)該學(xué)代碼，建議你還是先把本行的設(shè)計(jì)能力學(xué)好。當(dāng)兩件事你都要做的時(shí)候意味著哪件事你都做不好，這是自我管理的問(wèn)題。
交互需要手繪功底嗎？
答：手繪功底？有或者沒有都可以，交互不需要你造型能力多強(qiáng)，你只要能把邏輯關(guān)系畫出來(lái)就行了，不需要搞什么素描陰影。你不是要做畫家，朋友們，畫家和設(shè)計(jì)師是有區(qū)別的。
（內(nèi)容來(lái)源網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系，承諾必定刪除）
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
常見的網(wǎng)頁(yè)設(shè)計(jì)、文章設(shè)計(jì)錯(cuò)誤
本文來(lái)自阮一峰分享
1.內(nèi)容未按邏輯分成塊
用戶可以根據(jù)邏輯塊輕易的獲取信息。
具體做法為：將padding設(shè)置為120px-180px，同時(shí)不同的邏輯塊使用不同的背景。
2.每個(gè)邏輯塊的空白大小不一致
對(duì)于每個(gè)邏輯塊，需要設(shè)置同等大小且適宜的空白。否則網(wǎng)頁(yè)看起來(lái)會(huì)很混亂，作者不會(huì)對(duì)每個(gè)邏輯塊同等對(duì)待。
3.Padding不能設(shè)置過(guò)小，否則用戶無(wú)法將內(nèi)容分為邏輯塊
為了這點(diǎn)，插入大的空白（至少120px），以使內(nèi)容按邏輯塊分開。
4.背景圖片和文字 應(yīng)該對(duì)比鮮明
5.在一頁(yè)中，樣式過(guò)多
太多不同 的排版和樣式將會(huì)使得頁(yè)面不太專業(yè)以及難以閱讀。
解決的方法是，以字體為例，設(shè)置一種字體，字體為正常或粗體（保證在兩種不同樣式之內(nèi)）
6.背景顏色塊過(guò)于狹窄
7. 在一個(gè)狹窄的列中，放入了過(guò)多的文字
這導(dǎo)致用戶閱讀需跳很多行，整體看起來(lái)也不行。推薦的做法為，減少列的數(shù)量，精煉文字。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
各國(guó)的地圖設(shè)計(jì)類參考
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
一位高管在餐巾紙上畫了一個(gè)新的主頁(yè)原型來(lái)演示她使用和喜歡的網(wǎng)站。一個(gè)開發(fā)人員晚上在公司呆到很晚，并添加了一個(gè)他認(rèn)為很酷的新功能?；蛘弋a(chǎn)品經(jīng)理堅(jiān)持采用與競(jìng)爭(zhēng)對(duì)手相同的設(shè)計(jì)模式。
如果這些故事聽起來(lái)很熟悉，那么你并不孤單。大多數(shù)設(shè)計(jì)師都會(huì)收到這種“幫助”。
你的第一直覺可能是以平淡無(wú)奇的方式回應(yīng)“不”。但是，一個(gè)用戶體驗(yàn)建議是否來(lái)自一個(gè)關(guān)鍵的利益相關(guān)者或項(xiàng)目周邊的人，應(yīng)該仔細(xì)處理。在您做出反應(yīng)之前，請(qǐng)考慮以下步驟：
你的第一反應(yīng)可能是利索地對(duì)對(duì)方說(shuō)“不”。但是，無(wú)論UX建議是來(lái)自關(guān)鍵的利益相關(guān)者還是項(xiàng)目的外圍人員，都應(yīng)該仔細(xì)地處理它。在你做出回應(yīng)之前，考慮以下步驟:
第一步是將消除自己的主觀意識(shí)；你可能擁有豐富的設(shè)計(jì)經(jīng)驗(yàn)，但不排除會(huì)有更好的想法。不要僅僅因?yàn)樗窃赑owerPoint文件而不是Photoshop原型中呈現(xiàn)，所以不要認(rèn)為一個(gè)想法是壞的。
觀點(diǎn)的多樣性可以更有效的構(gòu)思：即使提出建議的人缺乏設(shè)計(jì)知識(shí)，他們可能會(huì)有不同的專業(yè)知識(shí)或經(jīng)驗(yàn)，并且可能會(huì)為您正在嘗試解決的問(wèn)題帶來(lái)寶貴的不同視角。
你如果像設(shè)計(jì)的上帝一樣扼殺了他人的創(chuàng)造力，最終會(huì)導(dǎo)致更糟糕的結(jié)果。
不加考慮就無(wú)情地否定別人的想法會(huì)阻礙人們?cè)谖磥?lái)提出其他（有價(jià)值的）想法。即使一個(gè)想法對(duì)你來(lái)說(shuō)顯然是錯(cuò)誤的，但請(qǐng)記住，這個(gè)人也試圖讓設(shè)計(jì)變得更好，盡管他可能對(duì)“更好”的含義有不同的看法。通過(guò)允許他們：
您可能會(huì)發(fā)現(xiàn)，雖然提出的解決方案并不合適，但需要解決的問(wèn)題很重要。
問(wèn)問(wèn)這個(gè)人他的設(shè)計(jì)理念想要達(dá)到什么目標(biāo)。他在考慮不同的用戶群或業(yè)務(wù)需求嗎？繼續(xù)問(wèn)“什么？”和“為什么？”（可能以不同的方式），直到你明白他考慮的問(wèn)題及思考方式是什么。
確定建議和問(wèn)題和好處。即使是一個(gè)壞主意也有一些好處。
例如，在大屏幕版本的網(wǎng)站上使用漢堡包菜單不利于用戶輕松找到導(dǎo)航。這是不使用它的一個(gè)非常重要的原因。然而，桌面上的漢堡也有一個(gè)視覺上吸引人、整潔的標(biāo)題。確認(rèn)想法的成本和收益，以便更準(zhǔn)確地評(píng)估權(quán)衡，可以通過(guò)不同的方法犧牲或?qū)崿F(xiàn)哪些目標(biāo)。
考慮舉行設(shè)計(jì)原型會(huì)議（一個(gè)設(shè)計(jì)原型會(huì)議是短，會(huì)議期間，團(tuán)隊(duì)成員迅速協(xié)作和草圖設(shè)計(jì)，以探索和分享的設(shè)計(jì)思路廣闊的多樣性），一起觀看用戶研究視頻，或舉辦其他類型的用戶體驗(yàn)工作坊，以便這個(gè)想法的支持者可以繼續(xù)為這項(xiàng)想法解釋。
解釋一下，現(xiàn)在做一個(gè)設(shè)計(jì)決定意味著跳過(guò)構(gòu)思、研究和用戶反饋。在理想的情況下，轉(zhuǎn)向設(shè)計(jì)思維過(guò)程，為所解決的問(wèn)題找到正確的解決方案。
根據(jù)您對(duì)目標(biāo)用戶及其任務(wù)的了解程度，確定一個(gè)想法的優(yōu)缺點(diǎn)可能需要:
論證該想法的成本可能會(huì)由于潛在的用戶混淆，而導(dǎo)致的用戶體驗(yàn)問(wèn)題，以及諸如可能延遲發(fā)布其他更重要功能的開發(fā)計(jì)劃中斷等后勤問(wèn)題。要評(píng)估大量想法，請(qǐng)使用對(duì)其進(jìn)行優(yōu)先級(jí)排序。
如果您評(píng)估確定不應(yīng)該實(shí)施該想法，您可以以積極的方式拒絕。
承認(rèn)其貢獻(xiàn)
你不必著急全盤否定，但不要愚蠢的全去試一遍。找到您相信的有關(guān)他們建議的真實(shí)或有效的內(nèi)容，并將其標(biāo)注出來(lái)。這可能是這樣的：
由于這些短語(yǔ)之后都會(huì)出現(xiàn)“but”，因此請(qǐng)確保您在所提出的觀點(diǎn)中是真實(shí)的。否則，說(shuō)它們根本不值得。
分享您的評(píng)估理由
當(dāng)人們投入足夠的時(shí)間來(lái)提出建議時(shí)，就是幫助他們學(xué)習(xí)更多關(guān)于用戶體驗(yàn)的知識(shí)，并在整個(gè)團(tuán)隊(duì)中傳播更多用戶體驗(yàn)知識(shí)的理想時(shí)機(jī)。利用這些時(shí)間，交流你評(píng)估的理由，而不是僅僅告訴他們一個(gè)“不”。
1. “這種設(shè)計(jì)對(duì)于[persona type]用戶可能有意義，因?yàn)樗麄冃枰猍此功能]。但是我們的主要角色可能會(huì)有這個(gè)問(wèn)題，因?yàn)閇原因]。“
2. “聽起來(lái)你想要解決與重要用戶任務(wù)相關(guān)的[特定客戶投訴]。確定信息的優(yōu)先順序可能會(huì)有所幫助，但要使其更大，顏色不同可能會(huì)導(dǎo)致橫幅失明。我想在第二天做一些調(diào)查，并提出一些替代解決方案的原型。“
考慮提供原型，案列，設(shè)計(jì)原則，模式或研究發(fā)現(xiàn)，以幫助他們理解為什么一個(gè)設(shè)計(jì)可能會(huì)導(dǎo)致問(wèn)題，以及為什么不同的設(shè)計(jì)會(huì)更好地工作。把每一次互動(dòng)都看作是灌輸貢獻(xiàn)者設(shè)計(jì)理念的機(jī)會(huì)——這是對(duì)未來(lái)的一種投資。
當(dāng)客戶或強(qiáng)大的同事發(fā)出特定請(qǐng)求（或要求）時(shí)，即使您給出了解釋，也很難說(shuō)“不”。但這并不意味著你應(yīng)該放棄自己的觀點(diǎn)并同意有害的建議。相反，與他們討論如何將想法背后的目標(biāo)和資源結(jié)合在一起，而不必直接實(shí)施。
合氣道是一種試圖和平解決沖突的武術(shù)，它依靠轉(zhuǎn)彎和樞軸等動(dòng)作來(lái)融合對(duì)立的能量。同樣的原則可以應(yīng)用于處理圍繞設(shè)計(jì)的沖突：與其直接拒絕一個(gè)想法，不如同意繼續(xù)探索這個(gè)建議，而不是明確地承諾實(shí)現(xiàn)它。
建議召開一次工作會(huì)議，在會(huì)上你可以提出既能獲得同樣好處又能避免成本的選擇。例如，你可以說(shuō):
比優(yōu)雅地轉(zhuǎn)移壞主意更好的方法是主動(dòng)引導(dǎo)合作進(jìn)入更有效的軌道。您可以通過(guò)在結(jié)構(gòu)化的、戰(zhàn)略性的時(shí)間（例如預(yù)定的研討會(huì)）尋求輸入，最大限度地利用每個(gè)人的貢獻(xiàn)。這種主動(dòng)的方法減少了在無(wú)法有效評(píng)估或合并意外更改請(qǐng)求時(shí)感到意外的可能性。
每個(gè)人都對(duì)設(shè)計(jì)都自己的看法，這使得UX設(shè)計(jì)師的工作充滿挑戰(zhàn)。有些人總喜歡在界面中添加一些令人困惑的元素，比如原型、這會(huì)影響產(chǎn)品開發(fā)進(jìn)度（可能包含UX迭代），以及那些喜歡設(shè)計(jì)（甚至認(rèn)為自己是設(shè)計(jì)師）但缺乏任何真正的UX設(shè)計(jì)專業(yè)知識(shí)的人。
但是，如果您與您的合作者進(jìn)行深入交流，向他們灌輸設(shè)計(jì)理念并引導(dǎo)他們發(fā)揮自己的長(zhǎng)處，這種“設(shè)計(jì)幫助”的多樣性將是一種寶貴的資產(chǎn)。
最有成效的用戶體驗(yàn)設(shè)計(jì)師在設(shè)計(jì)過(guò)程中會(huì)和許多人合作。他們與各種團(tuán)隊(duì)成員和主要利益相關(guān)者討論業(yè)務(wù)目標(biāo)，發(fā)展機(jī)會(huì)和約束，優(yōu)先級(jí)，要求和設(shè)計(jì)理念。這些人來(lái)自許多職能團(tuán)體；具有不同的UX專業(yè)知識(shí)，想法和思考。
要想成為一名優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)師并創(chuàng)作出優(yōu)秀的設(shè)計(jì)作品，培養(yǎng)必要的溝通技巧來(lái)利用這些信息來(lái)源和輸入是必不可少的。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
是能點(diǎn)還是不能點(diǎn)呢？”這是當(dāng)用戶在面對(duì)一些操作按鈕時(shí)，大腦中所遲疑的問(wèn)題。
按鈕越多，做決定的時(shí)間就越長(zhǎng)。用戶必須仔細(xì)看每個(gè)按鈕，才能確定哪個(gè)是他們需要的。對(duì)于按鈕的任何不確定性，都可能會(huì)導(dǎo)致他們不敢操作或誤操作。
設(shè)計(jì)師可以把按鈕的優(yōu)先級(jí)設(shè)計(jì)的更加直觀以減少這樣的情況發(fā)生。當(dāng)用戶注意到哪個(gè)按鈕與他們的任務(wù)目標(biāo)更契合時(shí)，就能幫助他們快速做出決定。這篇文章就是介紹一些這樣的設(shè)計(jì)技巧，通過(guò)簡(jiǎn)單的調(diào)整使得按鈕變得更加直觀有效。
在App中，一個(gè)常見錯(cuò)誤就是按鈕的排列順序偏離了用戶的閱讀習(xí)慣。他們將優(yōu)先級(jí)最高的按鈕放在最前面，期望用戶能首先注意到它。但其實(shí)只要按鈕足夠突出，視覺分量夠重，用戶就會(huì)注意到它，而無(wú)視它的排列順序。
按鈕順序不是為了提供可視性，而是為了要提率。在最前面放高優(yōu)先級(jí)的按鈕會(huì)導(dǎo)致用戶自上而下的閱讀習(xí)慣被打斷，看到按鈕后還會(huì)繼續(xù)閱讀下面的文字，然后再回過(guò)頭來(lái)找前面的按鈕進(jìn)行操作。
不要讓用戶返回再次檢查按鈕，而是讓他們以自然的閱讀習(xí)慣看完所有的內(nèi)容后，按視覺比重快速進(jìn)行選擇。
通過(guò)將優(yōu)先級(jí)高的按鈕放在底部，讓它處于視覺阻力最小的路徑上，這使得這個(gè)按鈕可以更有效率的被點(diǎn)擊。此外，底部位置是手指最容易達(dá)到的區(qū)域，這進(jìn)一步提高了效率。
App上的另一個(gè)錯(cuò)誤是只使用文字來(lái)表示按鈕。設(shè)計(jì)師使用文字按鈕來(lái)表示優(yōu)先級(jí)較低的操作。但是對(duì)于用戶來(lái)說(shuō)，這是一個(gè)糟糕的選擇，因?yàn)榧兾谋緵]有一個(gè)按鈕的外觀，這可能導(dǎo)致用戶會(huì)忽略了這些操作。
純文本按鈕會(huì)讓用戶遲疑到底是按鈕還是內(nèi)容，從而造成混淆。這種不確定性可能會(huì)導(dǎo)致他們直接跳過(guò)這些按鈕。
純文本按鈕不僅讓人感到疑惑，在操作上也不容易點(diǎn)擊。將文本內(nèi)容放在按鈕框中，可以使得按鈕更容易被點(diǎn)擊和注意到。
與純文本相比，描邊形式的按鈕是降低優(yōu)先級(jí)的更好方法。它們使每個(gè)選項(xiàng)都易于識(shí)別，以便用戶能選擇他們所期望的目標(biāo)。
高優(yōu)先級(jí)的按鈕應(yīng)該是最容易被識(shí)別到的，它是直接指向用戶最需要的目標(biāo)操作。如果不確定優(yōu)先級(jí)，請(qǐng)考慮哪些操作會(huì)使得用戶朝著目標(biāo)前進(jìn)，哪些操作會(huì)使得用戶回退。
在這個(gè)例子中，”付款”具有更高的優(yōu)先級(jí)，因?yàn)樗槕?yīng)著用戶的目標(biāo)流程。但不大清楚”查看購(gòu)物車”還是”繼續(xù)購(gòu)買”的優(yōu)先級(jí)是如何。
“查看購(gòu)物車”操作讓用戶查看已經(jīng)在購(gòu)物車的商品，然后繼續(xù)結(jié)賬?！崩^續(xù)購(gòu)物”操作將用戶帶回到遠(yuǎn)離結(jié)賬的產(chǎn)品頁(yè)面。
通過(guò)思考這些操作，可以清楚的看到”查看購(gòu)物車”具有中等優(yōu)先級(jí)，而”繼續(xù)購(gòu)物”具有較低的優(yōu)先級(jí)。判斷的理由是哪些操作使用戶朝著他們的目標(biāo)前進(jìn)，哪些操作使他們遠(yuǎn)離目標(biāo)。
前進(jìn)的操作總是會(huì)比回退的操作優(yōu)先級(jí)更高，因此，它們應(yīng)該被設(shè)計(jì)地有更強(qiáng)的視覺重量和更高的顏色對(duì)比度。
顏色是一種增加按鈕權(quán)重的有效方法，因?yàn)樗鼜奈谋绢伾忻摲f而出，吸引了用戶的注意力。當(dāng)按鈕的顏色與文本的顏色相同時(shí)，提示性就沒有那么強(qiáng)了。為優(yōu)先級(jí)更高的按鈕使用不同的顏色來(lái)輔助用戶進(jìn)行快速?zèng)Q策。
如果對(duì)每個(gè)不同優(yōu)先級(jí)按鈕使用相同的顏色，用戶將不知道哪個(gè)優(yōu)先級(jí)更高。而使用不同的顏色只會(huì)讓用戶更加困惑，不知道這些顏色到底意味著什么。不僅如此，每個(gè)按鈕使用不同顏色，還會(huì)讓視覺權(quán)重重新變得一樣。
秘訣就在于使用相同的色相顏色，但改變飽和度和亮度就能改變這個(gè)按鈕的優(yōu)先級(jí)了，使得它比高優(yōu)先級(jí)的按鈕更輕。現(xiàn)在按鈕的視覺比重有了區(qū)分，一下子就變得清晰了很多。
為了增加對(duì)比度，可以使用反色。在主按鈕的深色背景上使用淺色文本，而在中等優(yōu)先級(jí)按鈕上使用淺色文本。這樣就使得高優(yōu)先級(jí)的按鈕具有最亮的文本和最強(qiáng)的對(duì)比度。
用之前說(shuō)的幾個(gè)方法，已經(jīng)足以區(qū)分優(yōu)先級(jí)，但還可以做的更好。每個(gè)按鈕設(shè)計(jì)的越直觀，讓用戶的思考就越少。
在每個(gè)按鈕文本上使用相同的粗細(xì)以表示相同的重量，最好根據(jù)優(yōu)先級(jí)不同去強(qiáng)調(diào)不同的文本。嘗試改變文本的粗細(xì)，優(yōu)先級(jí)越高的按鈕使用最粗體，而優(yōu)先級(jí)的文本則不加粗，這樣，按鈕文本也有了不同的優(yōu)先級(jí)，用戶在閱讀這些文字內(nèi)容的時(shí)候就能感知到。
在這個(gè)例子中，我把”付款”這個(gè)按鈕文字使用了粗體，使它變得更加醒目和明亮?！辈榭促?gòu)物車”使用了半粗體，”繼續(xù)購(gòu)物”使用了中等。所以，按鈕文本此時(shí)也有了一定的視覺權(quán)重?！辈榭促?gòu)物車”中的”3項(xiàng)”沒有加粗，因?yàn)樗茄a(bǔ)充信息，不代表具體的操作。
最后一個(gè)技巧是一種更加全面的思考，它將使按鈕可供盲人使用。色盲的人是無(wú)法通過(guò)顏色來(lái)區(qū)分按鈕的視覺重量的，他們還需要清晰的視覺符號(hào)。
給高優(yōu)先級(jí)的按鈕加上一個(gè)圖標(biāo)能夠起到強(qiáng)調(diào)作用而與其他按鈕區(qū)分開。當(dāng)用戶瀏覽時(shí)，他們往往更關(guān)注視覺元素而不是文本。使用圖標(biāo)按鈕的方式能夠確保引起用戶足夠的注意力而快速選擇到高優(yōu)先級(jí)的按鈕。
如果刪除了顏色和外框，用戶仍然能夠識(shí)別付款按鈕，圖標(biāo)與文本一樣，也能夠起到說(shuō)明的作用。
如果用戶要花很長(zhǎng)時(shí)間在操作按鈕上，或者按鈕的點(diǎn)擊率很低，那就可能是按鈕設(shè)計(jì)的不夠直觀。如果遇到了這樣的情況，請(qǐng)嘗試使用文中所說(shuō)的這些技巧來(lái)優(yōu)化操作按鈕，或許你將會(huì)在前后版本中看到非常大的差異。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
名片，是品牌傳遞的重要工具，但往往被人忽視。雖然紙質(zhì)的名片幾乎已被微信媒介所取代，但是作為設(shè)計(jì)師更不應(yīng)該放棄這種貌似不重要的設(shè)計(jì)。
相反，越簡(jiǎn)單的設(shè)計(jì)，更考驗(yàn)設(shè)計(jì)能力。一張名片，可以看出一個(gè)人是否真的懂得設(shè)計(jì)，因?yàn)槔锩姘嗷竟α恕Ｈ绻B一張簡(jiǎn)單的名片都做不好，更不要說(shuō)其他的設(shè)計(jì)了。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
通過(guò)點(diǎn)擊、滑動(dòng)、滾動(dòng)和鍵盤快捷鍵來(lái)交互的日子嗎？它們不再是唯一的交互方式,一起來(lái)了解一下~
還記得瀏覽網(wǎng)頁(yè)時(shí)，只能通過(guò)點(diǎn)擊、滑動(dòng)、滾動(dòng)和鍵盤快捷鍵來(lái)交互的日子嗎？而現(xiàn)在，它們不再是唯一的交互方式，當(dāng)蘋果推出第一款iPhone時(shí)，多點(diǎn)觸控技術(shù)成為了主流，用戶們了解到，他們不僅可以在界面上指向、輕點(diǎn)還可以捏合、展開和滑動(dòng)。手勢(shì)成為新的操作方式。
一、UI中手勢(shì)的力量
手勢(shì)非常自然和直觀，他們與真實(shí)世界反應(yīng)類似。
對(duì)于使用手勢(shì)，這里有三個(gè)主要的理由：
● 干擾少
App內(nèi)，手勢(shì)控制使用地越多，在屏幕上出現(xiàn)的按鈕就越少，這樣可以留出更多空間給更有價(jià)值的內(nèi)容。這使得app以內(nèi)容為重點(diǎn)，并讓用戶在沒有障礙，或者在分心的情況下也能進(jìn)行最重要的操作。
● 使用簡(jiǎn)單
一個(gè)手勢(shì)一旦被用戶發(fā)現(xiàn)和學(xué)習(xí)使用就會(huì)讓用戶在體驗(yàn)感到愉悅，而且手勢(shì)可以減少步驟，來(lái)達(dá)到提高交互體驗(yàn)的目的。例如，當(dāng)你需要?jiǎng)h除一些項(xiàng)目時(shí)，用“一次點(diǎn)擊刪除一個(gè)”的方式的很浪費(fèi)時(shí)間的，但是如果使用“滑動(dòng)一下，刪除一個(gè)”的滑動(dòng)手勢(shì)，就更簡(jiǎn)單快速，讓用戶更加愉悅。
● 無(wú)縫交互
雖然按鈕看起來(lái)對(duì)于觸發(fā)響應(yīng)更加有用，但手勢(shì)具有更大的潛力，使內(nèi)容的交互更加直觀。
二、手勢(shì)的缺點(diǎn)
但同時(shí)，手勢(shì)也存在難規(guī)范、易混淆等缺點(diǎn)。
● 增加用戶負(fù)擔(dān)
大多數(shù)手勢(shì)學(xué)起來(lái)或者記起來(lái)不自然也不簡(jiǎn)單。舉個(gè)例子，在大多數(shù)APP，一個(gè)手指的手勢(shì)就對(duì)應(yīng)一件事，用兩個(gè)手指做一個(gè)同樣的手勢(shì)意味著另外一件事，其他對(duì)應(yīng)事件的手勢(shì)還有很多。
● 缺乏反饋
在大多數(shù)情況下，手勢(shì)不會(huì)留下任何路徑記錄。這意味著，如果做一個(gè)手勢(shì)但沒有得到反應(yīng)或者得到錯(cuò)的反應(yīng)，這樣就只能獲得很少的信息或者不能獲得有幫助的信息去解釋為什么這么做。
● 缺乏一致性
大多數(shù)手勢(shì)在app中還不是標(biāo)準(zhǔn)統(tǒng)一的。他們對(duì)于用戶不總是顯而易見的。甚至一個(gè)簡(jiǎn)單的滑動(dòng)手勢(shì)，在眾多郵箱app內(nèi)的郵件項(xiàng)目中也有著不同的工作方式。例如，在Apple Mail 中，刪除一個(gè)未讀項(xiàng)目，你應(yīng)該向左滑動(dòng)這個(gè)沒有打開的郵件，然后界面會(huì)出現(xiàn)選項(xiàng)來(lái)刪除這個(gè)項(xiàng)目。在Gmail里，向左滑動(dòng)可以把郵件標(biāo)記為未讀狀態(tài)。
三、手勢(shì)成為移動(dòng)端UI成功的關(guān)鍵
1.如何選擇好的手勢(shì)
如果你的界面里要使用手勢(shì)，那你就必須要去了解你所在的市場(chǎng)以及你的目標(biāo)用戶會(huì)去使用的app。要嘗試在你的app里使用和它們相同類型的手勢(shì)。這樣，你不僅基于你的目標(biāo)市場(chǎng)的用戶的行為優(yōu)化了你的界面，還讓用戶從一開始就能舒適的使用你的app。
2.手勢(shì)教學(xué)
雖然每個(gè)移動(dòng)端app都必定會(huì)用到手勢(shì)，但是要讓用戶很自然的就能知道如何操作(使用什么手勢(shì)可以干什么)卻一個(gè)挑戰(zhàn)。可觸摸的界面提供了很多條件來(lái)使用自然的手勢(shì)，例如輕點(diǎn)、滑動(dòng)和捏合來(lái)完成任務(wù)，但是不同于圖形界面的操作，手勢(shì)的交互用戶往往是看不到的。
因此，要讓用戶能發(fā)現(xiàn)手勢(shì)是很重要的。你需要確保你提供了正確的線索----通過(guò)視覺引導(dǎo)來(lái)幫助用戶更容易的發(fā)現(xiàn)如何與界面進(jìn)行交互。
3.如何在情境中教育用戶
教程和演示的做法相當(dāng)流行。在許多app中加入教程意味著要想用戶顯示一些說(shuō)明內(nèi)容來(lái)介紹界面。然而，UI教程不是介紹app的核心功能的最優(yōu)雅的式。
良好執(zhí)行的UI手勢(shì)總是可以在易于實(shí)現(xiàn)視覺提示和漸進(jìn)式披露的游戲中找到。這顯而易見，最好的游戲可以使人們隨著時(shí)間的推移來(lái)學(xué)習(xí)到技巧，而不是靠指導(dǎo)他們。例如，PuddingMonster 的游戲機(jī)器完全基于手勢(shì)，但是他們?cè)试S用戶得到基礎(chǔ)的信息，他們不需要做很多的猜測(cè)。他們可以展示動(dòng)畫場(chǎng)景，讓用戶馬上知道要做什么。
四、使用動(dòng)效來(lái)傳達(dá)手勢(shì)
手勢(shì)總是與移動(dòng)app中的動(dòng)效相關(guān)聯(lián)。動(dòng)效在維護(hù)用戶體驗(yàn)中起著非常重要的作用。作為設(shè)計(jì)師，你可以利用動(dòng)效來(lái)傳達(dá)出用戶可以進(jìn)行某個(gè)操作。當(dāng)動(dòng)效與手勢(shì)一致時(shí)，用戶就會(huì)意識(shí)到自己與該物體正在相互作用。
動(dòng)效在向用戶提供視覺反饋上是非常重要的。沒有動(dòng)效，用戶就不能獲得足夠的信息反饋，不能確定他們是不是成功地完成了手勢(shì)動(dòng)作。
這里有三種流行的基于動(dòng)效來(lái)幫助用戶學(xué)習(xí)手勢(shì)。
第一種：動(dòng)效視覺提示
顯示一個(gè)在執(zhí)行某個(gè)操作時(shí)如何和某一個(gè)界面元素進(jìn)行交互的預(yù)覽。它的目的是在手勢(shì)和操作之間建立聯(lián)系。例如下圖中的這個(gè)游戲app是完全基于手勢(shì)操作的，這個(gè)app讓用戶不用去猜測(cè)就能知道該如何操作。用動(dòng)畫來(lái)傳達(dá)功能信息能立即讓用戶清晰的知道該怎么做。
第二種：內(nèi)容的梳理
內(nèi)容梳理是通過(guò)微妙的視覺線索來(lái)暗示用戶進(jìn)行手勢(shì)操作。例如下圖中卡片的展示，它表明這張卡的背后還存在著其他的卡片，這清晰的表明了可以滑動(dòng)卡片。
第三種：功能可見性
你可以讓你界面里的某些元素具有很明顯的可供性來(lái)讓用戶知道這個(gè)是可以進(jìn)行某種操作的。例如下圖中點(diǎn)擊相機(jī)icon后鎖屏就會(huì)從下往上彈起，展示出在下面的相機(jī)功能。
五、總結(jié)
手勢(shì)是一種強(qiáng)大的互動(dòng)模式。移動(dòng)設(shè)備已經(jīng)從磚塊發(fā)展到由我們手指驅(qū)動(dòng)的復(fù)雜計(jì)算器。觸摸和手勢(shì)交互在使移動(dòng)體驗(yàn)更加簡(jiǎn)便有趣方面，有很大的潛力。
設(shè)計(jì)一款移動(dòng)端的app一定要思考手勢(shì)設(shè)計(jì)。手勢(shì)應(yīng)該起到協(xié)調(diào)和節(jié)約時(shí)間的作用。為了設(shè)計(jì)一個(gè)有意義的手勢(shì)，你應(yīng)該規(guī)定一個(gè)動(dòng)作以及與其配套的一個(gè)手勢(shì)。提供反饋意見也非常重要，對(duì)于可能要進(jìn)行的行動(dòng)要有明確提示，并進(jìn)行手勢(shì)的引導(dǎo)。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
2019草莓音樂節(jié)的主題是“循環(huán)世界Circular World”。
摩登天空聯(lián)合世界自然基金會(huì)(WWF)發(fā)起今年的音樂節(jié)主題“循環(huán)世界”，以環(huán)保為核心理念，攜手海內(nèi)外環(huán)保機(jī)構(gòu)對(duì)草莓音樂節(jié)進(jìn)行多方位環(huán)保實(shí)踐，并聚合知乎、摩拜等多平臺(tái)力量影響年輕人，讓環(huán)保成為青年生活方式的一部分。
今年的主視覺海元素是被三個(gè)箭頭環(huán)繞的草莓星球，表達(dá)了“循環(huán)世界”的主題。風(fēng)格延續(xù)了去年的樣式，色彩略有調(diào)整，并加入了太空元素。
今年的主視覺當(dāng)然仍由摩登天空的當(dāng)家工作室——MVM design label_工作室操刀。
這張是今年的主視覺海報(bào)。今年，MVM特地為各城市舉辦的2019草莓音樂節(jié)單獨(dú)設(shè)計(jì)了專門的海報(bào)，一樣的版式，不一樣的內(nèi)容，既統(tǒng)一又包含新意。
2019草莓音樂節(jié)武漢站
2019草莓音樂節(jié)成都站
2019草莓音樂節(jié)西安站
2019草莓音樂節(jié)上海站
2019草莓音樂節(jié)長(zhǎng)沙站
在今年3月30日的“地球一小時(shí)”公益活動(dòng)中，草莓音樂節(jié)把自己的參與定義為“草莓星球一小時(shí)”。
而武漢OYO酒店與摩登天空聯(lián)合主辦的活動(dòng)中，一張以“音樂滿房”為主題的插畫也分外有趣——原來(lái)大家為了迎接音樂節(jié)，都關(guān)上門在房間里引吭高歌呀…
音樂節(jié)配套周邊產(chǎn)品的銷售，推廣視覺設(shè)計(jì)也很有意思。
即使不是音樂迷，設(shè)計(jì)師對(duì)這樣的設(shè)計(jì)也無(wú)法抗拒吧！
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com
