如何增加设计的美感（秘密武器一）

                
                
从今天开始小编为大家带来系列文章如何增加设计的美感，希望大家带上小本子认真记录哦！
增加设计的美感第一期：美即适用、对齐、视觉重心对齐
美即适用
人们通常觉得美的设计更适用。
“美即适用效应”法则是指一种心理感应现象，人们认为美好的设计更适用。不管事实是否如此，但是许多实验都证实了这个效应，而且在设计产品的认可度、使用度以及表现度上都有所表现。
不管事实是否如此，但是设计美好的产品从视觉上来说就比较容易接受，而且使用率也很高（人人都 喜欢美好的东西）。反之，功能好但形式不美好的产品，接受度可能就很低，让功能变得彻底失去意义。这些认知偏见和后续的互动行为在实际生活中是难以改变的。
美学在设计产品的使用上扮演着重要的角色。美的设计能促进人们形成正面积极的态度，而且让人们对产品设计上的缺陷更具有包容性。
                
                
例如：同样都是登录页面我们更容易接受右面的设计，并且我们会通过是否美观推断右面的APP应该更好用，毕竟一个好用的APP应该都会好好“打扮”一下吧。
对齐
设计元素的堆砌方式，一是以列或栏向一边对齐，一是把设计元素主体按照全文中心点对齐。
在设计时，内容的各元素应该和某一个元素或几个元素进行对齐，这样做可以增强版面的统一性和整体性，增强整改版面的整体美感和层次感，让人看起来条理清晰、视觉分明。对齐在设计中是一个功能强大的工具，它能够引领读者清晰地读完整个设计。
这里我们通过表单的对齐形式来分析一下相应的优缺点。
一般情况下，在表单设计中，有几种不同的对齐方式，包括垂直对齐（又称顶部对齐），左对齐，右对齐。
1. 垂直对齐式表单
优点：标签和输入框非常近，一致性的对其方式使得用户视觉移动较少，减少填写表单时间。
缺点：增加垂直的空间，在填写较多项的时候，会增加页面的滚动。设计这种表单时，最好将标签加粗，否则会难以分辨，影响用户体验。
                
                
↑垂直对齐表单
2.左对齐表单
优点：便于用户浏览/扫描表单内容，减少占用的垂直空间。
缺点：标签和输入框距离过远，用户必须来回跳动的来定位标签和输入框的一一对应关系。
                
                
↑左对齐表单
3.右对齐表单
优点：减少标签和输入框之间的距离。
缺点：左侧参差不齐，不利于用户浏览表单所需填写的内容。给用户阅读带来部分障碍。中文网页中 ，若需要填写的项目较多，采用右对齐表单还是较为合理的。
                
                
↑右对齐表单
总结，如果表单项不多，优先考虑标签顶部对齐；对于要同时兼顾高效和页面的垂直空间的情况，则选择右对齐方式吧。那是不是左对齐标签无用呢？其实并不是，研究也有表明，在涉及到专业性过强，用户不熟悉的表单，需要更长时间理解的标签项时，则可以考虑左对齐方式。
视觉重心对齐
根据元素的重心而非元素的边界作为对齐的基准。
软件的对齐方式都是以设计元素边界为基准（包括居中对齐），因为这里的居中对齐是以边界计算的。当各个元素都比较均匀的情况，这种方式很有效，但是当设计元素的形状不一又不对称时，效果就不那么理想。
所以设计要达到视觉均衡，就需要设计师根据设计元素的重心作为对齐的基准，而不是元素的边界。
                
                
↑左侧边界对齐右侧视觉对齐
这是一个比较经典的例子，仔细看看左右两个播放图标。是不是右侧的图标看起来对齐了，而左侧的图标偏左？一般非规则图形如上图三角形，它的重心比中心要稍微偏左一些。所以通过对齐两个元素的重心更能照顾视觉上的均衡。
以上便是增加设计美感的第一期。下期小编会从拟人形、原型、魅力偏见几个方法继续和大家聊聊设计的美感
- END -
花火圆桌
花火圆桌是由一群热爱设计的BAT设计师发起的分享交流社群，目前已聚集了近4000来自五湖四海的小伙伴，一起分享、解惑，并常有线上线下活动共同成长进步。
                
                
关注公众号：回复以下关键词，会有海量资源哦
| 手绘 | sketch | C4D | 交互 | 字体 |
加群：Fire_Lady9 还能得到更多