10万阿里人都在用的办公神器

大家好,我是柒惟Slide  好久不见,很想念大家~

这次给大家给带来的是「旁友圈 」甲方来袭作业《语雀——专业的云端知识库》

接下来我就带大家回顾下本期作业的设计思路

首先带大家看一下本期作业的原稿;

10万阿里人都在用的办公神器

01.封面

10万阿里人都在用的办公神器

 

1.1首先根据原稿封面内容进行简易排版:

标题+LOGO统一置于页面左边,将主标题放大,标题描述内容置于上方。

10万阿里人都在用的办公神器

 

接下来添加页面背景,为了更好的呈现封面视觉效果,这次我使用了PS进行辅助设计。

 

10万阿里人都在用的办公神器

 

1.2 PS圆环光圈设计要点:

阴影+外发光+描边,3个效果进行具体的参数设置(上图所示);「说到这里可能有小伙伴在问,PPT里是否可以实现这样的效果呢呢,回答当然是可以,这里就运用到另外一个知识点“新拟态”,这里大家可以关注我的好友:上帝粒子【公众号粒子漫游】为了在PPT中做出大火的新拟态风格,我掉了108根头发。

我们将背景添加到页面当中,然后将文字和LOGO进行反白处理,这里要注意一点,LOGO如果直接做泛白处理会导致LOGO颜色+图形变形,所以这里我们添加一个白色圆形矩形,这样就不用进行反白处理了。

10万阿里人都在用的办公神器

1.3 页面太空添加手机样机

由于标题描述内容有办公神器这样的修饰词,所以这里我们添加手机样机进行辅助展示,由于单个样机的体积太小所以这里我选择2个样机进行错位进行展示。

10万阿里人都在用的办公神器

1.4 美化页面并添加页面修饰元素

由于页面底部颜色单一且缺乏页面修饰元素,所以这里我添加了长方形和圆形进行页面元素的补充,同时给页面元素添加阴影处理,对图形添加顶点编辑与元素两者更好的结合。

10万阿里人都在用的办公神器

1.5 调整页面细节处理

页面整体的设计基本完成后,接下来我们就要做细节上的处理,首先调整页面标题字体,这里我使用了阿里巴巴普惠体并添加阴影,其次主标题跟页面底部元素的距离导致页面留白空隙过大,所以我在这里又添加了页面气氛元素进行一个内容的空缺过渡。

10万阿里人都在用的办公神器

最终完成本页的设计

02.内容介绍页
10万阿里人都在用的办公神器

2.1 首先根据原稿内容进行文案梳理:

标题是:语雀是什么?首先这是一个疑问句,那么根据文案内容得知,第一句话:「语雀」是一个「专业的云端知识库」,这句话就是对于标题最直接的回答,所以我们将重点内容提炼出来,后续的内容则为具体的描述解释。

10万阿里人都在用的办公神器

2.2 将整体内容一分为三,进行排版设计

后续的内容我们进行下一步的梳理,将内容分为三部分展示:语雀的由来、个体知识库、语雀轻灵美观。

10万阿里人都在用的办公神器

内容简易排版后,接下来我们对标题、文字内容进行细节处理。首先是标题,这里我使用了LOGO+图形+文字的组合效果,并得到以下的样式

10万阿里人都在用的办公神器

其次是内容,这里我使用了:矩形圆角+矩形对角圆角的组合,将两个图形进行组合,并得到以下的样式。

10万阿里人都在用的办公神器

最终我们上述的图形与文字进行重新设计,并最终得到以下的效果。

10万阿里人都在用的办公神器

2.3 对标题进行美化:

这里我们将标题从新进行美化,分别是:添加色块图形元素、添加英语、更改字体(添加阴影)并对副标题进行美化修饰。

10万阿里人都在用的办公神器

2.4 添加页面底部元素:

这里我们将页面内容进行组合,最后给底部添加元素,颜色就炫用LOGO的进行颜色互补(至于制作的方法,利用了矩形+椭圆进行布尔运算,就可以得到想要的效果啦)。

10万阿里人都在用的办公神器

10万阿里人都在用的办公神器

最终完成本页的设计

03.内容介绍页

10万阿里人都在用的办公神器

 

3.1 首先根据原稿内容进行文案梳理:

因为这一页要做成过渡页,所以我将文案进行居中排版,将主标题进行放大,副标题进行缩小处理,文案序数内容置于页面底部。

10万阿里人都在用的办公神器

3.2 添加梯形色块修饰文案内容:

因为这一页要做成过渡页,所以我将文案进行居中排版,将主标题进行放大,副标题进行缩小处理,文案序数内容置于页面底部。同时将文案内容进行反白处理,并添加矩形:圆角、ICON图标来美化修饰文案内容,将主副标题内容字体更改为:腾讯体。

10万阿里人都在用的办公神器

3.3 添加主题图片来丰富页面:

现在页面左右两侧内容太空,我们添加与主题相关的内容图片来丰富页面场景。

10万阿里人都在用的办公神器

3.4 添加页面气氛元素:

整体设计基本完成,由于页面添加了图片,但是图片本身偏暗,所以我们给图片增加一点光效让其看起来更加的具有质感。(这里要注意一点,由于光效只是用辅助页面,并不是页面重点想展示的内容所以切勿用力过猛)

10万阿里人都在用的办公神器

最终完成本页的设计

04.表格

10万阿里人都在用的办公神器

4.1 页面设计想法:

当我看到这个页面的时候,如果还是用常规的美化表格的手法来弄,那肯定会缺乏创意和想法,所以我就在想怎么更好的展现表格的内容,所以我还是从文案入手进行逻辑分析,从文字内容里得知,主要是分为3个层级的产品,分别是:基础版团队、高级版团队、空间版团队,所以这又是一个1分3的页面版式

10万阿里人都在用的办公神器

4.2 将文字转化成页面标签进行展示:

文案内容梳理出来之后,接下来就要想的是如何进行设计,这里我看了网上很多的页面灵感,最终觉得以页面标签的形式来进行表达效果个更好,也更能突出【空间版团队】这款产品。

10万阿里人都在用的办公神器

4.3 绘制图形边框美化修饰文字:

这里我们绘制3个圆角:矩形,然后突出中间的图形变调整色块的颜色,同时我们给文字添加ICON图标进行文字可视化的处理,将重点内容用颜色进行区分,中间的图形用LOGO的颜色进行渐变,最后整体将文字、图形添加阴影处理。

10万阿里人都在用的办公神器

4.4 美化内容标题:

这里我将标题进行二次美化修饰并同时添加点缀元素,让整体看起来更加具有逼格感。

10万阿里人都在用的办公神器

4.5 添加页面底部元素:

这里我们将页面内容进行组合,最后给底部添加元素,颜色就炫用LOGO的进行颜色互补(至于制作的方法,利用了矩形+椭圆进行布尔运算,就可以得到想要的效果啦)。

10万阿里人都在用的办公神器

最终完成本页的设计

本文知识点

1、页面配色可以参考借鉴LOGO;

2、使用绿色进行设计的可以多用相近色进行搭配;

3、适当加入一些光效可以提升页面的质感;

4、页面标题美化修饰很重要;

5、图形、文字可以适当加入阴影可以增加整体的质感(慎用)

感谢你的支持~谢谢

我是柒惟,我们下期见!

------
公众号:柒惟Slide
原文链接:10万阿里人都在用的办公神器

版权声明:柒惟Slide 发表于 2021年4月2日 下午12:27。
转载请注明:10万阿里人都在用的办公神器 | AboutPPT导航

相关文章

暂无评论

暂无评论...