其实设计本身就是一门理性的学科，审美因人而异。只有合理的设计才能说服别人。当设计师拿到产品的原型开始设计的时候，如果不考虑任何规则，只是单纯的照着原型走，那么很多时候会产生一些不协调的结果。设计完成后，产品不满意，我不满意。其实UI设计中有很多布局设计原则。如果产品和设计都对版图设计有一定的了解，那么当设计师拿到原型，审阅设计输出稿时，大家就能更好地相互理解。的设计。下面我总结了几种常见的版面设计原则，它们是在作品中做出好的视觉效果的前提。1、信息的排列任何信息的排列，首先要掌握的是对齐/重复/亲近/对比，这贯穿于设计的四大原则。除了建立干净精致的外观外，对齐还可以促进开发的实施。基于从左上到右下的阅读习惯，移动界面的内容排列通常采用左对齐和居中对齐，表单填写的输入项采用右对齐。设计和做其他事情一样，要有轻重缓急。不要让用户找到需要注意的重点/地方，让用户顺利接收到我们要传达的重要信息。重复和对比是一套组合拳，让设计中的视觉元素在整个设计中反复出现，既能增加秩序又能加强统一性，降低用户识别的难度。那么在需要突出重点的时候，可以采用对比的方式，比如用不同的图片大小或者不同的颜色来表示重点，让用户直观的感受到最重要的信息。在排列复杂的信息时，如果排列不规律，会降低文本的可读性。组织信息可以根据亲近性原则，将相互接近的相关信息，分组在一起。如果多个项目彼此靠近，它们将成为一个视觉单元，而不是孤立的元素。这有助于减少混淆并为读者提供清晰的结构。在设计演示文稿时，一定要考虑内容的易读性。适当使用图形可以增加易读性和设计感，图形的理解比文字更有效率。那些用文字表达时显得冗长的描述，一旦用视觉表示代替，就会变得简洁明了。视觉图形可以以更柔和的方式呈现描述/标题/价值等相对生硬的内容。2.图片的使用确定了app的页面结构和文字后，就该安排图标/按钮/图片的排布了。此时页面将从纯文本的“阅读”结构调整为“查看”结构。页面的易读性和页面的整体外观会产生巨大的影响。页面上图像的比例称为布局比例。通常，降低布局比例会给人一种安静、优雅、高级的感觉。提高上版率就会充满活力，让画面具有感染力。在实践中，它还与所选图片所表达的元素/颜色/情感有关。合适的图片还能散发出整个应用的气质，直接传达出“高级”、“平民”、“友好”等不同的感受。.如果内容比较少，但又想提高翻页率，可以使用一些色块，或者抽象模拟真实物体的效果，比如电影票、书本、优惠券、便条等，来制作界面更加亲切，减少空虚感。这种方法也可以改变页面呈现的视觉体验，但这种方法最多只能改变页面的色调/质感，不能改变“阅读”内容的比例，需要注意。3、色彩的运用不同的色彩会给用户带来不同的感受，这应该是常识。在移动端界面中，通常需要选择主色、标准色、清晰色。移动端与网页端略有不同。主色虽然是决定画面风格的颜色，但往往不会大面积使用。一般出现在导航栏/一些按钮/图标/特殊页面等，会有点清晰，定调。统一的主色调也能让用户找到对品牌的归属感，比如网易红/腾讯蓝/京东红/阿里橙等等。标准色是指整个移动端界面的颜色规范，决定了文字/线段/图标/背景等的颜色。虚线颜色通常用在标题文字/按钮/图标等，通常起到一定的作用在强调和引导阅读方面。可选择的主色可能不止一种，收尾色通常由两种或三种颜色组成。标准色是一组由强到弱的标准组。有不同的选择方法。第一种是相邻色匹配（色相环上的相邻颜色）。这种方法比较常用，因为色调的柔和过渡也很自然。二是同色系搭配（色调一致，饱和度不同），主色和亮色在同一色相上，给用户一致的感觉。三是明快的配色，主色使用比较沉稳的颜色，明色使用明快的颜色，起到了带动页面气氛，强调重点的作用。四是中性色搭配，用一些中性色作为基调，减弱干扰。这种方法是移动端最常用的方法。还有一些渐变、明暗色调对比、多色搭配等方法这里就不一一说明了，大家自己感受下。4、留白的艺术不仅仅是文字和图片需要设计，留白也是版面设计中必不可少的因素。allwhite是“purposedwhitespace”，有明确的目的来控制页面的空间构成。有几种常用的方法。第一，利用留白来减轻用户在页面上的负担。首屏对于一个应用来说是非常重要的，所以一些复杂的应用在首屏的时候就积累了大量的入口。如果毫无节制地添加，当页面包含的内容过多时，会给人一种页面狭窄的感觉，给用户带来强烈的压迫感，所以元素过多有时并不是一件好事。留白可以让页面有更强的空间感和开阔视线，通过留白减少页面的压抑感，让用户进入轻松的氛围。二是通过空格来区分元素的存在，弱化元素之间的屏障。表单项与表单项之间，按钮与按钮之间，段落与段落之间，这些有关联但又需要区分的元素，很容易通过留白来营造视觉上的辨识度，同时又能给用户一种身份。干净整洁的感觉。三是有意通过留白突出表达重点。“设计涉及对差异的控制。重复相同的工作反复教会我限制这些差异并只保留最关键的差异是很重要的。”这句话出自原拓哉的著作《白色》。限制页面差异是白白表达内容最简单自然的方式。减少页面元素和杂乱的颜色，以便用户可以快速关注产品本身。这种方法在电子商务应用中被广泛使用。第四个空格给出了页面构图的不同变化。版面设计一定要有节奏感，这是我一直强调的。传统杂志打开每一页都会有不同的视觉体验。我认为在应用程序的许多部分之间，您可以部分突出您的个性或特征。留白可以让页面有优先级的变化，也可以营造出不同的视觉氛围。通过留白改变布局，配合四大原则，可以产生不同的效果。值得注意的是，留白并不一定要用白色填充界面，而是营造一种空间感和距离感，一种自然舒适的状态。5、视觉心理的灵活运用在看事物的时候，往往会出现一些不同的视觉心理。比如两个等宽的正方形和圆形放在一起，你肯定会觉得正方形更宽。在版面设计中，这些科学的视觉方法也被广泛使用，从视觉上引导用户，也让设计者快速找到一些版面布局方法。（via版面设计原则）首先，最常用的方法就是灵活运用黄金比例。文字和线段的间隔、图片的宽高比等都可以通过黄金比例快速设置。比如设置围栏的高度等等。在界面的布局中，圆角和圆形往往比直角更容易接受，也更友好。直角通常用于需要更全面展示的地方，例如用户照片、专辑封面、艺术品、商品展示等。在个人动态或头像、看板样式等中使用圆角效果会更好。在全局页面的排版上，也要避免单调，增加节奏感。上面我也提到了排版要优先，这样用户在观看的过程中就不会觉得冗长乏味。图片也有不同的色调，可以通过遮罩来控制。如果选择较亮的色调，可以减轻用户的压力，而选择较暗的色调，可以使整个画面更加稳定，内容显示更加清晰。6.没有设计的设计最后一段不是布局设计原则，更像是一种设计心态。古人写诗有一种技法，叫做白描。原拓哉也强调“最美的设计是虚无”，在界面设计上也追求一种“让用户感受不到设计”的境界。每行/文本行/每个按钮的存在都是有原因的。不添加无意义的修饰，不需要陪村和陪衬，让用户更加关注内容的主体，弱化视觉的感知。甚至在用户滑动时看到一个按钮或一行文本也是理所当然的。“菩提本无树，明镜非台”。做设计和做人一样。所有积极的方法都像梦想和泡沫。不注重形式看本质。图片中的例子有些地方处理得不是那么自然，但我认为上面的例子是朝着“让设计对用户不可见”的方向发展的。没有完美的设计，只有努力成为更好的设计。最后，做好设计需要很长时间，理解设计也需要很长时间。希望你善于发现美，懂得美。
