前面几篇文章分别说了封面和目录怎么搞,那么今儿了,我就通过各种内页案例,来说说内页怎么搞!
案例1,

这个内页案例,他使用的是宋体,识别性很差,也没有运用对比、对齐、亲密性这些设计原则,所以整个页面看上去了只能用一个LOW字来评价…
接下来就让我们一起来修改修改…
首先我们需要分析一下这个页面所要表达的几个点和他逻辑关系

分析完页面的内容之后,我们可以得出他其实是一个总分的关系,总——“三大核心功能 “;然后“分”介绍三大核心功能是什么——“销售圈”、“轻量级OA”、“商机CRM”,再然后是每个核心功能的详细介绍.
于是这样一内页就完成了~

那这个图表我们是怎么做的呢?
我们使用的是Smartart中的图表,然后再进行逻辑的呈现,再之加上一个好的配色,于是这样一个好看的内页就形成了…
案例2,

这其实是一个典型的,不同区间对应不同内容的表达方式。比如“满5年是50元,满10是150元”...那这个我们要怎么去呈现呢?
如果直接用文字的话则显得不够直观,于是我们便采用了图表,如下~~~

图表的使用很快就能让看官们明白内容和具体的对应关系,从而显得非常直观明了。
或者这样,制作成一个时间树~~~

案例3,

这个内页说的是工资的构成,工资是由岗位工资…等好几部分组成的。所以了,我们可以选择用等式的原则来呈现,就是工资是由什么什么部分相加,然后在为他配一个相关的图片,于是如下~~~

案例4
一个用户分析的内页

如果这页ppt内容是用来演讲的我们应该怎么做呢?
首先你会感觉他的文字太多,演讲时观众是看不清的,而且你放的这么详细,你讲啥呢?
仔细观察后,你会发现整页内容是有着一级和二级标题的。一级标题“利益相关者分析”,二级“用户关心的”…因而我们可以给这些罗列出来的二级标题,分别加上合适的图标,剩下的那些具体信息则由演讲者口述出来,于是如下~~~

案例5
不同职位的工资状况

简单的从新布局后则~~~

进一步运用对比、重复的设计原则优化后,则~~~

给重要的元素换色,起到重点更加突出,使观众可以一眼就能看到页面上重要的信息;
用线条将不相关的又挨得很近的元素打破亲密性,区别分开,没关联的元素就不要有亲密性;
整体文字排版我们选用的是沿中间对齐,这样可以很好的解决了文字段落长短不一所导致难以布局的问题.
案例6
说的是一个推广方式

优化过后~~~

分别用框将两个标题给凸显出来,很容易就能感受到这边是属于线上那边是属于线下,在语言表达上面也是符合一个正常的阅读习惯的。
案例7
分别说的是大企业和小企业在市场机会面前,分别需要解决的问题

这个页面我们咋一眼看,是不是觉得他有三个要点,而且还是并列关系
其实并不然,正是因为他没有很好的布局导致我们产生这种误区。其实他说的是,在市场需求上大企业应该怎么做,小企业应该怎么做的这样一个主题。于是我们简单的改造了一下~~~

利用两个色块将他们给区隔了,这样大家一眼就看清原来是两个部分。两个青绿色色块的运用丰富页面的同时也凸显出了两个模块。
最后,我想说一下,这个图表制作的注意点,如下——————

选用的是smartart

设置弧形字


需要本期图文源文件的小伙伴们,可以留下邮箱哈!
网友评论
2872198853@qq.com,谢谢!谢谢!