老板说:​“做科技风一定要有光!”

改稿复盘2年前 (2022)更新 愚人说P
1,451 0 1
老板说:​“做科技风一定要有光!”
嗨,大家好,我是愚人说P的Crush。
老板说:​“做科技风一定要有光!”
首先,思考一秒钟,当你拿到这些页面的时候会如何修改呢!
….
….
….
好,思考时间到。那接下来呢,给大家分享下我的设计思路。我一共做了两种不同的风格。
风格一:是在原稿的风格上继续优化,是一种精致典雅的风格。
老板说:​“做科技风一定要有光!”
但是相对来说,我觉得科技风更酷,大家也更愿意看。
老板说:​“做科技风一定要有光!”
所以本次推文呢,我会以科技风为主,向大家介绍我的设计思路。
首先,定基调
一般在制作科技风的时候,我常用的配色是青色加蓝色。这里呢,我还再加入了浅紫色。因为是华为的案例,因此字体上可以都使用华为的鸿蒙系列字体,并且开源免费商用。
老板说:​“做科技风一定要有光!”
01.
第一页
 
老板说:​“做科技风一定要有光!”
原稿的背景色彩还是挺大气的,就是文字的修饰不是很够,首先处理下文字,让其文案的层级更加的明显,主副标题都使用不同粗细的华为出厂字体。
老板说:​“做科技风一定要有光!”

我们寻找一张氛围比较足的深色页面,添加上去。

 

老板说:​“做科技风一定要有光!”
结合选定的色彩搭配对文字修饰一下,主标题可以叠加一层错位,让其有立体的感觉,副标题可以添加科技感比较足的边框,同时搭配光效。
老板说:​“做科技风一定要有光!”
此时整体还是有些单调,原稿众字有强调的意思,那么众字可以结合原意加入插画进去,同时底部也可以添加上粒子之类的元素修饰一下。

老板说:​“做科技风一定要有光!”
两边还有点空,我们可以用由中心发散的版式,可以在四周添加线条和图标之类的修饰元素填补空缺。
老板说:​“做科技风一定要有光!”
老板说:​“做科技风一定要有光!”
整体看起来比较OK了,但是还差一点点感觉,最后我们再来点灵魂的小动画。
老板说:​“做科技风一定要有光!”
你看,这感觉立马不一样了吧!换一种色彩,也可以做成这样:
老板说:​“做科技风一定要有光!”
02.
第二页
 
老板说:​“做科技风一定要有光!”
原稿看起来不够精致,甚至有些地方还没有对齐!
老板说:​“做科技风一定要有光!”
首先我们先对内容做好处理,该对齐的对齐,该划分层级的划分层级。
老板说:​“做科技风一定要有光!”
其次给它去掉背景,换上我们设定好的背景,并沿用封面标题的色彩与形式,加上小细节,让光效和数字有一定遮挡。
老板说:​“做科技风一定要有光!”
仅仅是文字的话还缺少可视化,因此可以为对应的英文添加相关图标,增强可视化。
老板说:​“做科技风一定要有光!”
虽然整体氛围差不多了,但还可以加入一些边框使其更加的精致,进一步增强页面的美观度,因此我们可以再给每个内容添加上线框,图标也可以上一些色彩。
老板说:​“做科技风一定要有光!”
最后合并完成并可以为其添加上动画。
老板说:​“做科技风一定要有光!”
图标也可以这样放,都是可以的。
老板说:​“做科技风一定要有光!”
当然换种颜色也可以做成这样。
老板说:​“做科技风一定要有光!”
03.
第三页
 

老板说:​“做科技风一定要有光!”

Emmm, 这个页面看着头都大了,而且还是纯图片。

梳理文案之后,原稿想要突出的是现在的人接收信息量很多的意思,因此我们可以思考一个由中心发散的结构去设计。

首先,我们挨个规整好每一个信息模块,同时为其添加上图标。

老板说:​“做科技风一定要有光!”

然后为每一部分叠加一个载体,让它每一个模块的区分度够明显。

老板说:​“做科技风一定要有光!”

两种载体是这样组合而成的,主标题的载体进行了一定的沿用。

老板说:​“做科技风一定要有光!”

但是仅仅摆放工整不能体现出信息内容由中心发散的感觉,因此还需要进一步优化,那么就可以运用合理的版式,去实现我们的想法,版式可以运用这样的形式。

老板说:​“做科技风一定要有光!”

我们只需要将中间的圆给替换成正方体就成,有了思路就可以再次动手,我们将内容依照大小不一挨个放上去,就可以得到下面的样式。

老板说:​“做科技风一定要有光!”

但是中心内容还显得比较单调,我们还可以再加一点修饰:渐变半调粒子,并为其添加上动画。

老板说:​“做科技风一定要有光!”

是不是还可以呢,当然换成金色风格也可以做成这样:

老板说:​“做科技风一定要有光!”

不知道大家更钟意哪个风格呢?。

 

04.
第四页
 
老板说:​“做科技风一定要有光!”

这一页是名词解释页,原稿做的还是很好的就是整体还不够精致,我们可以先对文字部分进行处理,沿用前面的标题样式,做一个错位。

老板说:​“做科技风一定要有光!”

副标题部分可以加入两个平行四边形和线条去修饰一下,做一个载体。

老板说:​“做科技风一定要有光!”

右边部分重新选择下图标,添加渐变圆做载体并加入光效,底部添加上光晕,让他看起来有种悬浮的感觉,如果觉得页面单调,还可以在大图标的周围加入其他小的图标,看起来更有错落感。

老板说:​“做科技风一定要有光!”

老板说:​“做科技风一定要有光!”

右上角也可以加入半调粒子填补下空缺,齐活。

老板说:​“做科技风一定要有光!”

最后再添加一点点动画。

老板说:​“做科技风一定要有光!”

好了,今天的内容就到这里了。我们再来整体回顾下。

老板说:​“做科技风一定要有光!”

对比一下,你更喜欢哪一种类型呢,欢迎大家点赞留言。

——
公众号:愚人说P
原文链接:老板说:​“做科技风一定要有光!”

© 版权声明

相关文章