“UI設(shè)計(jì)”課程中交互思維的分析與探究

羊力超

摘 要：信息技術(shù)的快速更新以及教育制度的不斷改革，對高校“UI設(shè)計(jì)”課程的教學(xué)質(zhì)量提出了更高的要求。其中，UI界面設(shè)計(jì)作為整個網(wǎng)站的重要門面，其設(shè)計(jì)質(zhì)量的高低在一定程度上決定著網(wǎng)站所具備的吸引力。而具備較好的交互思維模式，就能對整個界面的構(gòu)思形成一個統(tǒng)一的架構(gòu)，以此就能提升整個界面設(shè)計(jì)的美觀性。但是，當(dāng)前高校所設(shè)置的“UI設(shè)計(jì)”課程還存在許多問題，影響著整個“UI設(shè)計(jì)”課程的教學(xué)水平。因此，應(yīng)加大對交互思維模式的分析，確保有效地提升學(xué)生的設(shè)計(jì)和審美能力。

關(guān)鍵詞：“UI設(shè)計(jì)”課程;交互思維;分析

0? ? 引言

全鏈路設(shè)計(jì)師的大量涌現(xiàn)，給普通UI設(shè)計(jì)師在整個IT設(shè)計(jì)行業(yè)里的生存空間帶來了新的挑戰(zhàn)。許多高校往往將“UI設(shè)計(jì)”課程歸為視覺傳達(dá)專業(yè)，并且在課程中著重強(qiáng)調(diào)和考察圖形的各種形態(tài)、組合方式以及色彩搭配等內(nèi)容，忽略了對學(xué)生實(shí)際操作能力的培養(yǎng)，不利于培養(yǎng)學(xué)生的交互思維。因此，高校應(yīng)根據(jù)當(dāng)前行業(yè)的發(fā)展現(xiàn)狀，結(jié)合學(xué)生的學(xué)習(xí)特點(diǎn)，設(shè)計(jì)更加多元化且系統(tǒng)化的“UI設(shè)計(jì)”教學(xué)模塊，確保培養(yǎng)學(xué)生能夠設(shè)計(jì)出更多靈活性、交互性以及人性化的作品，更好地滿足用戶的需求。本文針對“UI設(shè)計(jì)”課程中的交互思維展開具體的分析與討論。

1? ? 培養(yǎng)學(xué)生交互性思維的重要性

交互性主要指通過交流與合作的方式獲得更多的設(shè)計(jì)資訊信息，并通過相應(yīng)的平臺將自身的觀點(diǎn)及時地傳達(dá)出去，這樣設(shè)計(jì)人員之間的思想觀念就可得到有效碰撞，以此達(dá)到較高的設(shè)計(jì)效果。因此，具備交互性思維就可有效地提升學(xué)生設(shè)計(jì)作品的自主性。設(shè)計(jì)人員之間的溝通與交流，還能幫助設(shè)計(jì)人員及時地找到設(shè)計(jì)靈感，實(shí)現(xiàn)作品的有效創(chuàng)新。此外，當(dāng)代的大學(xué)生對未來的職業(yè)方向和職業(yè)定位都較為模糊，導(dǎo)致其在找工作時常常會出現(xiàn)碰壁和不知所措的情況。而通過交互性的思維方式，就可對高校學(xué)生的職業(yè)觀進(jìn)行有效培養(yǎng)，引導(dǎo)學(xué)生在交互的過程中更加注重設(shè)計(jì)的實(shí)用性，并通過使用一些設(shè)計(jì)技巧，有效豐富學(xué)生的設(shè)計(jì)理念，確保學(xué)生更加理解設(shè)計(jì)的內(nèi)涵。因此，在設(shè)計(jì)相應(yīng)的課堂活動時，可根據(jù)課程的特性合理化地增設(shè)互動環(huán)節(jié)，以此有效地培養(yǎng)學(xué)生的交流溝通能力。此外，通過采取與老師進(jìn)行探討的方式，還能幫助學(xué)生形成自己的職業(yè)觀，并明確自己的就業(yè)方向，真正發(fā)揮出交互思維所具備的價(jià)值[1]。

2? ? 構(gòu)建交互思維式“UI設(shè)計(jì)”課程的教學(xué)模塊

“UI設(shè)計(jì)”與其他設(shè)計(jì)不同的是：其整個教學(xué)體系較為龐大，且涉及多種內(nèi)容，不僅涉及計(jì)算機(jī)方面的知識，而且還涉及設(shè)計(jì)學(xué)和美學(xué)，故在開展“UI設(shè)計(jì)”課程時，就應(yīng)首先讓學(xué)生認(rèn)識到與“UI設(shè)計(jì)”相關(guān)的概念。只有掌握了這些基本的概念，才能確保設(shè)計(jì)的作品能夠更具真實(shí)性和美觀性，才能具備更高的藝術(shù)水平。此外，UI的設(shè)計(jì)不能只是天馬行空，而是應(yīng)切合實(shí)際，貼近生活，而UI設(shè)計(jì)師應(yīng)具備較強(qiáng)的生活敏銳度，這樣所設(shè)計(jì)出的作品才能符合絕大多數(shù)人的審美需求[2]。因此，為了有效地提升“UI設(shè)計(jì)”課程的教學(xué)水平，就需結(jié)合具體現(xiàn)狀，構(gòu)建相應(yīng)的交互思維式課程教學(xué)模塊。本文針對構(gòu)建交互思維式“UI設(shè)計(jì)”課程的教學(xué)模塊展開具體的分析與討論。

2.1? 模塊一：需求分析

需求是UI設(shè)計(jì)的基礎(chǔ)，也是UI設(shè)計(jì)的主要方向。因此，在進(jìn)行UI設(shè)計(jì)之前，首先應(yīng)引導(dǎo)學(xué)生對用戶需求予以分析，無論是從整個的界面設(shè)計(jì)，還是單個的按鈕設(shè)計(jì)，都應(yīng)合理化和全面化地分析各個功能，避免在后續(xù)設(shè)計(jì)過程中出現(xiàn)與需求不相匹配的情況。其中，在設(shè)計(jì)主要的用戶界面時，應(yīng)學(xué)會換位思考，以用戶的角度考慮整個界面設(shè)計(jì)的簡潔性和美觀性，確保能夠最大程度上減少用戶操作有關(guān)界面時的思考量。此外，界面設(shè)計(jì)應(yīng)確保直觀明了，能夠保證用戶明白每個界面的功能，為用戶提供更多樣化和精準(zhǔn)化的服務(wù)。因此，在課堂上，老師可定期組織情境活動，讓學(xué)生進(jìn)行角色互換，分別扮演用戶和UI設(shè)計(jì)師，通過從不同角度思考問題的方式，保證界面設(shè)計(jì)的全面性。而當(dāng)學(xué)生在思考用戶的習(xí)慣與需求時，對于所呈現(xiàn)的數(shù)據(jù)常常顯得無從下手。此時，老師就可引導(dǎo)學(xué)生從問題中抽離出來，從整個宏觀的層面來看每個微觀問題，通過層層推導(dǎo)的方式，還原整個場景，確保將設(shè)計(jì)師帶入用戶角度去思考問題和感受問題，進(jìn)而也就能找到解決問題的思路[3]。

譬如：在進(jìn)行UI設(shè)計(jì)時，可對用戶的生理特征、用戶心理和心理習(xí)慣予以剖析，并進(jìn)行初步的界面設(shè)計(jì)，接著根據(jù)所剖析出的數(shù)據(jù)資料，繪制相應(yīng)的曲線圖或者柱狀圖，完成對用戶各項(xiàng)指標(biāo)的分析，這樣就會對用戶的需求有一個大致的了解。因此，學(xué)生所具備的交互思維方式，就可有助于其設(shè)計(jì)出最優(yōu)的設(shè)計(jì)方案。

2.2? 模塊二：美化界面，提升細(xì)節(jié)

UI界面的完整性，不只是局限于界面宏觀方面的簡潔性，更多的是與每個小細(xì)節(jié)息息相關(guān)。其中，設(shè)計(jì)作為用戶對產(chǎn)品的初印象，較好的設(shè)計(jì)質(zhì)量就會給整個產(chǎn)品增值。因此，在進(jìn)行UI設(shè)計(jì)時，不應(yīng)只是單純地考慮界面的完整性、美觀性，而是應(yīng)從功能入手，了解設(shè)計(jì)趨勢，預(yù)測用戶行為，確保有效地提升產(chǎn)品的精細(xì)度，完善產(chǎn)品的各項(xiàng)功能[4]。故應(yīng)從簡易性、一致性以及整體布局合理性3個方面考慮UI設(shè)計(jì)的各個細(xì)節(jié)。第一，簡易性。UI設(shè)計(jì)的主要目的是為人們操作計(jì)算機(jī)提供更多方便，確保用戶能夠?qū)崿F(xiàn)對數(shù)據(jù)信息的及時接收和傳達(dá)。因此，在進(jìn)行UI設(shè)計(jì)時，應(yīng)遵循簡易性的原則，避免界面設(shè)計(jì)太過煩瑣和復(fù)雜，否則就會給用戶的正常操作帶來影響。而當(dāng)界面太過雜亂時，還會增大用戶點(diǎn)錯的概率。因此，在開展“UI設(shè)計(jì)”課程時，老師就應(yīng)引導(dǎo)學(xué)生運(yùn)用交互思維的方式，對用戶的需求進(jìn)行分類，并分出需求的主次，對界面的設(shè)計(jì)適當(dāng)?shù)刈龀黾臃ɑ蛘邷p法，確保能夠直觀地呈現(xiàn)出程序本身的功能。第二，一致性。一致性是“UI設(shè)計(jì)”所具備的基礎(chǔ)性原則。界面中往往有許多按鈕，故對于按鈕的設(shè)計(jì)應(yīng)保持顏色的統(tǒng)一、設(shè)計(jì)風(fēng)格的統(tǒng)一以及大小的統(tǒng)一，確保給人呈現(xiàn)出一種良好的視覺體驗(yàn)。第三，整體布局合理性。在進(jìn)行UI界面設(shè)計(jì)時，學(xué)生常常會忽略對柵格的使用，導(dǎo)致界面錯綜復(fù)雜，且雜亂不堪。因此，老師在授課的過程中，就應(yīng)引導(dǎo)學(xué)生使用柵格，并教授給學(xué)生柵格的使用技巧，確保所設(shè)計(jì)出的界面能夠富有統(tǒng)一的秩序感和韻律。此外，在設(shè)計(jì)時，還應(yīng)盡量減少開發(fā)的難度和交互操作的步驟，確保以最簡單的方式呈現(xiàn)出更加多樣化的功能[5]。

2.3? 模塊三：設(shè)計(jì)驗(yàn)證

當(dāng)完成UI設(shè)計(jì)之后，還應(yīng)對界面的整體性和各個功能的完善性予以驗(yàn)證。因此，老師應(yīng)引導(dǎo)學(xué)生樹立正確的動效交互思維。其中，根據(jù)需求的不同，又可將動效分為：功能型動效和魅力型動效兩種類型。功能型動效主要指頁面空間的轉(zhuǎn)換和用戶視覺信息的反饋，可以幫助用戶更好地理解整個界面。而魅力型動效主要指通過個性化設(shè)計(jì)給整個產(chǎn)品增設(shè)更多趣味，確保給用戶創(chuàng)設(shè)更多的驚喜感。因此，學(xué)生在進(jìn)行UI設(shè)計(jì)時，應(yīng)保障設(shè)計(jì)的交互性和靈活性，重點(diǎn)突出各個模塊的邏輯結(jié)構(gòu)，找到產(chǎn)品之間的情感關(guān)系，有效突出產(chǎn)品個性，以此幫助用戶更好地了解和使用產(chǎn)品。此外，UI的設(shè)計(jì)還應(yīng)遵循人性化原則，對產(chǎn)品的設(shè)計(jì)應(yīng)綜合考慮各項(xiàng)因素，不僅要考量行業(yè)的發(fā)展背景，還應(yīng)綜合考慮到用戶年齡、操作習(xí)慣和認(rèn)知習(xí)慣等，確保UI的設(shè)計(jì)能夠最大化地滿足用戶的情感體驗(yàn)，以此彰顯出UI設(shè)計(jì)的個性化特征[6]。

3? ? 結(jié)語

不斷地研究與分析“UI設(shè)計(jì)”課程中的交互思維，對有效地提升“UI設(shè)計(jì)”課程的教學(xué)水平，培養(yǎng)學(xué)生的審美能力和解決問題能力以及不斷地提升學(xué)生的專業(yè)水平和綜合素養(yǎng)都具有至關(guān)重要的作用。因此，我們應(yīng)首先認(rèn)識與了解培養(yǎng)學(xué)生交互性思維的重要性，進(jìn)而從需求分析、美化界面、設(shè)計(jì)驗(yàn)證3個方面構(gòu)建交互思維式“UI設(shè)計(jì)”課程的教學(xué)模塊，確保引導(dǎo)學(xué)生從多個方面、多個維度思考用戶的使用需求，完善UI界面的各項(xiàng)功能，提升整個UI界面的設(shè)計(jì)水平，以此更好地提升學(xué)生解決實(shí)際問題的能力，這對學(xué)生之后的順利就業(yè)具有十分重要的意義。

[參考文獻(xiàn)]

[1]熊美姝.數(shù)字媒體藝術(shù)專業(yè)課程的教學(xué)改革與實(shí)踐探索—以人機(jī)交互設(shè)計(jì)課程為例[J].美術(shù)教育研究，2020（11）：130-131.

[2]馬嵐.視覺傳達(dá)設(shè)計(jì)專業(yè)本科“雙創(chuàng)”課程教學(xué)實(shí)踐研探—以《數(shù)字信息與交互設(shè)計(jì)》課程為例[J].陜西教育（高教），2020（5）：45，49.

[3]陳心雨.UI設(shè)計(jì)課程中交互思維的分析與探究[J].設(shè)計(jì)，2020（3）：76-77.

[4]譚維，王倩.基于“互聯(lián)網(wǎng)+”的信息交互設(shè)計(jì)課程教學(xué)改革與實(shí)踐—以南京郵電大學(xué)為例[J].戲劇之家，2019（36）：139-141.

[5]肖念.在交互性思維下高職院校設(shè)計(jì)構(gòu)成課程教學(xué)思路的研究[J].藝術(shù)科技，2016（7）：377.

[6]劉鑄.在交互性思維下高職院校設(shè)計(jì)構(gòu)成課程教學(xué)思路的研究[J].大眾文藝，2016（6）：218.

（編輯 王雪芬）