2017年十个UI设计趋势

UI 设计越来越重要。它不仅直观地塑造了企业形象，而且成为留住用户的关键。同时，UI 设计风格每年都在变化。就像扁平化、手势、微交互、卡片式成为过去两年的关键词一样。总有一些好的设计总是试图吸引你。它们出现了很多，形成了一些趋势。

UI 设计越来越重要。它不仅直观地塑造了企业形象，而且成为留住用户的关键。同时，UI 设计风格每年都在变化。就像扁平化、手势、微交互、卡片式成为过去两年的关键词一样。总有一些好的设计总是试图吸引你。它们出现了很多，形成了一些趋势。

在这些趋势中，有些会持续流行几年，有些会被淘汰。根据过去一年，几乎每年年底都会有一些网站 UI 为了预测明年的趋势，设计风格的变化。

1、全屏设计具有沉浸感

Immersive 沉浸感是一种模拟真实效果，让你感觉身临其境。就像最初的艺术来自于对现实的模拟一样，这种模拟设计仍然很有用。

因此，我们可以看到这样的网页设计，它主要是全屏大图像和视频，以一种简单但有效的方式，迅速将您带入其设置的情况。

Campos Coffee

这是一个来自网页设计的好例子 Campos Coffee，动态全屏设计简单，但信息丰富。

Dutch airline KLM's magazine iFly50

技术的发展为这种模拟表达提供了更多的选择。与静态图像不同，视频具有更强的“叙事性”。虽然图像一直占据着很长一段时间 UI 然而，网页设计的主流，在 2017 也许全屏互动视频设计会吸引你的注意力。

二、长滚动设计

“滚动”不是一种新的设计趋势。

在过去的几年里，小屏幕设备上滚动阅读体验的发展尤为突出。想想你手机上的东西 app，这种滚动设计一定有很多采用。

National Geographic

就像你看到的国家地理的官方网站一样，这种滚动设计的好处非常简单：它为用户提供了更流畅的浏览体验，并引导用户在短时间内阅读更多的内容而不受干扰。

Riding the new silk road by New York Times

现在，“滚动”越来越多地从小屏幕转向大屏幕设计。许多设计师也在研究如何处理大屏幕上的“滚动”机制，以带来更好的使用体验。

在 2017 多年来，这种长条滚动网页设计可能成为主流。

三、渐变色的使用

2013 在2000年流行的平面设计中，强调简单的功能界面区分，放弃多余的元素。到目前为止，这种设计风格仍有参考价值。

然而，随着扁平化的普及，它的缺点也开始显现出来：几乎所有的平面设计都强调扁平化，这使得它们趋于相似，看起来没有个性。

在平面设计中加入不同的元素，使其更加生动，渐变色是个不错的选择。

Spotify

Spotify 网站就是一个很好的例子。它的主页是 2016 年来最流行的粉色和蓝色的结合产生了双色渐变，看起来非常华丽。

再往下拉，就变成了橙色的渐变色，很有夏天的感觉。

Spotify

虽然之前的设计界是对的 Instagram 扁平化渐变色 logo 然而，它也意味着一种设计趋势：渐变色可以使设计看起来更加活泼有趣，毫无疑问，它是 2017 十大设计趋势之一。

四、使用插图

与传统摄影相比，插图可以使设计具有“个性”，是与用户情感交流的直观视觉语言。

对于品牌来说，没有比用插图塑造品牌形象和传达品牌个性更简单有效的方法了。插图作为一种有趣的情感表达，可以量身定制，有助于获得用户的信任，让人感觉更亲切。

Dropbox

Dropbox 和 payplan 都是很好的例子。他们的主页以简笔画的形式直观地表达了产品的几个功能，可以帮助用户快速理解。

payplan

此外，实现插图的方法并不是唯一的方法。它提供了多种创造性的选择，不同的插图也可以传达不同的情感。例如，简单的手绘风格看起来简单而可爱，精致而复杂的笔触可以产生一种“先进”的纹理。当插图与摄影相结合时，它会给人一种难以区分的幻想感。

五、打破网格设计

对于大多数设计师来说，网格一直是设计的基础，可以保证一致性、平衡性和节奏。

此外，用户熟悉的网格也代表了一个不会出错的选择。至少当用户看到这个设计时，他们可以潜意识地使用网站或应用程序，而不需要指导。

然而，网格也意味着限制。在一个有限的网格中，有才华的设计师很难完全展示他的无拘无束。因此，一些设计师正试图打破传统的数字体验和网格。

Red Collar Digital

Red Collar Digital 页面以云为背景，前景为滚动图文内容，无网格限制，清新自由。

Red Collar Digital

Red Collar Digital 页面以云为背景，前景为滚动图形内容，无网格限制，显得清新自由。

六、视差效果

Parallax 视差，说它是长滚动设计和打破网格的结合可能更合适。

聪明的设计师可以放大微交互设计的娱乐性，让用户获得更多的乐趣。一个好的微交互设计可以同时承担娱乐和通知两个功能，从有趣的动画加载到流畅的图标转换。

九、字体设计

字体设计被认为是平面设计中最基本的单元，它传递文本信息，功能非常基本。然而，为它设计一组创造性的字体是一种简单而清晰的方式。

MailChimp Holiday Tips

毫无疑问，字体设计的重要性，你可以看到很多品牌都在尝试用更大、更厚、更时尚的字体来吸引用户。

Citroen Origins

Citroen 这个页面设计挺有意思的，点击就是一个 1919 Citroen 的大 logo，然后每年都会出现不同的车型。 Citroen，强调品牌的历史。

UI 当设计开始从传统的图形编辑和文本排版中寻找灵感时，越来越多的公司开始提供网络字体服务，如谷歌字体和 Typekit，它们提供免费或昂贵的字体系统。

十、实验导航设计

页面导航和菜单设计一直是一个有争议的话题。

当移动终端和网页的设计界限越来越模糊时，汉堡包菜单 Left Nav Flyouts，也就是侧栏菜单。起初，它是谷歌设计的一个重要元素，后来被模仿，成为导航设计的主流。

汉堡包菜单最明显的优点之一是节省了屏幕空间，让导航“隐藏”在侧滑抽屉中，向主要内容释放更多的空间。

然而，并不是所有的设计师都同意汉堡菜单的形式，它本身也面临着被设计师滥用和低效的问题。

Adult Swim

上一篇：返回列表

下一篇：第二届成都国际商业设计大赛