@研习设K先生 ：一同学向我们咨询，他的问题概的意思，类似网站或者淘宝详页的那种图怎么设能好看？我们之的分享里常强调设规则的普性，看似不同品类的设作品，其实这里面的绝多数规则都其他的品类中同样用的。如果不同的话，这里面的不同，也只侧重点一些不一样已。
比如这问题里提到的图，好，视觉的统一性在这里起到了主导作用，不是长图，其他海报、画册、DM 甚至空装饰等都是样。统性能做好，这个设计才能算及格。
既然统性这么要，那么什么是统性呢？用句话来概括，视觉统性指是各个元素明显和谐致。也是说，统意味着协调致。在个框架内，元素没有做到这协调致话，设计作品会变支离破碎。如有说你设计做很乱，那90%问题是出在统性上。
打个比，在高冷狼群，出现了哈士奇，算它长和狼很像，是感觉是怪怪，这是不协调元素乱入，我们带来观印象。括开会穿正装，你穿着拖鞋、大裤衩去了，效也是样。
了解了什么是统性，下我们再来看看统性作用有哪些，主要作用有4。
由于处环境的影响，人类天生就对统一、秩序有着很深的偏爱。就像松塔、向日葵、多肉植物，研究过例的同应该知道，他们的生长轨迹都是按照金例来走的，这种美例带来的统一性就会很自然的给我们带来美的享受。
引导视觉和我们类视觉习惯有关，过统性可以把相似或者处于层级设计元素联系到起，能够优化信息传递效率与晰度。
像书籍杂志目录，用简单大小比，梳理好这里核心内容层级关系，能让读者更快更晰了解这些内容。
这点是牌视觉形象的统一性，通过某种视觉元素的断重复，够深受众对牌的印象，在这里给大看一套 VI，还是很容易解的。
统一就味着这面存在重复。让做这种变化多的计容易，还是做这种有规律有秩序的形式容易？各种炫酷的效果加进去还是挺累的，右边的这个就简的多，相大多数人都会选这种简的对吧。
构成版式的常见素：字体、文字组、图形、图片、背景，如果能把这些素统一性增，就可以避免大部版面混乱的问题，那如何化这些素的统一性呢？这九种方式就能帮你，大、重量、间距、方向、对齐、色彩、形状、布局、风格。下面来了解一下这九种方式在计中的应用。
在这些方式里，控制设计元素大小的方式来强作的统一性，应该是最简单见的。
看这组字，字的大小参差齐，有的人这样做可是为了强调这里面的键容，但是这种形式的变就会成字组参差齐，产生很多没有必要的负空间，字组变碎。把这样一组字填充到版面中，这种和谐会更突。
如果调整成右边这样，统一性就会好很多了。设计要务于整体，每个小都做很多变，变多了就会难控制，控制好整个版面就会混乱。字外的元素同，这是版面中元素大小的统一。
注这组文字，放在一起给的觉是统一的吗？不是，的粗细度都是不一致的，如果一个版面中存在着大量的粗细对比，统一性就差了，这也是多同学没注的地方。
为什大部常用的字体都会有字体家族，这些不同粗细的字体就可以帮助控制字重。在理文字组的候，字重要调整匀称，比如这个文字组，已经出现大对比了，再做字重对比，对比就多了，对比过多就味着混乱、难以控制，把它调整匀称就可以了。
了解了重的均衡，再看看间距统一秩序的什么区别。
如果版面中同时出了多组文字，的人就会忽略这细节了，特别这些文字处于同一层级下的时候，注意。
字与字这样，同一层级的文字组之间的距离同样这样，包括图形、图片，道理都一样的，看似简单的距离统一，同样重。
方向的统一，个理，同一个级下的几组文字，或者把它想成单独的文字、图形、图也以，他们在版式构成中的方向要是统一有规律的。
果版面中加种不稳定的形式，就变得很难控。
是以文组为例，常见齐是左齐、右齐、居齐，在组文，相齐很自然会带来统感觉。
算在这些文组基础上，加入其他图形或者图片，让这些所有元素进齐，个结构仍然会很和谐。
反过来，算是层级下文组，我们保证了大小、量、距离和统，如齐不致，也会破坏版统性。
彩的统一也很理，像我们做设计，一般不把文字得颜六的对吧？包括版面中背的颜，使用单一的颜或者近似是比控的，颜越，越难控，想做出统一的感就越难。
这个形状统性我们可以拿图形、图片来做例子。圆形、椭圆、形、菱形、三形、多边形很多基础形状，在这些形状入图片，算图片样，统性都不见有多好。
更何况在多数情况下，这入图片都是不样。我们在统形状框架内使用图片，可以有效避免这个问题，让图片或者图形，形成秩序，保证图形图片元素和谐统。
局指的是所有的设计元素在整个版面中的合理置安排。种局和上面提到的设计元素的大小、方向、距离、对齐等等有关系，是对他们的一种统筹组合。特别是网页长图，局的统一节省我们设计师很的时间，也让整个品具有很强的统一。
通常使用网格来约束，控制版面中的这些计素会方便。网格系统的使用可阅读→《高的面课堂！网格系统的入门基础知识+案例演示》
最后一点格的统一，字体、图形、图片、颜色包括布等等都会影响到格统一。而且同一种格，就有着极强的统一性。
简单来说，就像我们想设计类似无印良的那种大留白的极简格，就把作做的和电商的感觉一样。这全是两种格的东西，使的字体、图形、图片、颜色包括布都会有很大的差异。至于择么样的格，一般根据项目的题和客户的要求来就可了。
这网页作品的设就遵循了面提到的那9种方式，包括里面使用的设元素也都面出过，虽然里面使用的设元素很多，但他们看起还一整体。对于这案例，网格与风格的统一可以拿出单独看看。
这里截取了案例中的一部分网格，可以研究一下网格与对应元素之间的关系，整案例都这同一种网格框架下行布局的，这样从布局就能保证案例整体的统一性。包括这里面出的图片，风格都基本趋向一致。
设的过程中，能够注意到面这点，就能让作品具统一性，看起、读起很舒服。当然这种绝对的统一也会给人死板、缺乏变化的感觉，设作品中需变化调节的，不过这种变化也统一的基础行的。加入变化可以再得10分，变70分的作品，但加入了变化以后，控制不好，这分数很可能会变50分，甚至低，那可能就不合了。
这就好比这张人脸，的状态很完很自然，右下角还一颗人痣，统一变化都很好。如果把这张脸变左右完全对称的，很完，但就之那么自然了。完全对称的人脸就绝对的统一。
如果这样的话，就变化太多的后果。
总结
你说你这两张脸都不喜欢，是想要这样自然完美状态，其实不容易。长相看命，设计作品要靠你个努力了。做是要现实，能做好统，到及格标准以后，我们有会再聊聊这个变化问题。
欢迎关注研习设的微信公众：「Yanxishe2017」
浙公网安备33011002017549号