UI排版及小总结

排版
(作者:杨政,撰写时间:2019.5.24)
一、
1、在学习有两个多月的UI之后对很多的的东西都有了新的认识,下面就来说一说排版吧!
在这里插入图片描述
2、我们做官网做后台要有原形图我们看到上面的这张图片,它这里面的原型图排版可以做很多类型的官网;有学校、食品、新闻等多种。
3、我们所认识的排版,首先在视觉上他就要统一,在其次我们在做官网后台的时候哪一个不是同一排版的吗?所做的文字、线框、图片都是同一的,大小有些是不同,有一些是要分明主次关系,有一些是原本就那样。
二、
1、下面我们摘要一段蚂蚁设计里面的文字。
(1)如下图,总分关系对比通过调整排版、字体、大小等方式来突出层次感,区分总分关系,使得页面更具张力和节奏感。
在这里插入图片描述
2、正如上面所说的我们可以分析全图的排版、字体、大小等方式来突出层次感,这样是整个板块之间的亲密就更加的强烈了。
3、我们再来看一段蚂蚁设计的一个主次关系。
在这里插入图片描述
(1)为了让用户能在操作上(类似表单、弹出框等场景)快速做出判断,来突出其中一项相对更重要或者更高频的操作。
4、这里我们通过视觉的误差来造成一种判断。再说了这么多之后

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值