大家晚上好呀!小四今天又来交作业啦!废话不多说,直接进入正题。
今天还是模仿训练,主要是对大段文字的内容排版,操作难度小,创意指数一般,下面先上原稿:
原稿
具体的设计思路:
整体规划:字体-思源黑体CN BOLD ;主题色-蓝色;背景色-纯白色;形状-矩形;修饰元素-图标。
具体操作:一、 内容分析:
首先提炼文字内容,通过阅读不难看出,整段文字主要讲了三个方面的内容,首先是对整体介绍,其次是八大风格,最后是现代与传统的结合形式。所以可以将整段文字分为三部分,删除不必要的连接词和主语,参考如下:
提炼内容
二、 排版布局:
利用OK插件的分割线的功能,点击右下黄金线,页面将出现下图右上角图片所示,然后沿着横向分割线插入矩形,将分割线删除,整个页面的整体上下布局就划分好了,参考如下:
电脑分割线的运用
三、 插入小图标:
在网站上根据正文中的关键信息搜索相应的小图标,选择小图标的时候一定要选择同一类型,比如选择线性图标,那么所有的图标都选择线性,如果选择面型,那么所有图标都选择面型。图标选择好后,对图标进行颜色改变,此外,为了让图标看起来更加的整齐,我还给图标加了一个边框。参考如下:
小图标
四、 页面雏形:
将图标放到页面上,然后文字内容一并复制过来,注意文字的颜色,背景浅的部分,文字用深色,背景深的部分,文字用浅色。
电脑文字内容
五、 视觉效果优化:
现在的页面整个看起来会比较平,没有层次感,所以给下半部分的文字加上一个白色的矩形打底,调整阴影的数据(颜色黑色、透明度40、大小90、模糊度45、角度90、距离20);然后照一张跟老年人有关的图片,将图片裁剪到蓝色矩形的大小,并放置在矩形的底部,矩形的调整透明度30。最终效果如下:
视觉化
来看看最终效果与原片的对比吧:
对比图
总结: 本次的模仿训练还是对文字内容的提炼能力,对于这种文字内容比较多的内容,如果提炼不好,内容不够简洁,没有重点,整个页面也会显得比较拥挤。所以内容的提炼真的很重要很重要很重要!!!
好啦,今天的学习就到这里,明天再见~
PS: 各位大神若电脑是下凡游历,有幸能得大神指点,感激不尽!!!!!!!!!
电脑