大家晚上好!小四又来交作业啦!闲话不多说,直接切入正题。
今天的任务仍然是模仿训练,主要是处理大段文字的内容排版,操作难度适中,创意指数一般。接下来,我们先来欣赏一下原稿:
原稿
设计思路概述:
选用思源黑体CN BOLD字体,主题为蓝色,背景为纯白色,形状为矩形,修饰元素为图标。
一、内容分析:
对文字内容进行提炼。通过阅读,我们可以发现整段文字主要讲述了三个方面:整体介绍、八大风格以及现代与传统的结合形式。我们可以将文字内容分为三个部分,去掉不必要的连接词和主语,参考如下:
提炼内容
二、排版布局:
利用OK插件的分割线功能,在页面上绘制横向分割线,然后沿着分割线插入矩形,并删除分割线。这样,整个页面的上下布局就划分好了,参考如下:
分割线的运用
三、插入小图标:
在网站上搜索与正文内容相关的小图标,选择同一类型的图标,如线性图标或面型图标。选择好图标后,进行颜色调整,并给图标添加边框,使其看起来更加整齐。参考如下:
小图标
四、页面雏形:
将图标放置在页面上,然后将文字内容复制过来。注意文字的颜色应与背景色相协调,如背景浅则文字用深色,背景深则文字用浅色。
文字内容
五、视觉效果优化:
为了增强页面的层次感,我们可以给下半部分的文字添加一个白色的矩形打底,并调整阴影的参数。找一张与老年人相关的图片,裁剪到蓝色矩形的大小,并放置在矩形底部,调整透明度。最终效果如下:
视觉化
来看看最终效果与原稿的对比吧:
对比图
:
本次模仿训练主要是提升对文字内容的提炼能力。对于文字内容较多的内容,如果提炼不好,页面就会显得拥挤,没有重点。内容的提炼至关重要!
好啦,今天的学习就到这里,明天再见!
PS: 若是有大神能指点一二,小四感激不尽!