当我们制作内页的时候,是不是总会没思路?
不知道从何下手,如何取舍,如何归纳理清逻辑,如何去罗列文字...
那么今儿了,小编我们就通过几个小的案例来给大家一些启发和思路~
案例1,
对于这个内页案例,首先他使用的是宋体,这会造成识别性很差,其次他也没有运用对比、对齐、亲密性这些设计原则,所以整个页面看上去了只能用一个LOW字来评价…
那么,接下来让我们一起给他换换“装束”~
首先了,我们需要弄清这个页面所要表达的几个点和他逻辑关系~
分析完页面的内容之后,我们可以得出他其实是一个「总分」关系。
总——“三大核心功能 “;
“分”(介绍三大核心功能是什么)————“销售圈”、“轻量级OA”、“商机CRM”,然后是每个核心功能的具体详细介绍。
那么,弄清整个页面内容的逻辑关系之后,我们就需要设计排版呈现了~
首先我们页面的核心内容是三大功能,因而我们可以先将他们给罗列出来,呈现方式可以选择采用Smartart中的分段循环图示(因为分段循环图示本身用于表示连续序列,强调互连),并且安排在页面的左边,因为这也是符合人们从左到右的一个视觉阅读习惯的~
当人们看到左边之后会马上清楚这页说的内容是啥,然后右边则是对左边的几个点予以具体详解,这样我们就从视觉上构建了本内页所要传达的逻辑关系了。
于是这样一内页就完成了~
对于整个页面,人们阅读的视觉线路是这样的...
案例2,
这个内页其实是一个典型的不同区间对应不同内容的表达方式,比如“满5年是50元,满10是150元”...那这个我们要怎么去呈现呢?
对于这个页面所要表达的内容,如果直接用文字的话则显得不够直观,于是我们便采用了图表,如下~~~
图表的使用很快就能让观众们明白内容的具体对应关系,从而显得非常直观明了。
或者这样,制作成一个时间树~~~
案例3,
这个内页内容说的是工资构成。工资是由岗位工资…等好几部分组成,所以了,我们可以选择用等式的方式来呈现,就是工资是由什么什么相加,如下...
然后在为他配一个相关的图片,于是如下~~~
案例4
一个用户分析的内页
如果这页ppt内容是用来演讲的我们应该怎么做呢?
首先你会感觉他的文字太多,演讲时观众是看不清的,而且你放的这么详细,你讲啥子呢?
其实当我们仔细观察之后,你会发现整页内容除了大标题“利益相关者分析”之外,是有着一级和二级标题的~
一级标题——用户关心的;
二级目录(“用户”底下)——“二手车价格”、“车况信息”;
「其余同理」~~~
罗列出来之后这样的...
然后再给他加上合适的图标和简单的修饰,剩下的那些具体信息则由演讲者口述出来,于是如下~~~
案例5,
不同职位的工资状况
因为这个页面的文字长度是不一的,所以采用中心对齐的布局方式比较好...
进一步运用对比、重复的设计原则优化后,则~~~
给重要的元素换色,起到重点更加突出,使观众可以一眼就能看到页面上重要的信息;
用线条将不相关的又挨得很近的元素打破亲密性,区别分开,没关联的元素就不要有亲密性;
整体文字排版我们选用的是沿中间对齐,这样可以很好的解决了文字段落长短不一所导致难以布局的问题.
案例6
说的是一个推广方式
优化过后~~~
分别用框将两个标题给凸显出来,很容易就能感受到这边是属于线上那边是属于线下,在语言表达上面也是符合一个正常的阅读习惯的。
案例7
这个内页内容说的是大企业和小企业分别在市场面前的机会和需要解决的问题~
这个页面我们咋一眼看,是不是觉得他有三个要点,而且感觉这三还是并列关系~
其实不然,他其实说的是,在市场需求上大企业应该怎么做,小企业应该怎么做的这样一个主题,产生这种误区正是因为他没有很好的布局而导致的,于是我们简单的改造了一下~~~
利用两个色块将他们给区隔了,并且给色块加上阴影,这样大家一眼就能看清这两类型的企业面临的机会和问题。两个青绿色色块的运用丰富页面的同时也凸显出了两个模块。
最后,我想说一下,这个图表制作的注意点,如下——————
选用的是smartart中的分段循环图示,然后再给他换上一个好的配色~
设置弧形字
制作内页我们需要注意:尽量使用图示和图标来呈现;对于演讲类型的ppt,少即是意味着多~
