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

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

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

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

1.明亮的以及轻的

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

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

2.异想天开

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

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

3.艺术

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

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

4.搭配一些有趣的字体

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

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

5.使用水彩

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

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

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

· 创建一个模式;

· 使用水彩风格的背景;

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

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

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

· 为孩子们设计的项目;

· 活动工作;

· 记录日期;

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

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

6.水彩资源

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

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

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

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

年后求职必备!UI设计新人常见的7个简历制作要点

当你的简历写完以后,是不是能够在十秒钟内看完所有你认为重要的内容呢?就业专家认为,一般情况下,简历的长度以A4纸1页为限,简历越长,被认真阅读的可能性越小,下面小编就为大家介绍UI设计新人常见的7个简历制作要点,来看看吧
收藏 0 赞 0 分享

如何运用基础的色彩三要素?

说到色彩,优设一直在跟上潮流,比如2017年的潘通流行色,刚发布不久,优设就有了相关的介绍和运用方法,今天我教你如何运用基础的色彩三要素,有需要的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

真正的新用户引导应该怎么设计呢?

新用户引导(Onboarding)这个词本是人力资源领域的术语,不过现在已经被UI/UX领域借用过来,指的是帮助刚刚注册网站/APP的新用户熟悉产品到流畅使用的引导流程,今天的文章,我们来聊聊新用户引导的设计
收藏 0 赞 0 分享

学习方法和思维方式解析如何快速提升设计

做设计这个行业拥有天赋的人很少,大多都是通过有效的学习手段进行提升,盲目学习是不行的,这里就是要提到一个人是否有正确的学习方法了,有的人进步很快,有些人很慢。这里我分享一些自己的学习方法和经验,希望对你们有用
收藏 0 赞 0 分享

设计师容易忽视或处理不好的七大设计细节

我在刚刚做设计的头三年经常会犯各种各样的错误,有些错误现在稍不注意还是有可能会犯。下面小编就为大家介绍设计师容易忽视或处理不好的七大设计细节,来看看吧
收藏 0 赞 0 分享

平面设计师在面试期间的技巧全揭秘

对于设计师而言,作品就是最好的嘴巴!它会在你面试的时候去帮你诉说你的想法你的设计思路,还有你的设计风格!下面小编就为大家揭秘平面设计师在面试期间的技巧,一起来看看吧
收藏 0 赞 0 分享

如何设计一款字体标志?字体标识制作一些经验和见解

在标志设计中文字与图形元素总是紧密配合,只有恰当的字体与图形搭配时才能发挥最大的视觉效果。那么如何设计一款字体标志?下面小编就为大家分享字体标识制作过程中的一些经验和见解,来看看吧
收藏 0 赞 0 分享

3分钟出成品 零基础字体设计过程解析

今天小编为大家分享一个很不错的教程,只需3分钟即可出成品,即使是零基础,也能学会。推荐到脚本之家,有需要的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

实用:易拉宝设计的流程和思路

今天为大家分享易拉宝设计流程,教程真的很实用,介绍地很详细,非常值得大家学习,推荐到脚本之家,感兴趣的朋友可以参考本文,希望能从文中得到一些启发
收藏 0 赞 0 分享

字体性格:字型通过哪些变化影响到人的视觉感官

这篇教程是向脚本之家的朋友分享字型通过哪些变化影响到人的视觉感官教程,教程很实用,主要是向大家介绍字型基本气质,来看看吧
收藏 0 赞 0 分享
查看更多