天津平面ui设计培训_ui案例解析:图文优化
发布日期:2019-09-18 07:03:35

您所在的位置 : 首页 > 设计百家秀 > 正文

废话不多说,先上图



我们在制作ui界面的时候,需要优化ui页面信息的布局,分清楚重要信息和次要信息,删除掉无用的信息,这就叫化繁为简,比如做一款类似公众号的信息类界面ui,我们要做的就是展示最重要的信息内容,降低其他内容干扰。

左侧为旧的版本,发现图文页边距比较大,在考虑多种纯文字,单图多图文混合排版的时候,尽量减少间距和字号种类,达到模板的统一,右侧减少了间距,让信息显得更为集中



左侧大图+1情况下,定义1条小图的上下间距相等等于一个单位,而不是单个模块中小图距离上方的1/2单位,在+n小图的时候使得两个小图之间的间距相加后等于一个单位(见上图)。这个小小的视觉细节在和技术同学耐心联调后是可以完美实现的。

文章历史排行:

关于先锋科教 | 联系我们 | 在线_报名

咨询电话: 022-27474362 | 友情链接:培训通 | 培训世界 | 学满分 | 先锋科教官方自媒体网站 | 搜狐教育

版权所有:天津市先锋科教职业培训学校 2018 ITXF 津教备0414 津ICP备09014603号-2

津公网安备 12010402000490号