Hello,大家好,见字如面,我是常小二。
今天为大家分享一份机器人制造行业宇树科技的一份产品介绍PPT,下面就把本次作品进行拆解和复盘,分享关于作品的设计思路。
进入正题
以下四页原稿,内容涵盖了封面页、多项页、图文页以及多段页的四种排版,也属于产品介绍中的典型页面。
了解一个品牌或是行业,可以从官方渠道或设计网站,总能收获到很多值得参考的点,从而来建立色系,配图风格等等。
字体方面,HarmonyOS Sans系列、Krona One作为标题和内页描文字。
接下来,我们一页一页来还原制作过程。
根据封面的文字内容和灵感构思,面对较少文字的封面就可以将内容进行场景化。
第一步:将字体更换为规范字体,放大产品名称,对比突出。
第二步:将原稿背景图中的机器人单独抠出放在顶层,并将原背景图适当透明处理,同时在左侧叠加一层渐变色块,让整体画面更加柔和。
第三步:最后通过形状线条,以及底部的风雪元素来增强画面质感。
封面页终稿:
多项内容排版也是排版中经常遇到的一种类型,往往一个页面会放多项内容。
第一步:延续背景风格,放大产品主题图,同时利用色块来规范参数内容。
第二步:细化参数内容板块,利用线条以及改变数据的字体和字号来放大突出内容。
第三步:最后在画面背景中叠加一些梯步形状来连接产品图,简洁大气。
多项页终稿:
图文页排版也属于常规页面之一,一般页面中有单张或多张图片配合单段或多段文字叙述。
第一步:同样先将原稿内容放入风格中。
第二步:重新在官网找到2个板块的配图(已抠图处理)。
第三步:最后利用形状和素材的结合来让图示展示更加清晰明了,场景感有了。
图文页终稿:
内容常见的,有一段、三段、四段内容的,一方面需要对内容版块做信息提炼,另一方面需要做风格延伸。
第一步:将内容置于左侧对齐排版,加入色块作为容器,同时加入相关的背景图片满铺在页面中。
第二步:在背景图层上加入一层渐变形状来让左侧内容更加聚焦,同时抠出原图中的机器狗叠在顶层,最后在机器狗的下层添加一层白色光影素材来弱化背景中的杂色,搞定。
多段页终稿:
111
厉害
111
111
👍
QQ弹弹