不久之后,我们讨论了网页设计的演变,以及由于技术进步和Web开发的整体扩展,设计趋势随着时间的推移而发生变化。这一次,我会更多地关注一些当前的趋势,这些进步在哪里带领我们。
更大(可能会)更好
要开始,让我们来看看网站一直在追随的一个更明显的趋势。过去我们已经讨论过响应式设计,但是这又如何影响了设计呢?我们都看到了一个网站正在建立响应的效果,以及它如何在许多不同的屏幕尺寸上进行平滑的反应,但大多数时候我们认为它适应于较小的屏幕,如平板电脑和手机。然而,这种自由也让我们去更大。
以前,开发人员会为其网站使用相当标准的960像素宽度,当时这是完全可以接受的,因为计算机屏幕的典型分辨率并不比此高。现在,这个“标准尺寸”非常模糊,真的取决于设计师和他们想要使用的任何首选网格系统。其中一部分是因为显示器的尺寸及其分辨率有很大差异,但是甚至只有13’?Macbook的宽屏幕尺寸为1280px,为960像素宽的网页留下了大量的空白空间。就个人而言,我不喜欢在设计时低于1100px,如果更多的“Öwide格式”设计适合客户,甚至可以达到1200。
平滑的过渡-令人惊讶的不复杂
我最喜欢的网页设计新标准之一是他们可能带来的交互性和视觉效果。例如:多年来,我们已经在“Öfaux-3D”荣耀中使用了颜色更换的按钮,但是您有没有注意到这些按钮从一种颜色到另一种颜色有多突变?
CSS-Transitions可以让您的网站更加流畅和友善。
添加Javascript或其一个库(如JQuery)可以添加各种令人难以置信的效果,增强用户体验。这些技术允许诸如旋转横幅,动态变化的内容或视差滚动等功能。只要记住,像所有的好东西一样,这样的东西有太多的影响,这可以快速减慢你的网站或更糟的是,混淆了用户。
字体“-非常适合文字等等
过去我们已经讨论过网络字体,以及我们如何使用诸如GoogleWeb字体之类的集合,或者通过诸如FontSquirrel’sWebfont这样的工具来增强网络的自己的字体发电机。当你想到它,字体是惊人的。你可以大幅度地改变自己的尺寸,而不会损失质量,将颜色设置为任何你喜欢的东西,旋转它们,甚至创造一个面具,所以为什么限制这些功能只是文本?
幸运的是,我们有人已经想到了这一点。在网络上,您可以找到令人惊叹的资源,使用图标,就像您的文字,而不必担心图像。我们最喜欢的是FontAwesome。