1.讀書先行(在沒有項目實踐的情況下),并不是為了讀而讀,靜心建立自己的交互設(shè)計知識體系,能清晰知道自己缺失的部分,次之,才是閱讀網(wǎng)絡(luò)上的文章,讀碎片化文章是一種查缺補漏的方法,前提是你擁有較為完整的知識體系
2.項目實踐,無論是自己找需求做項目也好,找小伙伴參加比賽,抑或通過上面的知識進入到一家公司實習做項目也好,在這個過程中理解具體的項目該怎么設(shè)計,為什么這樣設(shè)計,怎么設(shè)計比較好,這是一個循序漸進的過程,需要多想多做,而你在過程中疑惑的,不會的,缺失的,就是你應(yīng)該學習的(不限于交互工具使用和知識的補充)
3.與前輩討論分享,我相信等你自然而然進入到交互設(shè)計的圈子,會有更多與前輩們溝通交流的機會,抓住每一次機會,前提是你對已經(jīng)對設(shè)計過程中遇到的問題有所思考,這樣的交流才能讓你提高更快。
1.Sketch:一款強大的界面設(shè)計工具,如果你是UX或者UI設(shè)計師,那么你對Sketch一定不陌生,但只支持Mac,其他系統(tǒng)請繞道。
2.Mockplus:一款可以提供豐富的交互組件和頁面切換功能的國產(chǎn)設(shè)計軟件, 設(shè)計師簡單點擊或拖拽即可實現(xiàn)交互動畫的添加,操作簡單。
3.InVision:InVision是一款基于網(wǎng)頁的在線原型設(shè)計和協(xié)作工具。 設(shè)計師上傳已設(shè)計好的頁面,為其添加熱區(qū),完成多樣的原型交互動畫。
B.動效制作工具AE:強大的動效視覺處理軟件,可以幫助UI設(shè)計師對圖像視頻進行任何特效處理,是一個靈活的基于層的2D和3D后期合成軟件。AE包含了上百種特效及預(yù)置動畫效果,可與Premiere,Photoshop,等軟件無縫結(jié)合,創(chuàng)建無與倫比的視覺效果。
C.協(xié)同軟件1.Zeplin:強大的協(xié)作工具
2.iDoc:iDoc操作很簡單,設(shè)計師直接從Sketch/XD/PS/Axure上傳制作的設(shè)計稿,前端工程師可以直接在面板右側(cè)會直觀的看到每個元素的大小,顏色,邊距,甚至可以直接導出樣式代碼。另外,UI設(shè)計師還可以直接在UI界面上給開發(fā)人員添加注釋,標記,備注等。填補了產(chǎn)品、開發(fā)與設(shè)計之間的溝通障礙,為設(shè)計師和開發(fā)人員節(jié)省了大量寶貴的時間。
送個福利:戳鏈接摹客iDoc,更快更簡單的產(chǎn)品設(shè)計協(xié)同軟件,輸入升級碼venus免費領(lǐng)取團隊版。
作為交互設(shè)計師,需要具備的技能可能很多,但無外乎2種:硬技能和軟技能,下面我們分別說一下。
一、交互設(shè)計的硬技能:軟件能力
軟件是你表達思想的工具,現(xiàn)在的軟件也越來越簡單易學,互聯(lián)網(wǎng)產(chǎn)品在方向確定好之后需要快速投入把產(chǎn)品研發(fā)出來投向市場,這時一個趁手的工具將大大提高你的效率。
Axure,這是必須要掌握的,也是目前國內(nèi)比較流行的,大家協(xié)同起來也比較方便,上手難度★★☆☆☆;
Photoshop,PS是一款功能強大的圖像處理軟件,很多UI設(shè)計師的*,設(shè)計師的好基友,上手難度★★★★☆;
Sketch,一款新興的界面設(shè)計的軟件,因為專注所以效率較高,上手難度★★☆☆☆;
After Effects,AE主要用于動畫動效設(shè)計,上手難度★★★★☆;
二、接下來我們說的比較重要的部分是交互設(shè)計的軟技能
交互設(shè)計的軟技能包含很多,無論你是剛?cè)腴T的小白還是大牛都需要具備相關(guān)能力,他們包括:產(chǎn)品意識、用戶意識、視覺能力、用研能力,還有通用技能溝通和學習力,不要看那么多被嚇唬住了接下來我們一一進行分析。
產(chǎn)品意識,商業(yè)設(shè)計并非實驗作品,商業(yè)為設(shè)計買單,這就要求交互設(shè)計要關(guān)注業(yè)務(wù)需求,并轉(zhuǎn)化為可衡量的業(yè)務(wù)指標。
用戶意識,交互設(shè)計師要比產(chǎn)品經(jīng)理更懂用戶,了解用戶需求及用戶目標,當產(chǎn)品經(jīng)理說我也會畫線框圖時,你要告訴他交互設(shè)計并非畫線框圖的。
視覺能力,很多牛逼的交互設(shè)計師都具備優(yōu)秀視覺能力,因為他們不光輸出符合視覺要求的交互文檔,還會跟進視覺以求達到體驗?zāi)繕恕?/p>
用研能力,用研能力要求交互設(shè)計師在沒有用研人員配合的情況下也能夠快速的挖掘用戶需求痛點及使用習慣,為交互設(shè)計方案提供依據(jù)。
溝通,交互設(shè)計作為產(chǎn)品研發(fā)的一環(huán)需要對接上下游,以及更好的闡述自己的設(shè)計方案,這時溝通就很重要。
學習力,交互設(shè)計本身是一門比較新的*,依托移動互聯(lián)網(wǎng)需求量越來越大,同時新的技術(shù)層出不窮,當你學習了系統(tǒng)的知識體系后也需不斷更新以滿足更新更快的需求,并且交互設(shè)計本身并不僅僅局限于界面交互,當新的載體產(chǎn)生時,我們也要緊跟時代不被時代拋棄。
該系列文章會以實戰(zhàn)項目為基礎(chǔ),由淺入深逐步講解交互設(shè)計需要具備的相關(guān)知識,通過系統(tǒng)的學習,相信你能夠成為一個合格的交互設(shè)計師。
怎么學游戲UI設(shè)計?那首先要了解學什么內(nèi)容,游戲UI設(shè)計,是針對特定的游戲領(lǐng)域的,學游戲UI設(shè)計除了要學最基本的軟件操作,還要不斷的去提高自身的綜合素質(zhì)。
怎么學游戲UI設(shè)計?既然是設(shè)計,自然最基礎(chǔ)的設(shè)計軟件要過關(guān),一起來看下學游戲UI設(shè)計的基礎(chǔ)軟件有哪些?
1、Photoshop
Photoshop軟件的界面構(gòu)成與計算機圖像設(shè)計的基本知識,各種圖像處理工具的使用。
2、
矢量圖形繪制軟件的界面與工具;矢量圖形繪制的技巧。
3、Indesign
頁碼設(shè)計、文本和樣式、圖形圖像、表格工具、印前與輸出的相關(guān)應(yīng)用,書籍與長文檔的制作。
4、Fireworks
軟件的基本構(gòu)成、矢量工具和位圖工具、WUI用戶界面及廣告設(shè)計。
5、
建立站點、添加頁面元素、使用CSS樣式及交互行為。
6、Flash
Flash中的動畫制作原理與技巧,典型WUI商業(yè)廣告中的Flash技術(shù)與實現(xiàn)。軟件和學習資料可在文件夾中獲取點擊進入
怎么學游戲UI設(shè)計?不僅僅是這些基礎(chǔ)軟件的操作,另外就是要在設(shè)計中掌握一些原則性的東西,好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點。
1、界面清晰最重要
界面清晰是UI設(shè)計的*步,要想讓用戶喜歡你設(shè)計的UI,首先必須讓用戶認可它、知道怎么樣使用它。讓用戶在使用時預(yù)期會發(fā)生什么,并方便地與它交互。
2、全力維護用戶的注意力
在閱讀的時候,總是會有事物分散我們的注意力。因此,在設(shè)計界面的時候,能夠吸引用戶的注意力很關(guān)鍵,千萬不要將界面的周圍設(shè)計得亂七八糟。
3、讓界面處于用戶的掌控之中
人類往往對能夠掌控自己和周圍的環(huán)境感到舒服,不考慮用戶感受的設(shè)計往往會讓這種舒適感消失。保證界面處于用戶的掌控之中,讓用戶自己感受主動權(quán),這是怎么學游戲UI設(shè)計關(guān)鍵點。
4、直接操作的感覺
當能夠直接操作物體時,用戶的感覺是最棒的。在設(shè)計界面時,我們增加的圖標往往并不是必需的,比如我們過多的使用按鈕、選項等等其他繁瑣的東西僅僅是為了填滿界面,這些都是畫蛇添足。
5、每個屏幕只提供一個操作主題
我們設(shè)計的每一個畫面都應(yīng)該有單一的主題,這樣不僅能夠讓用戶使用到它真正的價值,也使得上手容易,使用起來也更方便。如果一個屏幕支持兩個或兩個以上的主題,立馬會讓整個界面看起來混亂不堪。
6、界面過渡自然
界面的交互都是關(guān)聯(lián)的,所以要認真地考慮到下一步的交互是怎樣的,并且通過設(shè)計將其實現(xiàn)。當用戶已經(jīng)完成該做的步驟,不要讓他們不知所措,給他們自然而然繼續(xù)下去的方法,以達成目的。
7、表里如一
如果它看上去像個按鈕,那么它就應(yīng)該具備按鈕的功能。設(shè)計師不應(yīng)該在基本的交互問題上耍小聰明,要在更高層次的問題上發(fā)揮創(chuàng)造力。
8、區(qū)別對待一致性
如果屏幕元素各自的功能不同,那么它們的外觀也理應(yīng)不同。反之,如果功能相同或相近,那么它們看起來就應(yīng)該是一樣的。
9、強烈的視覺層次感
強烈的視覺層次感是通過界面上視覺元素提供的清晰瀏覽順序來實現(xiàn)的,也就是說,用戶每次都能按照同一個順序瀏覽同一些元素。弱化的視覺層次沒有給用戶提供如何瀏覽的線索,用戶會感到困惑和混亂。當一切都是粗體時,就沒有主次之分了。
初學者學習ui設(shè)計學都要用到什么軟件?