排版尝试

昨天交出的稿子,稿子过了,但是我个人很不满意。

这是一个三栏的布局。但是板块之间的关联不大,中间一列布局比较死板。

图01

今天打算重新排班,于是得到如下四个版


图02

经过同事和朋友的询问,以及我个人的见解都觉得左上是最好的。左上是一个两栏布局,以轮播图为中心,小的视频截图以"躺下的L型"环绕,右侧是排行榜和热搜关键词。

其实看了很多东西,不过总结起来要注意的几个点如下

1.版面最重要的位置是左上,因此最重要的元素应该放在左上。

2.人的阅读顺序是从左到右,从上往下的,因此从左上到右下的对角线上内容优先级应该依次减弱。

3.该种布局要么三栏、要么两栏,最好采用网格布局,这样看起来规范;同时可以给各板块内容规定一个权重,按照权重比例来划分网格。


最后同事提到了右下角热搜词的设计,这个板块应该是版面内最不重要的内容,但是后三个都做得太重了,而且采用了反白形式,会让字本身不清楚。因此依照修改建议,我改成了左上的版面,看起来平衡性好了很多。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,297评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,681评论 1 92
  • 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 8,340评论 0 59
  • 嗨呀好气呀,为什么要关注些以前从未想过去关注的东西,真是一大早给自己找不痛快呀。
    就是不想告诉你呀阅读 1,274评论 0 0
  • 满目萧寂, 枝头鸣声为人会 一点红,一点绿 一场风, 你爱的红沾了泥 也不再抬眼看那绿 静悄悄 天也不知趣的黑了下...
    极度差阅读 1,527评论 0 1