网页设计中的水彩风格模式详细解析

所属分类: 平面设计 / 平面其它 阅读数: 1484
收藏 0 赞 0 分享

通过添加一些最近正流行的水彩风格趋势元素到你的网页设计中可以提升整体设计的艺术感。水彩风格是一种很受欢迎的设计类型选择,因为它们很有趣,易于使用,并且可以搭配各种不同类型的内容。

水彩风格可以通过多种表现形式来强调和突出你的内容。无论你是正在考虑为你的网站设计添加水彩元素,还是只是想要尝试这种风格,我们都有一系列的想法、示例和资源来帮助你如何开始这项工作。

1.明亮的以及轻的

水彩风格的一大优点就是,你在画布上,通过“画”的方式可以决定元素的光线或明暗度。试着先尝试一个“薄”的层面,这种明亮轻盈的风格可以让人感觉开阔透明,从而使得体验更舒适。

使用一些小技巧,通过寥寥几个笔就可以在你的网页设计中添加一个全新的维度。例如,在Blocks应用程序的网页设计中,它通过使用一些可爱系列的色板来填充页面上已有的有趣的插图。水彩溢出线条之外,使得色彩更加能够吸引眼球,并可以立即引起你的注意。这是该公司在整个网站设计中使用的一种风格,从在一些标志元素中使用水彩色,再到一些背景中使用异想天开的绘画元素,该站点通过这种方式和用户之间创建了一个很好的主题。

2.异想天开

水彩风格往往具有异想天开的感觉——虽然不一定每次都是这样。在设计中通过不同使用画笔笔触的方法可以营造不一样的引导感、动画或其他微妙的效果。

Lighthouse brewing在其网站设计上使用更暗,更完整的尖头图案,通过屏幕上动态的海洋和船只,让人有一种随波逐流的感觉。动画随着鼠标下滑继续滚动,最终的标志随之变成具有水彩感(与整个网站的背景一样)。这个设计要说明的是,你可以突破你对水彩的想法,创造出一些有点意想不到的风格。

3.艺术

用水彩画展示你的内在艺术,通过类似于手工绘画的方式,创造出一个完整的网页设计。虽然这可能不适用于每种类型的网站,但这对于一些设计师来说是一个有趣的选择(也是让创意源泉流动的好方法)。水彩场景可以使设计在用户的感觉上显得独一无二和别有用心,因为艺术是为内容而制作的,而且似乎是手工制作的。

Collette Dinnigan的网站设计提供了一个美丽的水彩画背景。虽然你可能不会立即想要在一个网站上大面积的使用水彩画风格,但是这是一个有趣和新鲜的选择(特别是对于将绘画融入其作品的人)。

4.搭配一些有趣的字体

由于水彩本身缩具有的淡淡的性质,这种风格对于那些有趣的或不寻常的字体来说是一个奇妙的表现。使用更轻的颜色和图案,同时选择更薄的较轻的字体,或者使用厚厚的大胆的笔触,配合那些更深,更饱和的选项。

在上面Koa的网页设计中,许多网站图像使用了石灰色的水彩背景和相同风格的提示。类型选择包括一个有趣的手写风格字体,草图以及搭配轻调的调色板。额外的无衬线字体将所有东西都拉到了一起,同时,也将所有的直觉汇聚子啊一起。水彩画在设计中最好的用途之一是绘制一张地图。

5.使用水彩

现在我们已经在网站设计中看过水彩风格的几种用途了,我想是时候在项目中使用这种风格了。你可以使用水彩元素作为项目的主要审美元素,或将水彩风格与其他元素相结合,这仅仅是一个趋势。诀窍在于使用它并匹配其内容。

以下是开始使用水彩风格的几种方法:

· 尝试在一种字体上使用它;

· 创建一个模式;

· 使用水彩风格的背景;

· 将水彩作为艺术风格的主要视觉形象;

· 创建一个水彩元素的标志。

有一些设计项目类型也适合这种风格:

· 为孩子们设计的项目;

· 活动工作;

· 记录日期;

· 组合型网页设计或偏艺术的网页设计。

这里还有一个使用水彩风格的技巧:如果你有一张需要更新的照片,请使用水彩过滤器给它一个新的外观和感觉。这个小小的变化可以帮助你充分利用你已经拥有的东西,同时给予设计一种更新,你不必担心会大幅改变调色板或任何其他设计元素。

6.水彩资源

现在你可能正在认真考虑水彩风格是否将要成为你网站设计中的一员了,也是时候开始了。如果你不确定有关绘画的东西(这个过程可能很有趣)或者你可以在设计软件中先创建一个水彩大纲,有很多资源可以帮助你开始,只要你善于收集和总结。

我觉得,关于水彩趋势的最大的优点之一是它鼓励你思考艺术。

即使你不是特别喜欢水彩的趋势,这种风格是创造性思维的一个很好的锻炼。所以浏览一些有关的网站设计,想想如何融入一个水彩的感觉,并得到启发与你以前没有尝试过的技术。

更多精彩内容其他人还在看

平面设计中色彩搭配技巧与理论分析

在做平面设计的时候,颜色搭配很重要,该怎么掌握色彩搭配技巧呢?下面我们就绕着「色相」这一变量展开,主要和大家一起分享有关色彩研究的专业术语、以及心理现象,需要的朋友可以参考下
收藏 0 赞 0 分享

LOGO设计中的常见误区和LOGO设计思路及流程全面解析

本教程将为大家全面解析LOGO设计中的常见误区和LOGO设计思路及流程,主要介绍LOGO设计中的一些常见套路和设计思路以及一些方法,理清思路,LOGO设计没有你想象的那么难
收藏 0 赞 0 分享

每个年轻平面设计师都需要知道的10件事

每个年轻平面设计师都需要知道的10件事分享给那些刚入门的新手设计师, 这10件事包括别让设计成为黑匣子,融入团队,提早获得反馈,负责到底等
收藏 0 赞 0 分享

淘宝活动页面设计思路 从0开始全面解析

淘宝活动页面设计思路,从0开始全面解析分享给脚本之家的各位平面设计学习者,内容主要分为什么样的页面算得上是活动页面,量身定制适合自己店铺的活动页面和案例解析三大部分
收藏 0 赞 0 分享

一个好的用户界面设计应该注意的75个原则

一个好的用户界面设计应该注意的75个原则分享给脚本之家的各位平面设计学习者,这些用户界面设计原则主要是1. 使用单栏布局代替多栏布局,2. 使用礼品诱惑代替生硬的推销,3. 合并重复的功能避免分散等等
收藏 0 赞 0 分享

可能毁了你内容的7个必知设计错误

一些设计错误可能会破坏你的内容,导致用户放弃继续停留在你的网站,或失去对你提供有用信息的信任感。如果你不及时修正可能很难恢复他们对你的信任,下面为大家介绍可能毁了你内容的7个必知设计错误,来看看吧
收藏 0 赞 0 分享

6种独特的网页导航设计模式分享

如果你的网站是更加偏向实验性的小网站,有趣而好玩的导航模式,反而更适宜于用户探索。不同的导航模式对于网站的影响不尽相同,针对不同的内容、不同的用户,你需要仔细挑选导航模式,下面为大家分享6种独特的网页导航设计模式,来看看吧
收藏 0 赞 0 分享

交互设计师如何说服产品经理取消底部的导航栏?

最近设计了一款产品,我将线框图给交互设计师,后来交互给我的原型与我之前给他的线框图差别很大,交互说从用户体验的角度应该这么设计,并坚持自己的想法,所以今天想要大家介绍交互设计师如何说服产品经理取消底部的导航栏方法,来看看吧
收藏 0 赞 0 分享

设计师必看:2017年设计师最应该掌握的设计方法

学习新事物永远都不晚,尤其是在设计领域。时时学习、进步,你将成为设计领域下一颗闪耀的新星。下面为大家介绍2017年设计师最应该掌握的设计方法,来看看吧
收藏 0 赞 0 分享

如何进行个性化设计呢?25个经典案例解析个性化设计的奥秘

如何进行个性化设计呢?Aarron Walter便掌握了这门艺术,他在Smashing杂志中谈论了个性化设计如何与用户和消费者产生持续联系,他强烈建议设计师“把个性融入设计的核心内涵中”,并分享了适用于产品和品牌的个性化设计技巧
收藏 0 赞 0 分享
查看更多