藍(lán)藍(lán)設(shè)計(jì)的小編
本文全系列滿滿干貨,是從眾多交互設(shè)計(jì)前輩們分享的寶貴經(jīng)驗(yàn)里挑選出的最實(shí)用的方法,不僅能讓你徹底了解交互設(shè)計(jì),還能幫有志在這個(gè)領(lǐng)域發(fā)展,卻苦于沒(méi)有老師的童鞋,從零開(kāi)始學(xué)習(xí)成為一名優(yōu)秀的交互設(shè)計(jì)師。 在校大學(xué)生、想轉(zhuǎn)行的設(shè)計(jì)師還能在這兒得到前輩的實(shí)用建議,想進(jìn)階的交互也有職場(chǎng)系列經(jīng)驗(yàn)分享,文末還有超贊的資源奉獻(xiàn),干貨量大,推薦童鞋們收藏 :)
如果你也是一枚剛?cè)腴T(mén)的交互設(shè)計(jì)師,是不是常有這樣一種感覺(jué):不知從何下手,悶頭讀了一大堆書(shū)、學(xué)了一大堆軟件、畫(huà)了一大堆圖之后還是感覺(jué)心里不踏實(shí),總害怕自己還缺點(diǎn)什么,恨不得要有本《交互設(shè)計(jì)學(xué)習(xí)大綱》就好了。出現(xiàn)這個(gè)問(wèn)題有兩個(gè)原因,一是交互設(shè)計(jì)師沒(méi)有可視性強(qiáng)的產(chǎn)物,交互設(shè)計(jì)師的產(chǎn)物一般是線框圖、流程圖、信息架構(gòu)圖、說(shuō)明文檔等等,但這些東西既不如視覺(jué)設(shè)計(jì)稿華麗精美,也不如程序代碼高貴冷艷,在外行人看來(lái)初級(jí)交互設(shè)計(jì)師和高級(jí)交互設(shè)計(jì)師畫(huà)的好像都差不多,輕易看不出你修煉到了幾層功力;第二個(gè)原因是交互設(shè)計(jì)是跨學(xué)科的專業(yè),需要學(xué)的太多太雜,今天這位大神說(shuō)要學(xué)好PS,明天那位大神又說(shuō)要學(xué)程序,后天又有大神說(shuō)要學(xué)心理學(xué),blablabla…信息量太大、太亂就會(huì)導(dǎo)致這種不知所措的局面。
怎樣做好交互設(shè)計(jì)?
一 、瀏覽客戶給的需求文檔,不懂就問(wèn)。 二 、瀏覽客戶行業(yè)內(nèi)競(jìng)品,行業(yè)外的優(yōu)秀案例,盡可能的多看多收集,擴(kuò)大視野。永遠(yuǎn)不要被動(dòng),了解的越多,越有底氣。也更清晰自己做的東西在行業(yè)內(nèi)所處的位置。 三、 了解客戶的軟件誰(shuí)在使用?用它做什么?文化程度?經(jīng)驗(yàn)水準(zhǔn)?核心任務(wù)是什么?客戶方不同角色的關(guān)注點(diǎn)?使用環(huán)境? 四 、形象思考,直觀表達(dá)。 縱觀全局,一個(gè)軟件可能有不同的子系統(tǒng),不同的功能點(diǎn),哪種布局在綜合情況下最合理?最具有拓展性?兼容性?最佳?嘗試手繪不同的布局。開(kāi)始進(jìn)行交互設(shè)計(jì)時(shí)一定不要先掉到的細(xì)節(jié)中,先進(jìn)行大的宏觀思考。
用心設(shè)計(jì)
在談響應(yīng)式布局前,我們先梳理下網(wǎng)頁(yè)設(shè)計(jì)中整體頁(yè)面排版布局,常見(jiàn)的主要有如下幾種類型: 布局類型 布局實(shí)現(xiàn) 采用何種方式實(shí)現(xiàn)布局設(shè)計(jì),也有不同的方式,這里基于頁(yè)面的實(shí)現(xiàn)單位而言,分為四種類型:固定布局、可切換的固定布局、彈性布局、混合布局。
固定布局:以像素作為頁(yè)面的基本單位,不管設(shè)備屏幕及瀏覽器寬度,只設(shè)計(jì)一套尺寸; 可切換的固定布局:同樣以像素作為頁(yè)面單 ...
對(duì)于設(shè)計(jì)師來(lái)說(shuō),心情之所以有趣、重要,是因?yàn)檠芯勘砻?,心情影響人們?duì)廣告和品牌的態(tài)度。一個(gè)很普遍的發(fā)現(xiàn)是,幾乎所有被調(diào)查的人,無(wú)論男女,無(wú)論他們當(dāng)下心情如何,都更傾向接受以一種歡樂(lè)的方式所呈現(xiàn)出的信息
么心情是怎么影響設(shè)計(jì)的呢?心情能決定用戶與設(shè)計(jì)之間的關(guān)系。用戶會(huì)以正面的態(tài)度還是以負(fù)面的態(tài)度來(lái)審視你的設(shè)計(jì)?他們?nèi)绾翁幚砟銈鬟f的信息?設(shè)計(jì)中表現(xiàn)的心情能否與受眾的心情搭建起相通的紐帶,從而讓彼此心心相映?
讓我們來(lái)一起看看這篇文章吧!
今天的文章,讓小編想起小時(shí)候大街小巷放的一首歌“……夢(mèng)中的夢(mèng)中夢(mèng)中人的夢(mèng)中……”(跟著唱出來(lái)的人請(qǐng)點(diǎn)個(gè)贊,沒(méi)錯(cuò),你暴露年齡了?。?,當(dāng)你每天研究“別人家的孩子”、“別人家的狗”、“別人家的老公(婆)”的時(shí)候,你就不是你自己了,你只是一個(gè)“別人眼里的別人”。
交互設(shè)計(jì)是個(gè)跨學(xué)科專業(yè),其中,心理學(xué)便是其中很重要的一個(gè)部分。所以,如果你不想繼續(xù)僅憑直覺(jué)和死記硬背高大上的理論原則來(lái)從事交互設(shè)計(jì),如果你想成為優(yōu)秀的交互設(shè)計(jì)師,學(xué)習(xí)一定的心理學(xué)將是很有幫助也是很有必要的。這篇文章的主要目的就是初步地向大家介紹交互設(shè)計(jì)師至少應(yīng)該了解哪些基本的心理學(xué)理論。
一個(gè)優(yōu)秀的APP交互動(dòng)畫(huà)不僅僅是弦,而且要實(shí)用,有的還要考慮手機(jī)的性能等因素,所以想做一個(gè)好的交互不并容易,今天摘選自Ramotion公司的一些項(xiàng)目交互作品,交互效果很棒,值得欣賞學(xué)習(xí)。
(GIF圖片較大,想看好作品,請(qǐng)耐心等待加載。)
一個(gè)有趣的下拉刷新loading交互效果,這個(gè)彈性看起來(lái)很有吸引力。
在設(shè)計(jì)之初,UI設(shè)計(jì)師所提供的視覺(jué)稿和最終的可交互原型之間,需要交互設(shè)計(jì)師借助工具來(lái)補(bǔ)足,讓靜態(tài)的視覺(jué)轉(zhuǎn)化為富有生命力的可交互界面。 2014年所涌現(xiàn)出來(lái)的這些交互設(shè)計(jì)工具,在不斷迭代升級(jí)中走向了成熟,易用性和可靠性得到了明顯提高。如果你是一名交互設(shè)計(jì)師,這些優(yōu)秀的交互設(shè)計(jì)工具 里面總有一款符合你的需求,徹底告別說(shuō)明靠吼、交互靠手的蠻荒時(shí)代!
video-opt.jpg
Copyblogger’s網(wǎng)站中的視頻采用的外顯啟示方式:文本提示點(diǎn)擊播放視頻。
1 .當(dāng)交互使用者過(guò)去不太可能接觸到很多啟示模式。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com