界面設(shè)計(即UI設(shè)計)是人與機器之間傳遞和交換信息的媒介,F(xiàn)aceUI稱包括硬件界面和軟件界面,是計算機科學(xué)與心理學(xué)、設(shè)計藝術(shù)學(xué)、認知科學(xué)和人機工程學(xué)的交叉研究領(lǐng)域。近年來,隨著信息技術(shù)與計算機技術(shù)的迅速發(fā)展,網(wǎng)絡(luò)技術(shù)的突飛猛進,人機界面設(shè)計和開發(fā)已成為國際計算機界和設(shè)計界最為活躍的研究方向。那UI界面設(shè)計有什么小技巧呢?
一、購物車注意要點
1、在設(shè)計購物車時,首先一定要注意元素層級的區(qū)分,重要的東西要給予醒目,建議大家不要把名稱數(shù)量與價格放在一個層級上,一件物品的價格一定要是最醒目的。然后才是名稱,件數(shù)。
2、在購物車中,產(chǎn)品輔助描述能減就減(不包括如鞋子碼數(shù)等必要信息),如果這件商品可以在標題里就體驗特性,那其余的輔助文字就不要帶,這樣既可專注的在一個地方突出產(chǎn)品,又可以使頁面清爽干凈。
3、購物車中請切記不要有“猜你喜歡”“其他人還買了”等諸如此類的模塊。這在視覺上會產(chǎn)生分散引導(dǎo),使付款過程延長,時間變慢。頁面要有專一度,負責引導(dǎo)客戶結(jié)賬的頁面,請務(wù)必保證只讓他想到付款這一件事。
二、如何使界面顯得更大氣
1、多一些留白。現(xiàn)在的設(shè)計趨勢在簡約的道路上越奔越遠,留白會使頁面的呼吸感很足。
2、默認顯示的頁面上藏起并不是十分重要的元素,如第一張的粉絲,關(guān)注,余額,我們假設(shè)在這個APP上這些元素不是主要的,那么可以藏起來,隱到第二頁,有效減少界面上的視覺雜點。
3、減少分隔線或灰色的分隔面。用排版來引導(dǎo)層次,效果更棒哦。如果你更傾向于使用常規(guī)的分隔方式,那一定要記住,線條的顏色要淺,灰度可以偏藍。有些幽蘭的灰色會比較高冷。
4、 在規(guī)范要求不那么古板的產(chǎn)品中,可以嘗試一些排版上的小突破,不需要太多,一點點創(chuàng)意就能讓你的作品有些與眾不同,有些小新奇。但一定要記得想想會不會讓程序猿們做不出哦。
三、 更細致的用戶體驗
新人們在設(shè)計界面的時候,往往在用戶體驗上考慮的不是那么周到。但希望大家能在設(shè)計的過程中養(yǎng)成鉆研體驗的習慣,這樣才能做出越來越6的產(chǎn)品,UI設(shè)計師,可不僅僅是美化界面。當然在一開始是沒有這么深入的意識,那么可以從最簡單的幾點做起。
1、首先是一些小彈窗。簡單的彈窗可以單手操作,而我們在單手操作手機的時候,往往是大拇指負責按鍵,而它的長度就限定了活動范圍處在屏幕的下半截。這時候?qū)⑷∠粹o做在下面是非常友善的,用戶完全不需要另一只手的協(xié)助即可輕而易舉的完成關(guān)閉動作。則必須要伸出另一只手。還有最方便的一種是點擊屏幕取消。
2、 請不要在用戶使用QQ或微信直接登錄后,又出現(xiàn)讓客戶注冊APP賬戶的操作行為?,F(xiàn)在市面上有許多的產(chǎn)品,在登錄頁面鏈接了QQ、微信或者微博登錄,但很詭異的是,用戶使用以上賬號登錄后,還需要注冊本產(chǎn)品的賬號或要強制關(guān)聯(lián)手機方可以進行使用。這讓人有種被欺騙的感受,甚至會產(chǎn)生煩躁,從而棄用產(chǎn)品。注冊的用戶都是想先進去體驗一把,若他覺得想用你的產(chǎn)品進行更深層的操作,他會很樂意去完善資料的,而不是一開始被強制要求。注冊這種事,要么只能注冊本產(chǎn)品的賬號密碼,要么確實可以只用第三方登錄。若你被要求一定要讓兩者整合起來,請務(wù)必給個“跳過”的按鈕,讓人有選擇的余地。
四、文字與圖片的排版怎樣才能bigger滿滿
勤換行,可以提升設(shè)計感。換句話說就不要那么規(guī)規(guī)矩矩兩端對齊。我找了下面幾張圖,都是文字排版區(qū)域,雖然是英文,但換成中文后效果也并不會減半哦。我自己的項目中也經(jīng)常會用到這個方法進行一些文字區(qū)域的排版,效果一直都很好。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com