用UI进行个人中心的改版和优化
作者:暂无发布时间:暂无

1.Banner区域的设计应避免【模块尺寸缺乏规范,与界面割裂感重】、【素材配图突兀】、【基础排版弱、对齐不一致】。


2.【白色模板化Banner】多见于二级页面、个人中心,用于【丰富版面】、【凸显内容】。


3.模板Banner的设计应注意【模块化布局】、【文字层级】、【素材选取】等细节。


4.分析文案,明确信息主次。


5.主副文案占版面比例的40%-50%。


6.白色模板化Banner设计分为【确定版面】、【文案层级】、【插图素材】三部分。


7.【文案层级】和【插图素材】部分,要注意细节。


8.打开Sketch,【新建】画板,拉出参考线,如下图所示。


9.依据参考线添加主副文案,文案高度占版面比例的40%-50%,主文案【字体加大加粗】,重点内容标注【红色】,如下图所示,


10.添加【插图素材】,并添加【阴影效果】,如下图所示。


11.顶部信息区域的设计要注意【信息归纳】、【图标布尔运算】、【图标色彩搭配】。


12.背景插画的设计要注意【层次感体现】、【背景的渐变技巧】、【插画背景分解】。


13.白色模板化Banner的设计要注意【模块化布局】、【文字层级】、【插图选取】。


14.个人中心界面应该做到【信息层级主次分明】、【排版工整】、【页面精细度高】。


特别声明:以上文章内容仅代表作者本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了17,433
并提交了92份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证