我們每天都在使用移動(dòng)端APP,工作、娛樂(lè)、生活都需要使用APP,通常具有優(yōu)秀交互設(shè)計(jì)的APP才能贏得更多用戶的青睞。因?yàn)檫@些APP在基本的功能和設(shè)計(jì)上的執(zhí)行都相當(dāng)?shù)耐昝?,用戶使用起?lái)更加方便順手。那么如何才能設(shè)計(jì)出具有最佳交互設(shè)計(jì)的APP?
1、無(wú)論是廣告設(shè)計(jì),還是建筑設(shè)計(jì),或者是APP設(shè)計(jì)都會(huì)使用繽紛的色彩。色彩需要使用簡(jiǎn)單的配色方案,通常是以三種顏色為組合共同構(gòu)成APP的配色方案。我們可以通過(guò)色彩明暗對(duì)比,色彩飽和度對(duì)比,同色系等設(shè)計(jì)來(lái)生成最佳的配色方案。方法如下:
(1)可以使用單色來(lái)設(shè)計(jì)APP,通過(guò)不同色調(diào)、飽和度的色彩來(lái)構(gòu)成一個(gè)緊湊而不單調(diào)的配色方案。
(2)如果現(xiàn)有的配色方案本身比較單調(diào),或者整體偏中性,那么不妨增加一種明亮的色彩;
(3)色輪是我們?cè)O(shè)計(jì)中必不可缺少的色彩使用工具,我們?cè)谠O(shè)計(jì)中要巧妙使用。
2、無(wú)論是網(wǎng)頁(yè)還是APP都不可缺少文字元素,我們?cè)谠O(shè)計(jì)時(shí)要格外注意文字的排版問(wèn)題。因?yàn)橐苿?dòng)APP在手機(jī)上使用,手機(jī)屏幕都很小,本身就不太利于閱讀,如果APP上又有太多文字,想想看,那是多么糟糕,滿眼都是密密麻麻的文字,看得人眼花。所以,在設(shè)計(jì)移動(dòng)端APP時(shí),我們要讓文字具有易讀性,整體感覺(jué)也不會(huì)太局促。通常需要選擇合理的字體尺寸和間距,這樣才能確保絕大多數(shù)的用戶能夠識(shí)別,而足夠的間距則保證小界面上內(nèi)容的呼吸感,不會(huì)讓人覺(jué)得局促。
3、當(dāng)我們使用QQ時(shí),手指觸摸一滑,就出現(xiàn)“刪除”選項(xiàng),這種就是習(xí)慣性的手勢(shì),讓用戶感覺(jué)很好用。我們?cè)谥谱鰽PP時(shí),都要添加這些手勢(shì),這樣才能讓用戶更加容易上手?,F(xiàn)在越來(lái)越多的APP開(kāi)始依賴手勢(shì)操作,而屏幕上的按鈕也越來(lái)越少,為有價(jià)值的內(nèi)容騰出了更多的空間。無(wú)論使用哪個(gè)APP,我們都會(huì)使用熟悉的手勢(shì)來(lái)操作,從縮放、返回到刪除,我們可以進(jìn)行的操作越來(lái)越多。所以,約定俗成的手勢(shì)必不可少。
4、移動(dòng)APP越來(lái)越強(qiáng)調(diào)沉浸式的體驗(yàn),頁(yè)面和頁(yè)面之間切換也需要更加的流暢,轉(zhuǎn)場(chǎng)動(dòng)效需要 更加的極致和平滑。如果你還沒(méi)有為你的APP提供轉(zhuǎn)場(chǎng)動(dòng)效,那么你已經(jīng)落伍了。設(shè)計(jì)師設(shè)計(jì)移動(dòng)APP的的動(dòng)效,需要像導(dǎo)演一樣,布局不同場(chǎng)景中,界面元素的登場(chǎng)方式,不同元素之間的出現(xiàn)、運(yùn)動(dòng)、消失要足夠的連貫。必要時(shí),信息框架需要優(yōu)化重構(gòu)。
5、卡片在網(wǎng)頁(yè)設(shè)計(jì)中是普遍存在的,并且還將越來(lái)越流行??ㄆ軌蜥槍?duì)令人滿意的、特別的功能以不同的方式被使用。為手機(jī)瀏覽器的設(shè)計(jì)是必須的,卡片可以很好的幫助響應(yīng)式設(shè)計(jì)。卡片使讀者能夠快速并輕松地通過(guò)社交、手機(jī)和郵件平臺(tái)分享出內(nèi)容??ㄆ瑢⒂脩魟澐殖筛幸饬x的區(qū)塊,讓屏幕的利用率更高。就像不同的文本段落組成文章一樣,卡片式設(shè)計(jì)將不同類型的內(nèi)容用卡片承載著,構(gòu)成連貫的信息流。
我們?cè)O(shè)計(jì)APP時(shí)通過(guò)優(yōu)秀的設(shè)計(jì)和執(zhí)行,為用戶悄無(wú)聲息地掃除了所有的障礙,這個(gè)時(shí)候,用戶會(huì)感受到其中驚艷的視覺(jué)效果和突出的互動(dòng)體驗(yàn),其中尤為突出的就是瀏覽體驗(yàn)。