多语言展示
当前在线:953今日阅读:91今日分享:37

应用设计四原则,将拙劣设计变为精良设计(一)

做设计以来,也一直在学习。笔者现在一家网站做设计,广告之类的。今天的这个小教程是关于排版设计的,如何让一个页面更有条理,让人愿意去阅读,更好地去传达信息,而不是让人看了昏昏欲睡,今天先以一个小小的网页广告为例。(为方便演示,图片中人名电话均为随意输入,如有巧合,纯属偶然)
工具/原料

Photoshop,Ai,Cdr。

方法/步骤1
1

这是某个网站上为律师做的广告,看完你也可以了解到相关信息,但是这个广告让人看了不舒服,究竟是哪里不舒服呢,配色不够好,不够吸引人,版面不够精美,信息组织没有条理,很分散。下面我们就来一步步,将这个小广告改为精美的设计。

2

颜色搭配有问题,白色蓝色渐变不舒服,蓝色与黑色不是很舒服,黑色的使用,让蓝色变得很脏的感觉。我们统一蓝色底,用白色和黄色来突出。另外,描边尽量不用,在这个如此小的广告中,描边显得非常繁琐。广告一定要考虑受众,这是律师广告,不能太花哨,专业,严肃,权威一定要体现出来。

3

第一:对比。页面中一定要有对比,有对比才生动。对比什么呢,文字大小,字体,颜色,等等。看看上面的广告,统一都是黑体,大小差别不大。对比一定要明显,10点大小的文字无法与12点大小的字体形成强烈对比,灰色与黑色也无法形成明显的对比。我将大标题字体设为创艺简标宋字体(如果你的电脑没有,可以自行下载)38点大小。六个专业设为微软雅黑字体,大小为14点。

4

第二:对齐。不能哪里有空白,就把元素放到那里,这样只会使页面毫无头绪。在页面中选择一种对齐方式,左对齐,居中对齐,或右对齐,当然,你也可以自由发挥,不过,打破规则的前提是,你知道规则是什么。我在这里用左对齐。

5

第三:重复。重复什么呢,可以重复字体,颜色,如果有需要多个罗列的项目,可以添加项目符号,重复让人感觉到,这是个负责的设计。这里六个专业,可以引入项目符号,让它们更有条理。(如果你不知道那个圆形的项目符号如何打出来,我告诉你:Alt+41457,按住Alt,依次按小键盘的41457)

7

是不是精美多了,专业很多。我们可以给大标题加个下划线,加一些阴影效果,给名字换个颜色,突显出来。

8

到这里基本完成了,对比一下,前后简单几步,版面是不是精美多了。

推荐信息