2017年结束，2018年将面临更多挑战和机遇。在本文中，我们将回顾2017年引起广泛关注和赞誉的网络和移动界面设计解决方案。

　　功能性的极简主义

2017年，极简主义在APP和网页界面设计中得到广泛应用。极简主义强调视觉元素，并认为每个元素都应该有目的地传达信​​息。极简主义的主要特征如下：

简单

清除

视觉水平是富有表现力的

高度重视的比例和成分

每个元素都是功能性的

大量空置区域

高度关注核心细节

注意字体设计

去除非功能性装饰元素

极简主义的合理应用有助于突出界面的核心内容并引导用户的视线。此外，极简主义通常认为整洁和整洁可以带来理想的用户体验。

WineYard App

　　粗放主义

2017年，广泛主义在互联网产品中变得流行。扩展主义旨在打破标准和可预测的设计风格，带来令人惊讶的用户体验。以这种方式设计的网站是对抗对称，和谐，复杂布局和视觉表达设计的反叛。

扩展主义基于简单的原则和原始布局，在大多数情况下，不会添加更多的视觉细节，有时甚至接近纯HTML页面。从用户体验和产品设计的角度来看，广泛性提供了高水平的创造力和独特的外观，用户可以对基于这种设计理念的产品留下深刻印象，无论他们喜欢与否。

　排版融入图像

在Web和移动界面设计中，粗体和对齐一直很常见。 2017年，在页面上添加剪切或雕刻的标题或关键字是一种新趋势。这种方法增强了页面中元素的完整性，允许界面中的布局，布局和图像紧密耦合。

大城市指南

　　动画作为主banner

在浏览网页时，主横幅首先反映在用户眼中，因此主横幅承担吸引用户眼球的角色。此外，网站上的任何内容都承担着信息和情感传递的作用，主要旗帜也不例外，甚至在某些情况下，它在用户体验中起着决定性的作用。主横幅承担多重责任，例如：

吸引用户的注意力

直观地提供信息

快递网站风格

为整体主题，心情或情绪设定基调

有效地展示产品的核心价值

2017年，动画广泛应用于主横幅，原创动画形象使产品生动，增强了产品的吸引力。

舞蹈学院登陆页

　根据主题配置插画

根据不同的页面内容，有针对性的自定义吉祥物，图标和插图可以加速用户对信息的感知，增强页面的视觉张力，提高可用性，并优化导航架构。此外，直观和清晰的图片可以帮助解决诸如文本识别和有限的用户感知之类的问题，例如幼儿或患有阅读障碍的人。设计师对插图的使用似乎已进入更高层次，不仅将插图与信息和主题相结合，还增加了时尚和隐喻。

金融服务网站

　　无框架布局

2017年，许多网页界面设计倾向于使用大背景和无框架模式。大背景图像的有效使用不仅保持了页面边框和边界的感觉，还扩展了用户的视觉边距，使用户感觉到更宽的界面。

大城市指南

动画界面

与2016年相比，2017年是动画界面的又一步。它不仅增加了交互过程的真实性和动态性，而且显着提高了交互的可用性。交互模式的优化降低了操作的复杂性，允许用户专注于页面信息，感觉页面是智能和活跃的，并帮助用户更好地体验产品和理解信息内容。 2017年，互动设计师为按钮，标签，表格，加载动画和滚动动画做出了杰出贡献。

浇水追踪器应用程序

　通过友好的界面设计重塑品牌形象

2017年是品牌重塑的一年：大量全球公司，本地公司，产品和品牌重新设计了带有简化元素和动画徽标的品牌标识。这种趋势的原因之一是，随着越来越多的品牌脱机，他们更关注品牌和互联网的结合，以及品牌在年轻人中的声誉。因此，新的Logo设计旨在提高产品的品牌知名度。此外，动画徽标也成为一种新趋势，增强了互动性，增强了用户对品牌的认知。

Whizzly Logo动画

单色调的界面设计

使用深色背景Web和移动界面设计不仅保持了风格的独立性，还增强了产品的存在。深色让人联想到优雅，优雅和声望。深色增强了人们对图像的感知，使得界面在不同环境中更小，更自然。这种设计风格受到相当多用户的高度尊重。

珠宝电子商务应用程序

　深色背景的使用

使用深色背景Web和移动界面设计不仅保持了风格的独立性，还增强了产品的存在。深色让人联想到优雅，优雅和声望。深色增强了人们对图像的感知，使得界面在不同环境中更小，更自然。这种设计风格受到相当多用户的高度尊重。

电影应用

　　加强颜色对比度

设计师使用深色和浅色的组合将浅色背景应用于黑暗主题的核心信息区域，增强色彩对比度和视觉表现力。这种方法可以提高核心信息的可读性，但由于色彩对比度强，因此也存在争议。

浇水追踪器应用程序

　多种字体的组合使用

随着大量新字体的出现，设计师们开创了一个创新实验的新世界。今天，文本不仅是一种交流手段，也是设计理念的重要组成部分。因此，设计师非常注重字体的选择和组合。 2017年，出现了大量新的衬线字体和无衬线字体，并且有效地组合了各种字体以增加视觉效果的分层。

美食网站

　着陆页的创新

毫无疑问，2017年，我们目睹了着陆页的创新和多样性。企业或社交组织需要登陆页面来吸引用户，增加销售额并促进转化;在移动端，登陆页面也是提高产品升级覆盖率的重要渠道。用户测试和市场调查结果表明，用户对目标网页有很高的期望，并希望目标网页能够以清晰可用的方式提供必要的信息，从而节省用户的时间。

数字代理登陆页面

　宣传视频

在网站和应用上使用各种宣传视频。当然，视频确实带来了更好的用户体验，同时加深了用户对品牌和产品的印象，这也就不足为奇了。有创意，有趣的视频是吸引用户注意力，同时快速，清晰地传递信息的绝佳方式。用户每天都被大量信息所淹没，使用新产品的学习成本对许多用户来说是令人生畏的，特别是当新产品尚未形成用户的声誉时。在这种情况下，视频充当动态，有趣和有吸引力的表达，激活用户的听觉和视觉神经。当然，视频的使用可能会导致页面加载速度慢，播放等问题，应在使用前进行全面测试。

　　用户体验游戏化

2017年，许多产品采用游戏化界面设计，不仅仅是一些娱乐产品，还有很多政府和企业门户网站的例子。在科技界，“游戏化”意味着玩游戏机制，而不仅仅是游戏功能：挑战，奖励，积分，徽章，排行榜等，所有这些都是“游戏化”，使用得当，可以激励用户，提高留存率和转换。

上层应用程序

　　方框和卡片式的布局

框和卡在丰富视觉层次结构和传递信息方面发挥着重要作用，并有助于保持页面的完整性和一致性。

StarDust Biker网站

引入几何元素

各种或简单或复杂的形状，图案，线条，曲线，无论是以传统方式使用还是以创新组合方式使用，都将在2017年广泛使用。

婚礼主题

　尝试丰富的色彩组合

丰富多彩的界面设计从未消失，2017年，还有更多创意色彩组合。色彩是增强界面感知和传达情感的最有效方式。有效和创新地使用颜色不仅取决于创造力，还取决于色彩理论，色彩心理学，用户体验设计和界面设计。

预订交换应用

　　产品设计阶段，使用真实内容

2017仍然重视内容质量和产品体验。在用户体验中，内容和设计是相关的：设计人员必须确保内容和设计相互支持，而不是相互竞争。这就是为什么即使在产品设计的早期阶段，设计师也喜欢使用真实内容进行设计，而不是“XXX”或其他什么。真实内容使设计师，测试人员和内容操作员更接近产品的真实体验。

约会应用登陆页面

毫无疑问，2017年是多元化界面设计和一年用户体验的一年。网站和应用已成为人们生活的一部分，用户有不同的品味，兴趣和不同的风格。用户面临着各种产品选择，这些产品的外观和功能相似或不同，但用户总能找到符合心理预期的产品。无论如何，变化总是一样的。基于过去的设计趋势，寻找产品设计中的新趋势和新想法对设计师来说是一个永恒的挑战。

作者：。 Tubik Studio我们是一家综合性数字机构，专门从事UI/UX设计和网站和移动应用程序开发，动画，平面设计和品牌推广

原始地址：https://uxplanet.org/review-of-popular-interface-design-trends-in-2017-5acf29187d35

译者：李晓新

本文是大家的产品经理翻译团队@李小新翻译发布，未经本网站许可，禁止转载。

该地图来自unsplash，基于CC0协议

« Apple更新了过时的产品和已停产的产品列表中的iPhone 5！ | 苹果新iPad发布：顶级版售价高达15299元！你会支付账单吗？ »