學(xué)習(xí)這3個案例吃透UI設(shè)計中的講究和不將就

來源：www.hebeijilong.cn 發(fā)布人：星星

2021-12-30 10:37:25|已瀏覽：182次

此文章設(shè)計視覺圖為一視頻類APP改版原創(chuàng)部分截圖，此視頻APP是面向互聯(lián)網(wǎng)用戶推出的高品質(zhì)綜合類視頻客戶端業(yè)務(wù)，提供海量短視頻內(nèi)容、高質(zhì)量影視、綜藝、直播等優(yōu)質(zhì)內(nèi)容，同時為付費(fèi)用戶提供更優(yōu)質(zhì)的會員服務(wù)及權(quán)益。

主要功能為視頻點(diǎn)播、體育賽事、最全視頻內(nèi)容、資訊熱點(diǎn)、多屏互動、VR、千路頻道、海量短視頻資訊。色彩主要運(yùn)用明快西瓜紅及主公司藍(lán)色調(diào)為主色和輔色。本文將通過此APP為例展開講述設(shè)計中的講究不將就。

吃透UI設(shè)計中的講究和不將就

01 對比「不將就」
設(shè)計中的有效對比絕對是好視覺必備要素的鼻祖。但初學(xué)者往往沒有做到“有效”二字。分段選項導(dǎo)航“精選”處于選中狀態(tài)，但通過面、色彩的對比更能有效告訴用戶當(dāng)前處于哪個頻道。APP為用戶推薦了一些劇集，但通過標(biāo)示出熱門、加大劇集名稱和簡介等對比，更能有效將信息傳遞給用戶，幫助用戶快速篩選。
02 顏色「不將就」
APP底部標(biāo)簽欄中的舵式導(dǎo)航為5GVIP會員頻道入口，從APP定位中可以看出本產(chǎn)品很注重會員服務(wù)及權(quán)益，所以在體驗中應(yīng)區(qū)分普通用戶和VIP會員用戶，很清晰的做到了從顏色上區(qū)分激活會員頻道入口iCON的前后狀態(tài)，使用金色搭配黑色彰顯會員用戶的尊貴。APP“我的”頁面提供的個人服務(wù)入口，因產(chǎn)品為視頻類APP，內(nèi)容上更豐富海量，故使用多彩色更能符合產(chǎn)品定位。
03 細(xì)節(jié)「不將就」

APP的底部標(biāo)簽欄iCON入口未激活狀態(tài)；在使用iCON圖標(biāo)上圖一過于粗糙不講究細(xì)節(jié)，線條圖標(biāo)第一個為有缺口體現(xiàn)靈動性，但其他部分線性圖標(biāo)就忽略了這點(diǎn)的統(tǒng)一繼承性，則成功注意到了這些細(xì)節(jié)。APP“我的”頁面提供的用戶常用入口，iCON底部加入不規(guī)則弧形面和iCON下方同彩色陰影，注重了更多細(xì)節(jié)增加了視覺上的耐看性，使視覺更豐富飽滿。做到了這些「不將就」，才是真正的講究！

本文由培訓(xùn)無憂網(wǎng)AAA教育課程顧問老師整理發(fā)布，更多UI設(shè)計課程信息可關(guān)注培訓(xùn)無憂網(wǎng)UI設(shè)計培訓(xùn)頻道或添加老師微信：15033336050

注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-11206.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請試課。關(guān)注官方微信了解更多：150 3333 6050

相關(guān)新聞

相關(guān)新聞

免費(fèi) 申請試聽

提交申請，《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程！