學習這3個案例吃透UI設計中的講究和不將就

來源：m.hebeijilong.cn 發布人：星星

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

此文章設計視覺圖為一視頻類APP改版原創部分截圖，此視頻APP是面向互聯網用戶推出的高品質綜合類視頻客戶端業務，提供海量短視頻內容、高質量影視、綜藝、直播等優質內容，同時為付費用戶提供更優質的會員服務及權益。

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

吃透UI設計中的講究和不將就

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

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

本文由培訓無憂網AAA教育課程顧問老師整理發布，更多UI設計課程信息可關注培訓無憂網UI設計培訓頻道或添加老師微信：15033336050

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

相關新聞