隨著移動設(shè)備的興起,我們每天都會面對著這種app界面,那么,如何設(shè)計才能夠讓界面顯得更加的人性化,用起來更加的舒服,那么,下面就一起來看看UI交互設(shè)計的幾個技巧吧。
UI設(shè)計(或稱界面設(shè)計)是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計,也叫界面設(shè)計。UI設(shè)計分為實體UI和虛擬UI,互聯(lián)網(wǎng)說的UI設(shè)計是虛擬UI,UI即User Interface(用戶界面)的簡稱。
好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點。
(圖片來自網(wǎng)絡(luò))
二、UI交互設(shè)計的技巧
1、大字體的使用
每個APP都希望用戶停留的時間更長,從各方面去爭取用戶的注意力,而更大更醒目的字體運用剛好符合這一需求。當前的市場情況,大屏手機是主流,這一點是非常重要的使用背景。
大字體在移動端上呈現(xiàn),會賦予界面以層次,提高特定元素的視覺重量,給用戶眼前一亮的感覺。而且現(xiàn)在的界面設(shè)計趨勢更有雜志風的方向,大字體,模塊化,用圖片替代色塊作為背景。
其次字體夠大,夠優(yōu)雅,夠獨特,同時也能提升頁面的氣質(zhì)和特色,很多用戶會因為頁面好看,符合審美,就會決定留下來,即使功能并不很滿足需求。這對很多app提升用戶粘性是一個重要發(fā)展方向。
2、用空間來間隔
通過線條和分隔符來進行劃分內(nèi)容區(qū)塊是之前所流行的處理方式,但是這樣界面的元素會很擁擠。通過空白空間來劃分區(qū)塊能讓界面更加通透,構(gòu)建更加優(yōu)秀更干凈的界面。
移除分割線和分隔符可以為界面提供更加現(xiàn)代化的外觀,專注于功能,比如可以將圖片和字體放大,提供更加清晰的層級劃分和更優(yōu)的易用性。通過空間間隔來劃分區(qū)塊是一種非干擾性的設(shè)計,更匹配時下流行的風格和設(shè)計的需求。
3、微交互
圍繞特定的用例,通過微妙細小的動效或者交互強化它的視覺效果,通常能達到意想不到的效果,而且也能讓用戶感受到產(chǎn)品設(shè)計者的用心。 當你完成某個過程的時候,比如收藏某個條目、彈出提示框,這個時候微妙的動畫會強化這些動作,將這些控件同其他的元素區(qū)分開來。
這些微交互能夠作為信號提示,來提醒用戶動作和任務(wù)的完成,它們不僅簡單而且自然,有時候我看到這樣趣味性的交互還會停留一會多查看幾次。
即刻點擊其中一條沒有鏈接的內(nèi)容,如果沒有跳轉(zhuǎn),該條內(nèi)容會左右晃動,頂部會出現(xiàn)提示的文案條,這種設(shè)計給人的感覺非常自然,沒有干擾;
(圖片來自網(wǎng)絡(luò))
UI交互設(shè)計的技巧如上文所述,相信很多的朋友們都悄悄的記住了上面的內(nèi)容了吧,希望大家可以用到自己的設(shè)計上。