这是一年中每个人都开始思考如何给自己的网站设计注入“新生命”的时候。新一年、新决议以及新的设计趋势。
虽然我们不能确定2017年网站建设工作的最大概念是什么,但从去年的总结以及今年年初一段时间的发展展现的苗头来看,还是有一些可以参考和借鉴的指标的。去年在设计上面的流行趋势经常给我们指明一些将会发生变革的东西。其中有一些是讨论有关设计设备驱动的话题的,而其他的则是总结我们在过去看到的和做过的一些东西。无论哪种方式,新的一年是一个回望过去,思考当下的过程,设计师们需要在一年之初,就开始思考你计划今年尝试什么新的设计元素。
1.更多的使用衬线体
地址:http://byassociationonly.com/
地址:http://www.quantagroup.co.uk/
是时候翻过Helvetica这一篇章开始新的字体章节了。2017年,一堆新的字体即将接管主页。由于在之前的网页设计中,很多设计师在设计醒目的banner图时为了强调图像和文字,经常使用大且粗的文字大,这已经成为一个问题很长时间了。
这些设计中对于大部分的字体应用都集中在无衬线字体这个选项上。但在2017年,这种现象将不再一方独霸。
我们敢说,衬线体对于多年来一直主宰网页设计的无衬线的字体来说是一个完美的替代。这有一个为什么需要做出改变的原因。
无衬线字体一直被认为能够在屏幕上更具可读性。衬线和粗细交替的笔划可能在某些大小或屏幕分辨率下出现类似分解的情况,使得有些字看起来不是很清楚。但是,在目前的科技发展水平下,更多的人在他们的设备上有高清晰度的屏幕,从而提高了可读性。所以不用过于当心这些,去使用那些衬线字体!
2.黑暗美学
地址:http://www.anonymoushamburger.com/
地址:https://www.reputationsquad.com/
虽然在2015年和2016年我们看到以及做过最多的网站设计是以白色或浅色背景为主要的基调,但是在2017年,黑色或暗色的背景将回归时尚。
这个趋势的美感在于它是一个彻底颠覆的美学,通过将传统的浅色元素变成暗色的元素,或是将暗色的元素替换为浅色元素。只要你的搭配的颜色能够提供足够的对比度,它可以是一个有趣的方式在旧的设计上引发新的兴趣。
出现暗色系网页设计的另一个诱因是:客户只提供了一个颜色单一的调色板,只有几种颜色,或者提供的颜色只是为了搭配图片而存在的。虽然这第一次听起来可能很哪一接受,但是,看看这些设计,黑暗和流行的颜色之间的对比是一个极好的方式来吸引用户的注意力和鼓励用户和页面进行互动。
3.自然,中性调色板
地址:https://www.villesetpaysages.fr/
地址:https://www.paul-valentine.com/
潘通色今年选择了一个自然中性的的颜色——绿色,这将作为主要的颜色趋势在2017年。潘通色的颜色选取标准一直是基于该年度将成为流行色的那些颜色,而不是展示那些已经逐渐“失势”的颜色。
更多的自然或中性调色板将继续发挥最简单的设计美学,给设计师一个提示颜色,而不是转移到一个超级明亮的调色板。这仍有许多颜色可供选择,包括自然色调 - 绿色,棕色和蓝色 - 或金属中性粒子,如金,灰色或玫瑰金。
4.几何细节
地址:https://www.anthedesign.fr/
地址:https://www.hiveboxx.com/
从圆形到正方形到三角形,几何的强调作用正在成为流行的趋势,接管页面设计。最好的几何图案并不是强调它有多么明显,能够提供用户最快的交互提示,使内容更容易阅读或导航或提供有趣的视觉按钮或行动呼吁。
在网页设计上使这一趋势的诀窍就是保持它简单。不要想太多,如果你喜欢圆圈,例如,考虑在整个设计中使用它们作为单一类型的元素。这个形状可以作为一个主要的容器图标或安放图片的基本框架。
另一个选择是使用几何创建一个有趣的拼凑风格的背景图像。较小的形状可以通过那些浅色或纯白的颜色选择或忙碌和精力充沛的明亮的颜色图像,使其更精致。过大的形状可能不容易识别,但在正确的位置,它可能是一个很好的方式用来添加颜色或对比度,如Hive Boxx主页上的颜色叠加(它突出了图像中的产品)。
5.超大的文本
地址:https://www.beatcycling.club/
地址:http://lonelyleap.com/
虽然一些设计师已经使用超大的排版一段时间,但是,对于门面(标题性)文字来说,它将继续变得更大,更大胆。对于那些仅有纯文字的主页来说,除去有趣的字样和活泼多样的颜色,如何才能使用户要求对内容感兴趣,文字排版比以往任何时候都显得更重要。
这些文本选择背后的逻辑性是抓住注意的重点。每个设计师都必须想出一种使他们的设计脱颖而出的方法。在拥挤的网络环境中如何规划网页设计才能最有可能吸引某人的注意力?能够体现对比或具有超强视觉表现的东西可能带来的结果是不同的。
超大字体往往能符合上述的这些要求。Beat Cycling就做了一个优秀的示范。他们通过有趣的字体和一点点意外的颜色使得整体的设计更能吸引用户。
6.VR崇拜者
地址:http://balloon.earth/index.html
地址:http://mondialautomobile.bmw.fr/en
我们现在谈论的科技话题几乎都离不开虚拟现实。设备有一个明确的冷却因素,有很多关于如何设计这些独特的基于设备的体验的讨论。 你也可以通过精巧的设计来伪造它。
许多设计师在他们的网站设计中创建无设备的VR体验。这包括从游戏到360度视频到电影般的体验。唯一真正的共同点是,这些设计都有一个目标,使用户感觉他们是这些体验的一部分,使他们不想离开这个想象的世界。
对于究竟要是他们看起来是什么效果,目前还没有一个确切的准则。VR设计范围从现实的显示到完全动画的幻想。这一切都取决于你希望绘制(和通过)你的网站设计给用户呈现什么画面或内容。
7.新的导航模式
地址:https://addon.visitokinawa.jp/
地址:http://www.thisisyoke.com/
设计师一直在尝试不同的导航模式。有一段时间,每个菜单似乎都固定在页面的顶部(现在仍然有很多人继续这么做着)。
但是,随着屏幕宽高比的变化和隐藏导航成为移动设备的标准,这种模式已经开始逐渐向桌面网站的侧面和隐藏样式转变。
仅仅这个小的移位就可以完全改变网站的视角(看看侧面导航是如何在Okinawa这个网站上展现的),并改变了要设计的画布的大小。它创造了不同类型的空间,即使没有更多元素的点缀也可以使视觉上的展示变得有趣。
在全屏的内容中使用隐藏导航是最有可能成为统治风格的一个趋势。因为在移动设备上的广泛使用,这种用户模式已经被理解和接受。桌面用户不会显得手足无措对于这种导航风格和菜单的“粘性”图标,它可以浏览整个网站,而不妨碍其他内容。
总结
在设计的新的一年里,你最兴奋或期待着什么趋势? 有没有什么你注意到我们错过了这个总结?
----图文来自:design shack
----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设、网站设计、网页设计及其他互联网应用服务