前言
从本周开始，在接下来的时间里，我将和大家分享如何打造精美的UI界面，一共五个步骤。 你为什么想分享这个？
我学UI设计的时候，网上资料很多，但是参差不齐。 对于新人来说，非常痛苦，进步也很慢。 因此，我想根据我之前解决一些陷阱的经验来分享一些知识点。
分享的最终目的是为了自学，同时也希望能给想要提高排版能力的设计师带来一些帮助和启发！ 所以这个系列的文章可能并不适合所有人。
所以这周我将从布局开始......
为什么要学习排版
排版是界面设计中最难的部分，也是非常重要的部分。 它以多种形式存在于界面中，比如纯文本排版、图文排版、图片文本排版等，这是我们在设计时经常面临的。 问题。 好的排版可以有效地向用户传达关键信息，同时也能提高产品体验。
在我们的日常生活中，设计和布局是密不可分的游戏ui界面设计教程，包括我们经常看到的各种广告和电影海报。 如果用户不能在短时间内记住关键信息，设计就会失败。 因此，希望今天的文章能够让大家对版式有一些新的认识。
有哪些方法可以改进设计和布局？
在界面设计中，影响布局设计的因素有很多。 我总结了7个维度（当然还有其他更详细的，这里暂不赘述），这直接影响整体布局质量。 当然，这些方法都不是绝对的。 但如果能够巧妙地融入到界面中，就可以保证大部分界面设计感的提升。 当然，这也需要不断刻意的练习才能提高。
他们是：
合理利用空间的力量 尺寸理论 色彩的重要性 排列法则 力量平衡法则 选择好的字体 清晰理解设计目标
下面我就收集一些案例给大家讲解一下。
1、合理利用空间的力量
空间就是我们常说的留白。 当设计元素紧密聚集在一起时，界面似乎没有焦点，因此需要和谐地使用。 空间的运用规则直接影响产品的性格。 小空间和大空间有不同的视觉效果。 从感觉上来说，两者是完全不同的，那么在界面设计中如何更好的利用空间来设计布局呢？
一个好的方法是使用网格来构建空间。 在图形设计中，它们被大量使用。 在用户界面中，网格也可以用来构建空间。 我们来看一个案例：
如上图所示，作者将一个界面划分为4Girds，并使用构建的网格来布局界面中的元素。 右侧是我拆解的图片（注：建网格时需要建多少列没有硬性要求，最终建列的数量需要根据产品内容的复杂程度来定义）。 例如：我目前正在研究车辆HMI设计语言，并且我也使用网格。 然后我会根据整个车辆HMI产品的复杂程度来构建，并且还会几个网格一起使用。
从上面两个例子我们可以发现，设计师在界面的设计中使用了很大的空间，使得整个界面更加的透气、透气。 因为也是娱乐为主的非小说类产品，所以设计上会更加艺术化。
韩国29cm产品是我最喜欢的应用程序之一。 整体设计呼吸感强，留白大，视觉焦点清晰。
2. 规模的力量
我们都知道，大的物体更醒目，更容易吸引我们的注意力，所以在设计中，我们通常会放大和突出重要的元素。
a和b哪一个更吸引你？
答案是A. 因为A型字体看起来更大、更有吸引力。
在上面的例子中，size方法用得比较好。 我们可以看到视觉层次非常清晰。 首先，我可以很快知道什么是重要信息，这一定是封面图片，然后是左上角的标志，然后是导航和标题，最后是每个内容块的一些详细的文案说明。
举个简单的例子，重要的信息一定要大，次要的信息一定要弱化。
3.论色彩的重要性
颜色在版式设计中起着重要作用。 它可以是点睛之笔，给画面带来活力，也可以代表品牌。 当然游戏策划，在UI界面中我们必须谨慎使用字体颜色，因为不同的颜色有不同的含义。 是不同的。 合理、恰当的色彩运用可以瞬间提升设计的品质。
在上面的网页设计中，设计师使用了红色来强调重要信息，同时也让灰白色的画面略有不同。
对某些文本（例如链接文本）使用辅助色，如图1所示。图2在主体文本中使用了大量颜色，严重影响视觉体验。
避免使用如图 2 所示的低对比度颜色。
4. 对齐的力量
对齐是我们在界面设计中经常提到的一个话题，也是提升界面质量最重要的隐形力量。 也许有时候我们忽略了它，有时候我们不经意间就没有做好。
对齐的界面比未对齐的界面整洁很多，视觉流程也符合用户的阅读习惯。
我们可以利用之前学过的网格来对齐，这样不仅设计有节奏感游戏ui界面设计教程，而且画面也整齐美观。
在我们的界面设计中，可以通过三种方式来协调想法。 当然，要根据业务部门选择合适的走线。 三种对齐方式都有一个看不见的轴（见我标记的线），然后围绕着它排版设计，自然会形成一个规则。 视觉流。
在上面的例子中，作者整体向左对齐，形成了一个以左侧为中心的轴，扩大了视觉流向。
5.平衡法则
我们在做界面设计的时候，经常会遇到有人说你的设计要么太重，要么太轻，或者你需要在这里加点东西，不然就太空了。 为什么？
这就是平衡法则。 如果同一环境中的物体不保持平衡关系，我们的视觉体验就会非常不舒服。
让我们看下面几个例子：
从图1和图2我们可以看出，图2给人的第一感觉是不平衡，整体视觉重心向左倾斜。
在上面的例子中，设计师使用按钮来平衡整个屏幕的视觉焦点。 由于左侧内容较多，如果按钮较弱或较小，则很难平衡屏幕。 因此，我们在制作界面的时候，定义一些按钮的大小也是很有讲究的。 。
左边是可视化界面，右边是拆解后的原型机。 我们可以看到，设计师还通过元素的合理分布，做出了界面的整体平衡。
6.选择好的字体
字体选择对于界面布局非常重要。 这也是所有界面布局的必要步骤。 不同的字体有不同的字符属性。 我们需要根据产品选择合适的中英文字体。同时，还需要记住，在一个产品APP界面设计中，字体最好不要超过两种。
推荐一些我认为2019年比较好用的英文字体，大家在做概念设计或者包装提案的时候都可以使用（吐血推荐）。
它们是：Montserrat 和 Nexa 字体。
它们是：Futura 和 Playfair_Display 字体
中文中有用的字体大家都应该知道，比如方字体、思源海蒂、汉仪七黑、兰亭显黑等。 我就不举例了。
7. 清晰理解设计目标
终于到了坐下来的时候了。 最后一点是整个设计布局的核心之一。 为什么？
如果设计目标不明确，那么根据你的用户群或产品个性，整个布局风格最终可能会分为两种类型。 不同的产品风格会有不同的布局风格。
例如：我们的产品是奢侈品，所以整体布局设计风格必须采用大网格、大空间的设计、细长的字体。 如果它既简单又现代呢？ 或者母婴产品、科技产品、娱乐产品等，每一个都会有一些特殊的布局思路。 因此，了解您的设计目标并确定设计原则。
牢记了这些原则和目标创作人，下一步就是开始寻找参考和灵感，了解他们如何布局相应的产品，如何控制画面的节奏。 建议多用Pinterest或者Behance。
总结
通过七大排版思想，可以更好地运用在界面设计中。 每个版式原则都不是一个独立的个体。 它们之间存在着互补的关系。 比如尺寸离不开网格，对比度、色彩也离不开网格。 等等，如果缺少某些元素，界面就会失去灵魂，设计输出的质量也不会好！
好了，这个问题到这里就结束了。 下一期，我将继续与大家分享如何巧妙地利用图形来提高界面质量，增强细节！
#专栏作家#
