首页>设计师分享>教程详情

如何在网页设计中增加点缀装饰元素

来源:互联网作者:未知编辑:PSDEE教程网

装饰点缀在设计中可以增加氛围,增强设计感,那么在网页设计中如何点缀呢?一起来看看吧!

一、点缀元素的存在形式

一般来说,点缀元素的存在形式其实是多种多样的,比如光束/光斑/水花等等各种大自然的事物还有各种形式的图案都可以作为点缀元素出现,而世间所有的物体其实都可以想象成是点/线/面,简而言之,所有的点缀元素的运用都可以视作平面构成里的点或线或面的运用。

下面我给大家举例说明一下点缀元素的存在形式:

(1)商品本身既是主体也是点缀元素

(2)手绘图形作为点缀元素

(3)光斑作为点缀元素

(4)色块作为点缀元素

(5)各种液体粉末等作为点缀元素(喷溅的墨/奶/水/啤酒等等)

(6)烟雾作为点缀元素(图片来自站酷设计师灰昼)

(7)各种纹理图案作为点缀元素

(8)人作为点缀元素(摄影里常用到,路人甲乙丙丁作为主角的陪衬)

(9)logo或文字作为点缀元素

二、点缀元素的获取方法

(1)元素提取法

举例:模特本身头顶戴的花环,与背景那些花花点缀是相互呼应的,在一个和服的颜色跟背景那些花花的颜色也相互呼应。

网页设计点缀元素的获取方法

举例:产品本身事编织棉麻制品,所以可以提取这些跟产品的材质相关的元素作为点缀元素运用在画面。

网页设计点缀元素的获取方法

(2)联想发散法(从标题/意境/风格/产品等方面去联想发挥)

举例:从标题的字面含义或者深层含义去联想,比如下面的彩色颜料还是油漆点缀是跟标题的“炫动色彩”文案相呼应的。

网页设计点缀元素的获取方法

举例:从风格统一性去联想,比如下面这个banner是剪纸风格的形式,所以背景那些点缀花花也是剪纸的,而不是其他样式的花花。

网页设计点缀元素的获取方法

举例:从意境方面去联想,比如下面这种可爱的banner常常会运用到手绘简笔画等点缀元素,至于画什么内容,就完全凭自己的想象力啦

举例:从产品方面去联想,比如下面的卖雨具的banner,自然而然会联想到跟产品相关的雨滴对不对?所以刚好可以把雨滴作为点缀元素。

网页设计点缀元素的获取方法

再比如我们常看到一些果汁饮料/护肤品/化妆品/香水等这些跟人的嗅觉味觉相关的产品,最最喜欢运用的就是依据产品的特点和功能去联想发挥了,比如把产品的原材料或者产品本身作为点缀元素来渲染氛围,因为味觉嗅觉都是比较虚的东西,但是转化到视觉层面就可以给消费者很直观的感受啦,给人一种身临其境的感觉。

相关教程推荐
热门教程推荐
热门搜索(看看大家都在搜什么)
眨眼 发光 字体 海报 抠图 夜景 去水印 辉光 调色 样式 证件照 泡沫 合成 形状 磨皮

手机访问:M.PSDEE.COM/电脑访问:WWW.PSDEE.COM