设计中的四个原则，对于网页/APP/平面等设计同样适用。
最近王姐推荐了一本书----《写给大家看的设计书》，书很好，内容主要是围绕平面设计讲解了设计中四个基本原则，通俗易懂，老少皆宜。
做了这么多年设计，虽然规范上比较严谨，但是确实没有严谨的落实四个原则，所以做出来作品总是缺点火候，看完恍然大悟，确实哦，原来设计的规范不止像素，色值，还有更大的规范规则，还在对设计尤其是网页设计没掌握规律的朋友可以看看。
我把四大原则用网页案例剖析一下。（所示案例图源自网络，只做讲解使用）下面正题：
四大设计基本原则 1.亲密性（Proximity）2.对比（Contrast）3. 对齐（Alignment） 4.重复（Repetition）
1. 亲密性-组合（Proximity）原则
原则解释：
彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。
这有助于组织信息，减少混乱，为读者提供清晰的结构。
应用益处：
关联组合相关内容，直观了解组织结构于内容，便于阅读观看。
比较对象：
于主题的关系（先后）、于关联着的关系（组合）、于无关内容的关系（疏远）、于同类者关系（类同）。
体现手法：
远近距离的亲疏、颜色的亲疏、字体的亲疏、字号的亲疏、主次顺序的亲疏、大小的亲疏等。
2. 对齐-规范（Alignment）原则
原则解释：
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观，提升可读性。避免一个页面上混用多种对其模式，也就是不要有一些置左，有一些置右。尽量避免使用居中对齐，除非是比较正式、稳重的设计（别动不动就让什么都居中，有些时候居中是一种很土的对齐方式）。
应用益处：
让内容更加条理，使作品更加具有整体性，方便阅读，提升作品品质。
对齐对象：
关联内容的对齐、板块的对齐、基础规范的对齐
方式与特点：
居中（印象普通、中规中矩、没有特色----会产生乏味）
边对齐（条理清晰----会产生专业、明朗精干的性印象）
内容对齐（指内容之间行间距、列间距按约定的规范化对齐）
分析提示：
1、居中对齐谨慎使用----不然会降低品质；
2、通篇大局只采用一种对齐方式----为了统一性，避免杂乱；（下图）
3、多组板块最好使用边对齐----中对齐容易失去平衡；（下图）
4、打破对齐需考虑整体平衡----有意为之。（下图）
3. 重复-统一（Repetition）原则
原则解释：
在设计中色块、字体、样式、某些符号等，在其他板块出现相同的样式就是重复。为了便于识别提现专属、整体感、统一性而存在重复形式。
应用益处：
体现整体一致性，更加连贯，可以体现板块之间亲密性，突显整体条理性，有特色的重复可体现专属感。
体现手法：
字号/字体的重复、颜色/造型的重复、布局/版式的重复、等等相类似的形体。
手法升级：
多样性重复（在大的格局保持一致而进行小的变化，提升品质、增强设计于阅读新鲜感，是内容更有趣味）
分析提示：
过多频繁的重复容易让阅读者乏味，失去阅读吸引力，会降低后续内容价值，应当合理适当变换重复（比如对换、多样性、减少重复）
4. 对比-突破（Contrast）原则
原则解释：
为了区别周边环境突出自身内容而出现的截然不同的样式，这种不一样就是对比。
应用益处：
增加视觉效果，提升作品品质，使阅读更加有趣，清晰层次，引导阅读主次焦点。
比较对象：
于搭配内容的对比（比如主题与副标题）、于相近内容的对比（比如标题与正文）于同类内容的对比（比如重点板块与次要板块）
体现手法：
与对比者产生很大差距的视觉效果：字号/字体/字色的大小、形状的不一样、颜色的不一样、布局方式的不一样。今天的分享就到这里了，欢迎加入UI设计群587751709
网友评论