发布时间:2022-6-10 分类: 行业资讯
在过去的几个月里,网页设计已经发生了很大的变化,我们迫不及待地想知道2018年的情况。2017年是极简主义的一年,2018年将带来更引人注目的字体,鲜艳的色彩和新的可能性。用户与设计社区的互动。设计比以往任何时候都更能吸引我们的注意力,让我们在浏览代购源码网站时保持专注和参与。
看看自己,看看有什么变化!
以下是2018年流行网页设计的六大趋势
1.粗体字
大胆角色的流行即将到来。大写字母的标题周围有很多空白,这将给我们带来强烈的视觉冲击力。对于那些掌握字体解剖技能的人来说,2018年将是他们展示才华的一年。到2018年底,我们都知道什么字体是ascender,ear和loop。 (译者注:这些术语是字体解剖术语,请勿在此处翻译。推荐相关文章:https://en.fontke.com/article/2690)
大胆的角色不仅仅是审美考虑因素。大胆的人物对阅读速度,阅读理解和用户感知也有很大影响。
谷歌/IBM的一项研究表明,衬线字体格鲁吉亚比黑体快7.9%。
尽管一些研究表明人们如何使用衬线字体来更好地理解单词,但事实恰恰相反。使用像Helvetica这样的无衬线字体的测试者在阅读速度和阅读理解方面得分较高。
大胆的角色可以产生很棒的效果。大胆的字符易于阅读和理解。我们很高兴在2018年看到更大胆的设计。
2.鲜艳的色彩又回来了!
到处都是柔和的色彩,但两年后,鲜艳的色彩再次被杀死。不再是柔和的配色方案,新的一年将充满高对比度和鲜明的个性。
色彩对情绪的影响一直是广泛研究的主题。颜色对我们的大脑,感知和行为有重要影响。据Kissmetrics称,92%的客户表示视觉表达是最有影响力的购买决策因素。
颜色可以影响我们的感受,明亮,鲜艳的色彩可以让人感到清醒,兴奋和精力充沛。
Smashing杂志声称颜色在应用程序的所有方面排名第二(第一个是功能)。
就像嗅觉一样,颜色也是一个非常强大的因素,因为它直接影响我们的感受。
当我们离开代购源码网站时,我们可能会忘记它的内容,但我们会记住它让我们感受到的感觉。
鲜艳的色彩可以激发人们的活力,让我们保持活跃并激发我们的购买力。它们是积极的,引人注目的,总是吸引我们的注意力。
一些设计机构已经使用了鲜艳的颜色(Hello,Yellow!)一段时间,但在2018年,小型和大型公司都将迎头赶上。
3.掌握移动设计
随着移动流量每天都在不断增加,响应式代购源码网站在过去几年中已成为必需品。到2018年,是时候真正掌握移动设计了。问题不再是:我们的代购源码网站是否适合手机?相反:我们的内容如何最好地在移动设备上显示?
80%的互联网用户拥有智能手机并经常使用它们。事实上,根据TechCrunch的调查数据,在移动设备上花费的平均时间正在稳步增长,每天超过五小时。
掌握移动设计并了解如何在较小的设备上最佳显示内容将是2018年的关键挑战。
移动设计的一些主要挑战是:
您不希望屏幕看起来混乱
您不希望用户在其移动设备和桌面版本上找到相同的内容
您希望维护类似的功能和导航内容
您可能需要展示广告,这对移动设备来说是一项挑战
您希望桌面代购源码网站能够触发与移动设计相同的情感和品牌效应
用户必须喜欢您的移动设计体验,否则他们将失败。谷歌最近的一项研究表明,用户的智能手机没有太大问题。一些关于牙刷,水瓶或盐的研究(是的,盐!)
谷歌的研究表明,在过去两年中,搜索移动搜索< ;; best“已超过80%。
实现移动优先级的关键因素是您的内容必须易于单手导航。想想你如何使用智能手机。您可以在公共汽车或地铁站阅读文章,或通过超市过道发送短信。当您在途中遇到朋友时,您可能正在寻找“2017年最好的红酒”。你可能只用一只手就可以做到这一点。
谷歌将这些条件称为“微观时刻”,并且在很短的时间内,人们开始使用智能手机进行收购,理解,执行和购买。
根据Steven Hoober的说法,49%的智能手机使用是用一只手完成的,而不是用双手完成。在电话上,49%的时间我们有一台手持设备并浏览代购源码网站。
这意味着导航必须适合拇指才能触摸屏幕的每个部分或大致部分。
4.微观互动将更加微妙
“没什么大不了的”” - Victor Papanek
2017年,我们开始看到微互动,未来肯定会看到更多。微交互允许用户以小手势与软件或应用程序交互。
Dan Saffer在其着作“Micro-Interactions”中描述了微交互如下:
“微交互可以支持整个应用程序或设备,或(更常见地)支持更大的产品。它们是小小的时刻,可以变得沉闷和被遗忘,或愉快和吸引人。每次更改设置,同步数据或设备,设置闹钟,选择密码,打开设备,登录,设置状态消息或喜欢/喜欢某些内容时,您都会进行微交互。
虽然Saffer用非常实用的术语描述了微交互,但它们变得更加微妙和有趣。
例如,在iMessage中,您可以与发送给您的任何文本进行互动,例如&ndquo; &ndquo;&ndquo;&ndquo;&ndquo;!”或“?”的
Facebook Messenger允许您增加拇指的大小,具体取决于您按下“喜欢”的时间长度。按钮。
微互动的例子是无穷无尽的,但为什么公司会使用它们呢?
微互动非常容易上瘾和有趣。他们补充说 - 用户体验设计师和作家Nick Babich称之为“人性化”,使任务更有趣,更具吸引力。微交互鼓励用户与软件进行交互并获得一些乐趣!
5.视觉叙事:视频将变得更加重要
叙事将变得越来越个性化,视频在这方面起着至关重要的作用。
原因如下:
根据Eyeview的说法,您登录页面上的视频可以将转化率提高80%
如果您的电子邮件主题行包含单词“video”,根据Syndacast,您的邮件将被打开的概率将增加19%。
根据Wistia的说法,平均而言,人们在使用视频的网页上花费的时间比不花时间多2.6倍。
视频是视觉叙事的主体,吸引用户进入场景,故事和情感。它引人注目,极具吸引力,并保持我们的关注和参与。
6. SVG
简而言之,在2018年,SVG呈上升趋势,其使用量可能会增加。随着动画的日益普及以及SVG转换图形和代购源码网站的能力,SVG在过去几个月中逐渐受到欢迎。
4.9%的代购源码网站使用SVG,包括WhatsApp,GitHub,Espn,Dropbox和纽约时报等热门代购源码网站。
正如您在w3techs.com上的图表中所看到的:最近几个月SVG发展迅速。
动态SVG的常见用例是导航菜单和站点标题。 SVG意味着在保持实用的同时增强界面。导航栏或文本是SVG的用例。
这是我最喜欢的一个例子:如果你点击“ Hover 在Sean McCaffery的Codepen代购源码网站上,动画将开始: