您是否打算重新设计您的网站或制作一个新网站? 看看这 4 个让我感兴趣的网页设计趋势:
1.视差滚动
视差滚动是网页设计中视差效果的实际应用。 简而言之,这是一种技术,其中网页的背景图像在页面滚动时比文本本身或前景图像移动得更慢。 这使您可以在 2D 图形中唤起第三维度的错觉 – 深度。
正确使用这种技术可以使重新设计的网站充满活力。 但能否正确实现,还要看网页设计师的经验。 madwell.com 就是一个很好用的视差效果的例子。 这是光标移动的视差效果:
2、砌体布置
这是将网页元素(通常是文章或图像)放置在最能最佳地填充可用空间的位置。 结果类似于在砌体中放置石头。 英文名“Masonry layout”就是由此衍生而来,可以自由翻译为masonry layout。
对这一趋势的流行也做出重大贡献的典型代表是Pinterest图片分享网站:
3.无限滚动
无限滚动是一种迎合网络用户的技术,因为无需点击其他页面——当将内容滚动到页面底部时,附加内容会“无限期地”自动加载。 因此英文名称为infinite scrolling——无限滚动。
这种网页设计技术对用户的另一个好处是网站的加载速度更快,因为不是加载整个页面,而是动态加载所需的部分。 使用这种技术的典型网站是 facebook 和 twitter 等网站:
4.平面设计
这是一种极简主义设计,网站仅使用不会产生 3D 效果错觉的元素(即没有阴影、纹理和过渡)。 它与拟态设计相反。 在这种类型的设计中只使用简单的元素。
扁平化设计的优点是使用它的页面看起来简单、清晰、可读,并且无论设备类型或屏幕分辨率如何,看起来都一样好。
缺点可能是它与模仿现实世界的元素的距离 – 例如,这反映在网站上的按钮中 – 因为它们没有阴影并且用户可能更难以识别。
扁平化设计,即英文的flat design,目前比较流行,所以可以在网上找到很多样板站点。 一个例子是get.foundation页面:
未来的网页设计趋势?
我喜欢这些趋势。 我很好奇网页设计的世界将如何继续发展。 我只是简单地勾勒了它们,它们中的每一个都应该有自己的文章。 如果您知道任何其他有趣的趋势,我希望您在评论中分享它们。
您想要一个符合最新趋势的现代网站吗?给我写一封电子邮件,我会向您推荐合适的专家。
Was this article helpful for you? Support me by sharing, please. 👍