对齐方式九种(对齐的对)-东辰网

对齐方式九种(对齐的对)

本文主要介绍九种比对方法(比)，下面跟着东辰网详细了解一下吧。

对齐和间距无非就是左右的关系。我们怎样才能使它符合用户的需求？;s视知觉？红尘滚滚，让他看一眼，留个非常舒适开始印象。而且在实际设计过程中，如果经常被批评错位，会影响整个团队的效率，对团队的信任度也会降低。唐不要迷信大神，还是获取你目前水平应该掌握的基础知识，比较靠谱。

玄学点就是设计师的态度，白话就是基础不扎实，总是建高楼。好了，不念叨了，说点基础的，希望能起到作用。

一、基本操作模式要想做好一件事，先要磨刀霍霍。

与参考线对齐。在Photoshop中，您可以在“编辑首选项”菜单中设置合适的网格大小。

在设计前期，为界面设定框架参考线，通过参考线对齐按钮、文字和图形。

PS参考线小部件指南指南

这是一个非常方便的绘制参考线的工具，可以节省你计算参考线的时间。在插件中，你可以输入一些数字，GuideGuide可以通过你设置的单位自动将数字分成网格。这款软件最强大的地方在于，它可以通过画布中选区的大小来生成相应的网格参考线。画参考线多神器！

界面中常见的对齐有三种:行对齐、左对齐、居中对齐。(好像是一年级学的，但是总是忘了作业)

同步:阅读文本时使用的相对较长的文本段。一般用在详情页。(图:猫■眼神交)

左手风格:这种风格用的比较多，经常用在APP的设计和列表信息的显示上。这种对齐易于阅读，可以很好地区分主次文本的层次。(图片:淘)

中心化:主要用于信息流的文本表达。(图音)

第二，解构分析有对齐和对准的意识，但为什么不够高大上？这个设计的效果很奇怪...

一般设计师都会这样设计，大的感觉没有问题。

其实对齐也是有规律的，善于发现设计中的联系。

让让我们来看看其他几个具有良好用户体验的输入框设计。为什么这么舒服？和你一起解构他们的设计。

小米的登录页面。

在小米的登录页面设计，主标题和副标题左对齐。

输入框的提示文字以中心线为基准与输入框对齐，使提示信息和输入框整体看起来更舒服。

内容划分的很清楚，哪些是需要输入的，哪些只是描述。

苹果的登录页面

在苹果的登录页面，它更有讲究，标题和输入框使用不同的对齐来打开层次结构。

请用左对齐注册标题和取消按钮，用居中对齐注册输入框和提示文本。

用户的视线被引入到输入框的顶部，从而加强了提示文本和输入框之间的关系，并打开了标题和文本的大间距水平。

在对齐的中，我们找到了规律，层次关系和框架！

不可见对齐框的作用是通过其来区分内容的层次关系。信息层级就这样列在用户面前。让用户以最新的视角展现产品的核心信息。提取场景中用户最关心的诉求，解决用户的问题。

对齐也是有层次的。有左对齐、右对齐和居中对齐。(我什么都懂，但是我能我没有好好利用它)左对齐和右对齐主要讲的是屏幕内容的规律性，居中对齐是内容文字的划分。

第三，常用间距会将框架整合到APP界面中，突出用户正在寻找的主要内容。

在设计中，间距一般设置为10px的尺寸单位，这样更容易统一整个画面的一致性。

在界面中，经常用间距来划分内容的层次关系，使内容与导航分离。

在导航中，左右间距为20px，而在内容列表信息程序中，左右间距调整为30px。

这样就区分了上下级的关系。

然后在主短信中，上下间距统一设置为30px，让整个内容的边框看起来更舒服。

我们经常设计两行文本的列表。的设计是120px。随着设备屏幕变大，我们更加关注页面的空白区域。为了加强内容的突出性。我在设计中将高度设置为130px。

再往下，界面还会有其他信息。如时间、消息气泡等。它们的对齐模式是根据字体大小来控制的。

为了保证阅读内容的舒适性，我们还会使用不同字体大小的文字居中的方法(比如上图中主标题和时间的)，让内容更有规律。

总之，以内容为中心的设计可以让用户快速找到想要的东西。使用正确的对齐和间距可以使界面更加整洁，信息更加清晰。

让今天就到此为止吧，休息一下，休息一会儿，然后多读书，多分析，多交流。