美文网首页
布局原则

布局原则

作者: 梅f | 来源:发表于2018-02-22 12:37 被阅读0次

美并不完全是说不清道不明的,凡事都有秩序:设计的秩序就是组织性、一致性、统一性和互补性。四个布局原则:亲密、对齐、重复,和对比。

以前看到别人的手账做出来非常漂亮,自己做的时候就乱糟糟的,虽然也是同样的版面设计,就是不好看,东西买了一大堆,渐渐也失去了兴致。今天学完这一课觉得有了一些方向。

下图会让人觉得特别统一

在这幅图中,重点的字体都是相同的侧面加粗体,绿色线条重复带来一致性,时间和倒计时归为一类放在顶端,我觉得如果对齐放在同一侧效果应该也很好。内容文字和标题文字的产生对比性。左边图片右边文字也产生对比。

这幅图如果文字能够对齐,会加分很多

这幅图也是觉得文字部分如果能按照两个对应的斜长方形来写应该会更好。

左图是按图片对齐的,左右各三幅小图,内容就图片位置间错开,所以显得不那么整齐。但是待办事项是这一页的重点,所以应该以内容为主来排版。如果象下图的待办事项来排,就会显得舒服很多

这幅图的设计简洁、文字整齐。但会觉得文字部分太过暗淡,如果用彩色三角代替数字标题曾加一些重复元素不知道会不会好一些。

这幅图虽然内容很多,但会觉得特别整齐。有关时间类统一在上端。文字对齐,用统一的小图标标注不同的内容,用下划线标注重点,整个版面运用到了亲密、对齐、重复、对比每一个原则。

感谢这一课的学习,我也非常相信凡事都会有秩序,底层逻辑、原则会让自己按着正确的方向进步。

相关文章

  • 布局原则

    美并不完全是说不清道不明的,凡事都有秩序:设计的秩序就是组织性、一致性、统一性和互补性。四个布局原则:亲密、对齐、...

  • PCB学习:布局原则

    一、布局原则 遵照“先大后小,先难后易”的布置原则,即重要的单元电路、核心元器件应当优先布局。 布局中应参考原理框...

  • Meterial design与Ant design规范对比分析

    价值观及目标 设计原则 设计原则-布局 设计原则—导航 设计原则—视觉(颜色) 设计原则—交互模式 设计原则—动效...

  • #06-2你认真学了css?布局套路

    一、两种布局使用分析 float布局(定宽布局) flex布局(弹性布局)image 二、原则 不到万不得已,不要...

  • Android布局优化技巧

    一.总体原则:减少布局层次,加快渲染速度 当线性布局LinearLayout和相对布局都能使用时,优先使用线性布局...

  • Paper Collection - Autolayout

    SDAutoLayout:比masonry更简单易用的自动布局库 view布局的原则方法

  • Web前端基础(二):HTML5与网页入门

    1. 网站布局 DIV用于布局,Table用于显示数据,这是现在最基本的设计原则。 1.1 Table 布局...

  • android 屏幕适配

    屏幕适配 主流屏幕: 1280*720, 遵循原则: 不用AbsoluteLayout进行布局,多用相对布局,已经...

  • WPF/C#学习笔记.1:WPF中的布局TabControl,G

    WPF/C#学习笔记.1 WPF中的布局TabControl,Grid与GridSpliter等 WPF布局原则 ...

  • Android-Op

    Android 优化篇 布局优化/绘制优化 原则避免嵌套过多,可采用约束布局 工具Android Studio在t...

网友评论

      本文标题:布局原则

      本文链接:https://www.haomeiwen.com/subject/jxnatftx.html