我们已经看到许多公司正在向网站用户提供更清洁,更简单的体验。 无论您是设计师,开发人员,还是只是喜欢网站,都可以通过了解他们的工作方式来学习。 准备受到启发!
- 动画
抛弃了闪烁的gif,动画条,按钮,图标和跳舞的仓鼠,到了网络的花哨的早期,今天的动画意味着创建交互式,响应性的动作,可以增强故事讲述并提供丰富的用户体验。
丰富动画的示例包括加载动画,导航和菜单,悬停动画,画廊和幻灯片放映,运动动画,滚动以及背景动画和视频。 从提案管理平台Beagle访问此站点:
在微交互中也可以看到丰富的动画。 例如,在LinkedIn上,用户可以将鼠标悬停在卡片上以查看选项的弹出菜单,然后选择跳过故事或执行其他操作。
GIF动画(很高兴吗?)重新流行,可以用于许多不同的目的,包括喜剧,演示,甚至仅用于装饰。
- 材料设计
材料设计,这是Google开发的一种设计语言,它依赖于基于打印的设计元素,包括版式,网格,空间,比例,颜色和图像使用,以及响应性动画和过渡效果,填充以及深度效果(如照明和阴影),提供更现实,引人入胜和互动的用户体验。
材质设计使用阴影,移动和深度来提供干净,现代的美学效果,重点是优化用户体验,而无需过多花哨。
材质设计的其他示例包括边缘到边缘的图像,大规模印刷和故意的空白区域。
- 扁平设计
虽然Material Design提供了一种极简主义的方法,但平面设计仍然是纯净线条爱好者的经典之选。 也就是说,通常将平面设计视为更逼真的,真实的和舒适的数字外观。
根据白色空间,定义的边缘,鲜艳的色彩和2D(或“平面”)插图的原理,平面设计提供了一种多才多艺的风格,经常使用线条图标和长阴影等技术。
- 分屏
当您有两个同样重要的领域需要推广时,或者您想与照片或媒体一起提供内容时,最好使用分屏,这是一种提供有趣而大胆的用户体验的好方法。
通过允许用户选择他们的内容和体验,您可以创建吸引访客进入的门户式体验。
- 放下Chrome
提到镀铬保险杠和老爷车上的装饰物,“铬”是指网站的容器,即菜单,页眉,页脚和边框,它们封装了核心内容。
这可能会分散注意力,许多公司选择摆脱容器的束缚,创建没有边界,页眉或页脚的整齐的,边到边的布局。
- 忘了折
折页上方是报纸首页上半部分的报纸术语。 由于报纸经常折叠起来放在箱子和展示架上,因此最引人注目的内容超出了折叠的范围,从而使它们有最大的机会抓住潜在的读者(和他们的钱包)。
网站设计长期以来一直以折叠为重的原则使用折叠的思想。 但是最近,全屏图像和内容向用户致意,并鼓励滚动显示其他更深入的内容。
- 全屏视频
视频可以是吸引访问者注意力的好方法,而且通常比视觉或文字更有效。 循环播放视频(例如Apple用于Apple Watch的视频)是一种设置音调并吸引访问者的独特方法。
当涉及网页设计时,您的行业,细分市场,目标市场和内容将决定许多特定的组件。 您的布局将取决于访问者的响应以及对您的消息最有意义的内容。 但是,随着这些趋势的发展,您将拥有创建一个出色的网站所需的全部功能,该网站可以满足您的需求,并且表明您知道如何与时俱进。