优秀版式设计评价标准有哪些

1、对比引：导视觉，制造焦点，把内容分出主次层级，可以有颜色、大小、粗细、冷暖、明暗的对比，一定要大胆，效果明显一些。

2、对齐：让版面产生秩序美，不要用多种对齐方式，只用一种才能体现画面的整齐统一。

3、重复：可以达到统一，增强视觉效果，一般作为背景使用，要注意不要过多使用一个元素，其他元素应该与之产生反差对比，不然容易混淆重点。

4、亲密性：相关的元素距离靠近，组成一个视觉单位，有助于组织信息，减少混乱，让结构变得更清晰，但分组不宜过多。

扩展资料：

注意事项：

版式设计主要是对设计者的思想境界、艺术修养、技术知识的全部检查。版式设计是由视觉元素通过点、线、面的构成组合和摆放而成，运用恰当的夸张、比方、标志的方法来表现视觉效果，既美化了版面，又提高了传达信息的才能。

宣传册设计并不是一成不变的技术活，企业宣传册设计灵活性很强，需要有好的创意才能制作出好的效果，如上规则只是设计的基础，宣传册设计师在实际的设计中，可以灵活多变地进行创意设计。

参考资料来源：百度百科-版式设计

参考资料来源：百度百科-美术作品鉴赏

超赞的刷屏级H5排版以及动效

如果细心地观察那些阅读转发破万的H5，它们除了本身极具特色的创意之外，排版与动效功能的应用也是恰到好处。所以今天我们就分别从【排版】、【动效】两方面来给大家阐释，如何让自己创作的H5更具传播性。

Part 1 排版篇

生长在移动端的H5广告相较于其他广告，充分地暴露了屏幕小、层级深、较难在保持内容统一性的前提下包含众多且交互复杂东西等缺点，也因此可能会影响用户在阅览H5时对有效信息的获取能力。所以，利用设计在最短的时间内引导用户接收到有效信息变得更加重要。

那么，怎样才能更有效地引导用户接受到那些有效信息呢? 通过排版!

版面是基础，先确定版面的布局框架，再考虑配色，字体…

优秀的版面设计，不仅在视觉上能起到正确引导用户的作用，同时也能明确信息主次，使有效信息达到最优的传播。

版面在H5设计中的作用：

1、不同图文信息的有序展示，在视觉上起到一定引导作用，通过版面大小和前后复叠关系明确展示信息的主次，视觉表达更加合理。

2、交互性是移动端H5设计中必须考虑的因素，好的版面分割可以增强引导性、增加点击感，在视觉上辅助交互。

我们常见的版面类型包括：直线型版面、斜线型版面、三角型版面、圆型版面。

1、直线型版面

由直线进行切分，面积大小会根据内容相对调整。

直线型版面示意图

此版面类型操作起来最为简单，画面中规中矩，易给人严肃而具有理性的感觉。反过来说，直线版面也容易显得呆板生硬，不够活泼。

不过可以通过不同的设计风格进行弥补，具体可见下例：

根据内容的不同，清晰地进行分割。居中的板式和文案，表现出品牌的正式、专业、高端，适合高端消费领域的品牌。

直线型版面是最常见的.板式，简单的直线分割容易打造沉稳而具有品质感的页面基调。同时在视觉上对不同内容起到明确的区分，从而正确引导用户进行相应的交互。

优秀直线型案例赏析

2、斜线型版面

类型比直线更活泼，视觉上更具冲击力，整体版面更加动感，并有一定的引导性。斜线版面配合适当的动效能够在第一时间给用户带来画面冲击，倾斜的角度越呆冲击感越强，适合在活动、促销、推荐等场景下使用。

斜线型版面示意图

斜线容易给人以平面延续的感觉，可以在页面切换时打造连续的画面，增强页面的引导性，适合用于长页面和多页面同级并列的H5场景。

3、三角型版面

三角形是一个具有稳定性的图形，在页面上容易给用户带来视觉引导。稳定的三角形，同时也是尖锐的形状，比较容易传达快速、时尚、暴力刺激等感受。

三角型版面示意图

在视觉上，三角形给人以指向性。在多屏滑动页面时，可用于交互上的页面引导。

4、圆型版面

圆形在手机屏幕上的表现天然具有视线聚焦的吸引力，适合主标题、主图和其他关键信息的展示。圆形在视觉表现上更加光滑饱满，给人亲近感，适合手绘风格、卡通风格的页面设计。

圆型版面示意图

利用圆形巧妙灵动的将画面内容进行分割，相比较直线版面更加流畅，视觉上更具亲和力，不生硬。

回顾总结

1、优秀的版面设计，不仅在视觉上能起到正确引导用户的作用，同时也能明确信息主次

2、不同的版面会有不同的视觉效果，选择版面时要根据自己的需求进行设计。

Part 2 动效篇

如今的消费者几乎手机不离身，手机移动端H5对公司宣传的影响愈加明显，可移动端相对于PC端与纸媒等其他渠道而言，具有以下几点特性：

为了大大降低这些特征对H5内容阅读吸引力的影响，针对不同的问题，我们可以在H5内容中添加相对应的动效，以达到优化的作用：

问题一：屏幕小，信息含量多

解决思路：对重点宣传信息加以突出让关键信息在最短的时间内被获取

问题二：页面多，要保持统一性

解决思路：通过固定的动效交互，在体验上保证整个内容展示的完整性

问题三：层级深，用户易流失

解决思路：有趣的动效加上适当的交互，提高用户参与度、趣味性、更有效地留住用户

以下从几个方面谈谈动效的制作和应用：

1、动效的作用

总结而言，动效对H5页面的作用主要体现在两个方面，分别为功能性以及趣味性。

(1)功能性：

引导用户进行点击、翻页等动作

吸引用户并让其做长时间的视觉停留

(2)趣味性：

通过一些充满趣味的特效，让用户的体验变得真正愉快以及难忘。

2、动效的类型

在H5内容展示中常见的动效有：移位、旋转、翻转、缩放、逐桢、淡入淡出、粒子效果、3D等，而我们能大致地将这些动效分为基础特效、招牌特效以及高难度特效三种类别。

其中，基础动效分为指向性动效和空间展示动效，具体表现在：

指向性动效——H5元素的出现、滑动、弹出等

空间展示动效——页面的切换、翻动和放大。

基础动效最重要的目的是要让用户感到毫无负担，顺应自然规律，此类动效无需做到夺人眼球，而是要让动效舒服流畅。为了能让大家更直观地理解基础特效的效果，不妨来看看下面这些关于动效设计中的物理关系。

首先，我们要理解“颜色是有重量的”，如下图所示，随着明度和饱和度的升高，颜色的重量在下降：

此外，物理规律也是动效考虑的关键因素。看起来舒服的动效，一定是符合真实物理运动规律的，比如小球从上往下掉，加速运动要比匀速运动更符合人眼的认知。

招牌动效是基于基本动作有选择性的差异化展现，就像一个个有个性的Pose，让用户眼前一亮，建立对界面的独特印象。

这类动效目的是主要为了加深用户印象，但需要注意夸张个性化的表现，以及对于动效节奏的把控。

高难度动效主要的目的是为了加深用户印象。如果运用在H5中会很酷很炫，可以让用户做长时间的视觉停留，但是也是起到锦上添花、画龙点睛的作用，需要根据切实需要来进行设计。

有时候大家会觉得这些酷炫的动效很难实现，其实如果你仔细分析，会发现他们都是基础动效的排列组合。比如上面这两个动效，只要拆分成不同的层，就能发现其中只是不同层之间平移和缩放的组合。

L形

将版面中的文字或图形以字母“L”的样式进行排列，以此构成L形的效果。例如：将版面中的图片要素以字母“L”的样式进行排列，从而形成图片环绕文字的版式格局，可以在排列形式上强调文字信息的重要性。

三角

1. 正三角。正三角形最具稳定性，当我们将画面中的视觉要素排列成该样式时，形成的上尖下宽的版式结构就会带给人种十分稳固、踏实的视觉感受。

2.倒三角。与正三角形构图在排列形式上恰好相反，它的编排结构主要呈现为上宽下尖，会使版面呈现出重心不稳的视觉效果。

对角

以版面中的某个点或某条线为基准，将视觉要素分别放置在该参照点或线的两端可以形成对角对称的排列形式。设计师利用规整的排列样式，可以打造出具有严谨性的版式结构。值得注意的是，进行对角对称排列的要素可以是单独的文字、图形或者图文组合。

重叠

重叠就是将画面中的视觉要素以叠加的形式进行排列，这样会使版式设计具有空间错落感，而且将版面中的文字和图形以叠加的方式组合在一起，可以使画面呈现出强烈的变化感与层次感。常见的重叠编排方式有：图形与图形重叠、图形与文字重叠以及文字与文字的重叠3种。

以上就是青藤小编关于版式设计的编排形式的相关分享，送给正在学习平面设计的小伙伴们，祝愿大家都能够设计出优秀的设计作品。