火星網校
ui設計案例欣賞分析:教你如何在設計中“講究”和“不將就”
此文章設計視覺圖為一視頻類APP改版原創部分截圖，此視頻APP是麵向互聯網用戶推出的高品質綜合類視頻客戶端業務，提供海量短視頻內容、高質量影視、綜藝、直播等優質內容，同時為付費用戶提供更優質的會員服務及權益。
主要功能為視頻點播、體育賽事、最全視頻內容、資訊熱點、多屏互動、VR、千路頻道、海量短視頻資訊。色彩主要運用明快西瓜紅及主公司藍色調為主色和輔色。
本文將通過此APP為例展開講述設計中的講究「 不將就 」。
對比「 不將就 」
設計中的有效對比絕對是好視覺必備要素的鼻祖。但初學者往往沒有做到“有效”二字。
下圖中的圖一分段選項導航“精選”處於選中狀態，但圖二通過麵、色彩的對比更能有效告訴用戶當前處於哪個頻道。
下圖中APP為用戶推薦了一些劇集，但圖二通過標示出熱門、加大劇集名稱和簡介等對比，更能有效將信息傳遞給用戶，幫助用戶快速篩選。
顏色「 不將就 」
下圖中APP底部標簽欄中的舵式導航為5GVIP會員頻道入口，從APP定位中可以看出本產品很注重會員服務及權益，所以在體驗中應區分普通用戶和VIP會員用戶，下圖中的圖二很清晰的做到了從顏色上區分激活會員頻道入口iCON的前後狀態，使用金色搭配黑色彰顯會員用戶的尊貴。
下圖為APP“我的”頁麵提供的個人服務入口，因產品為視頻類APP，內容上更豐富海量，故下圖中圖二使用多彩色更能符合產品定位。
細節「 不將就 」
下圖為APP的底部標簽欄iCON入口未激活狀態；在使用iCON圖標上圖一過於粗糙不講究細節，線條圖標第一個為有缺口體現靈動性，但其他部分線性圖標就忽略了這點的統一繼承性，圖二則成功注意到了這些細節。
下圖為APP“我的”頁麵提供的用戶常用入口，圖二iCON底部加入不規則弧形麵和iCON下方同彩色陰影，注重了更多細節增加了視覺上的耐看性， 使視覺更豐富飽滿。
文章作者：楊青
文章來源：視覺半徑
上一篇 搜索欄的設計邏輯是怎樣實現的？
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
為給新片造勢，迪士尼這次豁出去了，拿出壓箱底的一眾經典IP，開啟了夢幻聯動朱迪和尼克奉命潛入偏遠地帶臥底調查 截至11月24日......
-
此前Q2問答環節，鄒濤曾將《解限機》首發失利歸結於“商業化保守”和“灰產猖獗”，導致預想設計與實際遊玩效果偏差大，且表示該遊戲......
-
2025 Google Play年度遊戲頒獎：洞察移動遊戲新趨勢
玩家無需四處收集實體卡，輕點屏幕就能開啟驚喜開包之旅，享受收集與對戰樂趣庫洛遊戲的《鳴潮》斬獲“最佳持續運營遊戲”大獎，這不僅......
-
說明：文中所有的配圖均來源於網絡 在人們的常規認知裏，遊戲引擎領域的兩大巨頭似乎更傾向於在各自賽道上激烈競爭，然而，隻要時間足......
-
在行政服務優化層麵，辦法提出壓縮國產網絡遊戲審核周期，在朝陽、海澱等重點區將審批納入綜合窗口；完善版權服務機製，將遊戲素材著作......
-
未畢業先就業、組團入職、紮堆拿offer...這種好事，再多來一打！
眾所周知，火星有完善的就業推薦服務圖為火星校園招聘會現場對火星同學們來說，金三銀四、金九銀十並不是找工作的唯一良機火星時代教育......
