专栏名称: 知群X可能性与大设计
关于互联网产品设计的方方面面。设计就是寻找事物背后的本质规律,加以运用,创造出更多的可能性。战略、市场、用户、需求、功能、交互、视觉、内容、数据、运营、推广、传播、变现,设计贯穿于所有环节,我们一起聊聊大设计。
目录
相关文章推荐
人人都是产品经理  ·  4年经验面腾讯产品岗,一面暴露野路子硬伤 ·  21 小时前  
三节课  ·  还在用DeepSeek? 现在都用它了! ·  3 天前  
人人都是产品经理  ·  伪装成“主人”的弹幕,把无数AI女主播调成了猫娘 ·  2 天前  
人人都是产品经理  ·  为什么产品经理找工作这么难?因为你忽视了这个要点 ·  3 天前  
人人都是产品经理  ·  985毕业后,他选择给AI“拧螺丝” ·  3 天前  
51好读  ›  专栏  ›  知群X可能性与大设计

排版中的对比与对齐

知群X可能性与大设计  · 公众号  · 产品  · 2018-11-05 19:34

正文

请到「今天看啥」查看全文




通常一个作品中不会只用一种对比,而是多种对比方式组合使用的。比如上面左图用强烈的大小对比来开了标题与正文的层级,同时加入光影对比为主体打造立体感,更抓人眼球。右图使用方向对比与位置对比使版面更活跃,更有视觉张力。



几乎所有的作品都会用到对比原则,在设计中我们也要善用对比原则。





对齐则是让版面中的元素有一种视觉上的联系,以此来打造一种秩序感。



此版面中没有运用对齐原则,各元素间没有联系,凌乱而没有秩序感。



使用了对齐原则之后,整个版面规整又美观,建立了一种秩序感而更利于阅读。




左对齐:版面中的元素以左为基准对齐。左对齐是最常见的对齐方式,简洁大方,利于阅读。




右对齐:版面中的元素以右为基准对齐。相对于左对齐来说不太常见,给人一种人为干预的感觉,阅读比率慢一些。




居中对齐:版面中的元素以中线为基准对齐。居中对齐给人一种严肃与正式感。



两端对齐:版面中的元素拉伸或缩放与同一元素两端对齐。两端对齐通常用于大段落文字编排中,利于阅读。



顶对齐:与左对齐相似,版面中的元素以顶部为基准对齐。



底对齐:与右对齐相似,版面中的元素以底部为基准对齐。



轴线对齐:轴线对齐是以版面中心线为对齐基准,而不是元素的中线。







请到「今天看啥」查看全文