大家好,我是柒惟Slide
你们熟悉的柒惟又回来了~(数着日期又有20天没更新推文了….我的错 ┭┮﹏┭┮ )这次我带着崭新的作回来见大家了,必须安利上!复盘走起《 携程 ——全球领先的一站式旅行平台》
接下来我就带大家回顾下本期作业的设计思路
首先带大家看一下本期作业的原稿;
1.1 首先根据原稿内容进行简易排版;
1.2 根据页面重点内容搭配场景图片;
我们可以在百度、必应、微信搜一搜等途径搜索相关的图片。
1.3 将文案与图片进行融合;
这里我们先将图片插入到页面中,完成初稿样式。
但是做到这里之后不知道你是否能发现页面当中的几个小问题呢?
问题包括:字体、颜色、页面太平没有层次感、LOGO
1.4 更换标题字体;
经常关注我公号的小伙伴一定知道,我个人是非常喜欢阿里巴巴普惠体,作为一款商业免费字体实用性非常高,这里我将标题更改成阿里巴巴普惠体H 。
更改字体:阿里巴巴普惠体H
更改字体颜色:与LOGO颜色进行上下呼应
更改字体样式:给字体添加白色轮廓线
给字体添加文字阴影效果
1.5 页面太空补齐内容:
当我们遇到文字内容较少的时候,可以添加英文来补齐页面空间。
给页面添加英文内容
给英文添加图形色块并添加渐变与LOGO色调进行呼应
给字体添加图形修饰效果
1.6 给页面添加图形增加层次感;
通常我们在做封面设计的时候会考虑页面层次感,那如何通过PPT本身来解决这个问题?其实我们只要添加图形与人物形成一个穿插效果就可以完成。
这里我们先将图片进行抠图处理(这里可以用PS、凡科快图、顽兔抠图、PPT等多种方法进行处理)。
添加图形长方形+椭圆形(布尔运算进行处理)
将扣出来的人物图片置于顶层
1.7 调整页面细节;
整体设计完成接下来就是调整页面的细节,我们发现左上角的LOGO看的不是很清楚,我们只要将在左上角添加一个白色的图形渐变即可解决。
最终完成本页的设计
2.1 对大段多文案内容进行逻辑拆解;
遇到这样的页面我们只要保持一个原则就好:文案逻辑拆解;
对大段文案进行内容提炼
对文案内容进一步提炼
2.2 添加色块图形将页面内容一分为二;
2.3 更改字体颜色,并将重点内容用色块进行突出;
2.4 给重点添加ICON图标;
2.5 根据文案内容和主题添加样机;
根据封面主标题一站式旅行平台,携程又有APP所以这里选择添加样机效果更为贴切,这里我们先截一张APP的长图然后添加到PS样机里面。
2.6 将结论内容转化为金句;
为了避免样机过于单调所以这里添加了一个曲线线条,并将结论内容转化为金句。
最终完成本页的设计
3.1 根据文案内容提取重点;
谈到这一页,我个人其实是有不同的想法,一般来说这页是一个1分5的页面(一标题5内容),我们可以选择环绕式、横版进行排版。
提取重点内容并进行简易排版
3.2 根据内容搭配图片;
这里我们根据文案内容:以客户为中心,找了一张客服服务的照片来进行呼应,所以并没有采用环绕式、横版的思路来进行排版,而是采取了最普通的左右排版。
3.3 美化重点内容;
这里我使用了:矩形方形+矩形:圆角对角的两个进行融合,将重点内容进行突出。
3.4 调整页面字体颜色;
然后英文这里我将首字母进行颜色突出(采用LOGO的色彩搭配方式)。
3.5 美化修饰标题文字;
这里提供一个自己的理解,就是不要将整个页面的字体颜色都使用LOGO色,如果都是统一色调反而看不出来谁是主次内容。
3.5 添加页面气氛元素;
最后我们对标题进行美化修饰,通过图形+线条进行美化点缀。
最终完成本页的设计
4.1 将LOGO进行反白处理:
对于LOGO页来说,通常的设计方法有两种:一、添加图形色块 二、讲企业LOGO融入图片场景;一共有8家企业,最后一行少了一家我们可以添加文字进行补充,所谓元素要统一保持平衡杆。
添加图形色块并将LOGO进行反白处理
4.2 添加样机进行页面搭配:
这里的想法还是跟第二页一样,只不过我们换另外一种样机进行展示如果每页的元素都一样,那么页面之间的过渡性就很差。
添加手机样机形成场景氛围感
4.3 页面单调添加企业LOGO和图形:
上述操作完成后会感觉页面整体稍有单一,所以我想到了先添加企业LOGO,然后在添加世界地图(这里要注意页面内容主次关系,所以要弱化不必要的内容)。
添加企业LOGO并进行渐变处理,同时添加世界地图(点状图)
4.4 美化修饰页面标题:
最后我们对标题进行美化修饰,通过图形+线条进行美化点缀。
美化修饰标题并最终完成本页的设计
以上就是关于本次作品的回顾,感谢大家的支持~谢谢
——
公众号:柒惟Slide
原文链接:当你使用好企业LOGO配色,没有人不会爱!