学习这3个案例吃透UI设计中的讲究和不将就

来源：www.pxwy.cn 发布人：星星

2021-12-30 10:37:25|已浏览：181次

此文章设计视觉图为一视频类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

注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-11206.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050

相关新闻