雄商科技,用心创造名牌!真正落地的网络营销专家!雄商科技,用心创造名牌!真正落地的网络营销专家!

真正落地的
网络营销专家!
400-15-91580
SEO运营干货
雄商首页 / 营销型网站建设 / 工欲善其事必先利其器(二) - 你有自己的style吗?

工欲善其事必先利其器(二) - 你有自己的style吗?

作者:小狮子 发布时间:2018-01-05 浏览量:105 文章来源:雄商科技官网

小狮子在和老板们沟通如何打造自己的营销型网站,常会聊到网站风格,往往出现疑问--如何才能快速理解“风格”并认知到自己的产品适合怎样的style?

 

总结:

1、找准行业主色系—定位网站基础色调

2、找准行业/产品/服务相关的图形—定位网站使用二维还是三维设计

 

是不是特简单,老板们再也不用担心不会看设计好不好了,设计师立马有了明灯,再也不用担心找不到设计方向了。

 

小狮子查阅了很多17年设计风格、18年设计趋势总结类的书籍和帖子,总结出可供非技术出生的老板们参考,技术出生的老板们完全可以当做一个庞大的灵感库,时不时拿出来看看也是极好的!

 

17年使用过的设计风格

01. 半扁平化设计

过去纯粹的扁平化设计几乎统治了整个网页设计市场,但今年由于具体化设计的影响,今年的网页设计会变得更加趋向于立体化。这种转变将体现在一些光和阴影的运用,成为所谓“半扁平化设计”。扁平化设计的兴起是为了适应现代科技推崇的极简化设计风格。扁平化设计仍会存在,但已不再被大量发展并使用。适量渐变阴影的使用将会在保留其简约风格的基础上使扁平化设计更加复杂和写实化,这将会是融入2017年设计趋势的一个特点。1.jpg2.jpg3.jpg

 

02. 动态照片

所谓动态照片不是我们在各网站上看到普通的gif图,而是一张静态的照片,其中有一个动态的元素。这项技术让一张普通的照片有了一些生气和活力。

4.gif5 (1).gif

03. 更多3D

3D元素绝对是今年的主力,我们很快会看到它更多的出现在所有的设计领域里。时下VR技术势头正猛,3D设计元素可能会快速融入我们的生活。

6.jpg1515131500128285.jpg1515131560649665.jpg9.jpg

04. 动画效果

动画效果已经越来越多的以各种形式出现在网页设计上,诸如gifs, SVG, WebGL CSS 或小视频。动画形式绝对是去年的最主要的趋势之一,所以请果断的使用它。

10.gif11.gif12.gif13.gif

05. 几何图形、纹样、线条、圆圈

该趋势始于2016并且延续至2017也风头不减,你可以通过几个简单且时髦的几何形状就让你的网站个性化起来。可以使扁平化的或者有浅浅的阴影。

14.jpg15.jpg16.jpg

06. 大胆配色

亮眼的配色能彰显个性,无论实体化或扁平化设计都能与之完美融合,你可以用谷歌的色版来安排自己喜欢的配色。

17.jpg18.jpg19.jpg20.jpg

07. 创造性的视觉角度动态图

这样元素的加入能让你的网站瞬间变的独一无二,通过多角度的图层或者多角度拍摄的影片来完成,可以用来拍摄任何事物。

21.gif22.gif

 

08. 渐变色

渐变色是时下最主要的流行趋势之一,始于2016且势头至今有增无减。像Instagram这样的业界大拿甚至将其logo由扁平改成了多颜色渐变。从logo到按键和图片,渐变色的潮流已经无处不在。

23.jpg

 

那么18年的设计趋势是怎样的呢?

小狮子同样总结了一些供大家参考

 

01. 几何图案与全屏背景图相结合

24.jpg25.jpg26.jpg

全屏背景图的设计,是最受欢迎的背景风格之一,利用大图将用户的视线集中是最合适不过的了。在多数情况下,利用全尺寸图像作为主页的背景,文字和导航菜单,CTA按钮或信息等会布置在图像的顶部。

如果想实现更有趣的视觉效果,我们可以在图上使用重叠几何图案的技术。设计师可以添加各种各样简单的样式和形状。

做好这项工作,就要记住目的是利用几何图案。视线集中的几何图案重叠的部分,如果能促使用户进行特定的行为就更好了。在黑色或黑暗系等沉重的背景之中加上颜色,将会起到非常棒的引导视线的作用。

02. 灰色的运用

27.jpg28.jpg29.jpg

加入少许灰色,你可以很轻松的在网页上实现简约风格。作为平凡的白色背景的代替,在背景上加入淡灰色的网页正在逐渐增加。

灰色背景最棒的地方就是:不管色彩多么丰富,不管是暖色还是冷色的图片都能很好的表现出来,在品牌颜色或图像周围使用灰色与之调和也能给人留下不错的印象。还有,在平面的色彩上使用淡黑的灰色作为阴影也是很不错的。(如图2)

不管你选择怎样的颜色与灰色配合,你都要记住他们的工作都是帮助用户去感受颜色。例如上述中的例子 Paul Valentine ,与淡粉色相组合给人一种柔和的印象,而投资组合网站 S.Dallyn 则表现出一种现代的氛围。

03. 重叠鲜艳的色彩

30.jpg31.jpg32.jpg

在图层上重叠几何图案作为背景,使用色彩元素也可以实现相同的效果。选择鲜艳的配色,对于背景设计来说可是非常大胆而又独特的。

通过这些颜色的背景,将用户引导至设计全体,添加了具有视觉效果关注点的同时创造出了留白空间,能够达成一举多得的效果。

04. 采用非对称的设计

33.jpg34.jpguisdc-web-20170212-12

让我们不使用网格来布局吧。(或者至少尝试一下调整为左右不对称。)

背景设计并不需要完全的对齐每一个要素、图案。此外,他也没有必要是纯色或者图案。

将网页设计所需要的要素组合起来,围绕左右不对称来平衡它们。例如在上述案例 Nap Luxury GuestHouse 中,画面被整个背景图所充满,仅在右侧留有少许留白。还有在 CMMNTY 中,文字文本破坏了空白空间的平衡,将用户的视线强制性的转移到文字上来了。还有在 vase 这个案例中,在特大的商品图案上,仔细斟酌文字文本放置的位置使得设计整体十分出众。

05. 抽象效果与抽象艺术设计

36.jpg37.jpg38.jpg

在做背景设计时想法有时也会不切实际,在那种时候就来试试抽象设计吧。颜色、形状、和一些小花样而组合起来,表现出与别人不一样的有趣的视觉效果。

在做网页设计的时候,与其他的作品有着视觉上的差异是非常重要的,引起用户的兴趣抱着“这是什么?”这样的想法来点开网页是必要的。设计与别人相似的情况下,用户也没有什么理由来访问你的网站了。

将看起来漂亮的设计时刻挂在心上。将有魅力的文字一起组合起来,去享受设计的乐趣吧。大胆的将尝试别人所有没有使用过的有趣的想法运用到实践中吧。

 

下一篇小狮子将会和大家一起剖析:

工欲善其事必先利其器(三) - 策划网站的路线


本文关键字: 营销型网站建设

营销型网站建设推荐

热门标签>>

推荐案例>>

建站咨询 售前咨询 售后咨询
关注雄商

关注雄商

免费咨询热线

400-159-1580

返回顶部
展开
Copyright © 雄商网络科技(上海)有限公司

您好,陈先生

贵司的网站已启动,正在设计阶段

欲了解更多信息,请致电:400-15-91580
了解建站流程>>