上海闵行UI设计培训 网页美工培训 手把手教学

  每一个UI设计，印入人眼的，一定是整体设计排版，所以，版式设计一直是重要的部分之一，直接关系到整体的设计效果，包括海报，名片，广告，网页，书籍，杂志，封面等等UI设计，都是离不开排版的。那么版式的设计不能单凭感觉，还需要有符合审标准与规则来进行约束。本期在这里和大家聊下关于海报设计中的一些版式设计的原理，类型以及一些实用的技巧，更有规律的去掌握排版设计的能力。

1、初步认识UI：了解UI设计师的角色定义和价值体现，UI的含义、UI设计师的含义。
2、学习内容：学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度，和绘画能力。
3、二维造型：二维简约图标绘制原理与技法，各种材质质感表现。
4、三维造型：(物体的体积、结构、透与光影表现)。
5、色彩原理：色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法。
6、设计软件应用：以Photoshop软件为工具，讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。
7、矢量图形绘制软件Illustrator为工具，标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
8、字体专项：字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。
9、版式专项：版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
10、平面项目：结合软件、色彩、字体及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。

1、分级分层
在进行UI设计前对内容进行信息分层，属于一个层级的内容分为一组，有关联的文案内容距离更近，或是用底色等方式与其他内容间隔开来，这样的间距规律会让我们清晰地区分开每一组信息，不会导致信息干扰或信息凌乱。上图被框起来的信息为一组，每组之间都有一定间隔，每组大字为主要信息，小字为次要信息。

2、区分重点
重要内容和次要内容通过颜色、粗细、形状、疏密、大小对比，使我们聚焦在我们想要关注或是重点想要表达的内容上。此图也是通过不同的字号和色块背景来提示大家重点信息。

3、视觉平衡
视觉平衡是界面版式设计的首要原则，对于海报来说，需要我们对海报整体的视觉平衡有很好的把控。这就是所谓的视觉平衡，就是让视觉感觉到整幅画面是平衡的，平稳的。

4、简单原则
（1）简单的规则
一张海报设计图的字体种类、颜色不宜超过3种，对齐方式不宜太多，因为使用的规则太多会让设计变得复杂，甚至会感觉到整幅画面的“不透气”。作为一个UI设计师，能用简单的方式解决问题，就尽量不要让设计变得复杂。
（2）简单的数字
我们在设计过程中通常都不爱看图像的大小位置，所以会导致大小位置的数值出现小数点或者奇数，因此使整个界面元素的间距和位置都不够规范，间距的小数点和位置的不完全平分，会让页面不严谨，正确做法是要对齐每个像素，位置。图中每一组信息之间都严谨有序。
（3）干净的样式
分隔样式是简单原则的重点 ，将分隔线去掉，或是使用简单合理的样式将场景简约干净的分隔开来。上图利用间隔大小来分隔每一组不同的信息，由于是竖版文字，采用的是上对齐的方式，而颜色搭配也是简单的黑白。