首页 > 其他分享 >2024.03.25【补】【版面编排】排版四大原则!!

2024.03.25【补】【版面编排】排版四大原则!!

时间:2024-03-26 12:14:14浏览次数:26  
标签:25 动线 2024.03 对齐 版面 视觉 排版 图标


排版最重要也是最基础的四大原则:

1.对齐:我们的大脑总是会去寻找一条看不见的横线或者竖线,利用网格系统,将元素适当对齐就能创作出舒适好看的版面


把杂乱的内容根据线条对齐,混乱感也会随之消失,取而代之的是秩序感和舒适感,这样还能创造出让读者舒适的视觉动线

2.对比:当所有的信息都统一时,就意味着没有对比,读者无法区分视觉落点分辨信息优先级。

所以需要适当缩小活放大部分元素,突出视觉落点,建立信息层级,梳理视觉动线,让信息传达更加高效

3.重复:在设计中有时候单个图标的引用可能会使得画面枯燥无味,但若是添加多种类似的图标设计或者是适当的单个图标的重新利用
就能够让画面出现舒适的套系感

4.亲密:通过不同元素之间的间距来体现不同的亲疏关系。让相关的内容靠近,无关的内容远离的方法来梳理视觉动线和建立信息层级

标签:25,动线,2024.03,对齐,版面,视觉,排版,图标
From: https://www.cnblogs.com/melosill/p/18096362

相关文章

  • 云原生周刊:Kubernetes v1.30 一瞥 | 2024.3.25
    开源项目推荐RetinaRetina是一个与云无关的开源Kubernetes网络可观测平台,它提供了一个用于监控应用程序运行状况、网络运行状况和安全性的集中中心。它为集群网络管理员、集群安全管理员和DevOps工程师提供可操作的见解,帮助他们了解DevOps、SecOps和合规性用例。Retina......
  • 2024.03.24【补】【字体设计】有些品牌,看见字体就认出来了
    生活当中我们能见到许多的标志设计,也有很多标志是通过文字来进行设计的(如下图)只要有了这些标志的存在,你最起码也知道了这是一个什么品牌但大部分时候,甚至是某些品牌都只会在一些地方只放上自己的标志。但在元素冗杂的信息中单单放入logo元素,很难说人们能不能感知到这个品......
  • 【2024-03-25】兄弟共进
    20:00船得有航向,人生得有所追求。连蚂蚁,看来是在盲动,其实,也各有所奔。人,如果光为自己奔,那就算不上什么“万物之灵”了。总得对群体有所贡献。                                          ......
  • 2024.3.25
    IstartedtoreadChinaDailyinthemorning,it'sprettygood.ItakealookatthenewsofMarathoninWuxi,andshareitwithmyfriendwhosaidthisappwaslikeFacebook.SchoolinformationSectioncalledmetoday,theythoughtmyMAChadbee......
  • 3.25
    javaweb实现数据查询分页首先我们需要一个用于分页的工具类packagecom.lgh.app.page;/***@authorlgh**此类是用于分页的工具类*可以重复利用**/importjava.util.List;publicclassPage<T>{//当前是第几页privateintpageNo;//当前页......
  • 20240325打卡
    第五周第一天第二天第三天第四天第五天第六天第七天所花时间20h代码量(行)877博客量(篇)1知识点了解navigation路由配置,jetpackcompose组件运用,容器封装......
  • 3.25
    <!DOCTYPEhtml><html><head><title>艾鑫个人主页</title><metahttp-equiv="content-type"content="text/html;charset=UTF-8"><styletype="text/css">/*设置超链接样式*/table{  border-collapse......
  • 3.25毕设
    封装后端返回的数据首先建一个Result类,用于封装返回的数据,我这里包含了四个参数,参数含义分别如下这里测试一下。 返回了预期的数据 ......
  • 3.25
    给你两个字符串 haystack 和 needle ,请你在 haystack 字符串中找出 needle 字符串的第一个匹配项的下标(下标从0开始)。如果 needle 不是 haystack 的一部分,则返回  -1 。 packageorg.example;importjava.util.Scanner;classPipeixiabiao{publicstati......
  • P1525 [NOIP2010 提高组] 关押罪犯
    带权并查集中,dist[]数组可以理解为一个向量,这样子比按照距离来理解更透彻:优秀学习资料:AcWing240.食物链(带权并查集)-AcWing即d[a]表示向量a->fa[a]这道题的并查集解法:#include<iostream>#include<stdio.h>#include<algorithm>#include<string>#include<cmath>......