PART Vision｜2017全球UI交互设计趋势（上）

时间：2023-10-16 03:18:01 | 来源：网站运营

时间：2023-10-16 03:18:01 来源：网站运营

PART Vision｜2017全球UI交互设计趋势（上）：UI 的设计风格每一年都在发生变化。就像是扁平化、手势、微交互、卡片式成为过去两年中的关键词一样。总有一些好的设计总是想方设法吸引你，它们大批涌现，形成某种趋势。在这些趋势里面，有的会持续性地流行好几年，也有一些，会被淘汰。几乎每年年底，都会有一些网站，根据过去一年中 UI 设计风格的更迭，来预测下一年的趋势。

那就跟着PARTfolio君来迅速扫描2017年全球UI设计最新最全趋势，对UI设计感兴趣的设计师和未来设计师们千万别错过！

有沉浸感的全屏式设计
Immersive, full-screen video

Immersive 沉浸感，说的是一种让你犹如身临其境的模拟真实的效果。就像最初的美术来自于对现实的模拟一样，这种拟真的设计，至今仍然受用。因而我们能看到像这样的网页设计，它以全屏式的大幅图像和视频为主，以一种简单却有效的方式，迅速把你带入它所设定的情境之中。




Campos Coffee

这是一个不错的网页设计的例子，来自 Campos Coffee，动态的全屏设计简单却蕴含丰富的信息。


Dutch airline KLM's magazine iFly50

技术的发展给这种拟真化的表达提供了更多的选择。与静态的图像不同，视频有着更为强烈的“叙事性”。尽管图像在长久以来始终占据 UI 和网页设计的主流，不过，在 2017 年，也许全屏式的互动视频设计会更吸引你的眼球。

长滚动式设计
Long form content and scrolling

“滚动”，并不算是一个新的设计趋势。在过去的几年内，滚动式的阅读体验在小屏幕设备上的发展尤为突出。想想你手机上的 app，一定有很多采取的是这种滚动式设计。


National Geographic

正如你所看到的这个国家地理的官方网站一样，这种滚动设计的好处非常直白：它提供给用户一个更为流畅的浏览体验，以一个线性的方式，引导用户在短时间内不受打扰地阅读到更多的内容。

Riding the new silk road by New York Times

现在，“滚动”从小屏幕越来越多地转向大屏幕设计。也有很多的设计师在研究大屏幕上的“滚动”机制如何处理，才能带来更为卓越的使用感受。在 2017 年，这种长条状的滚动式网页设计也许将成为主流。

渐变色的运用
Gradients and vivid colours

2013 年开始盛行的扁平化设计中，强调简洁的功能界面区分，抛弃多余的元素。至今，这种设计风格依然有着借鉴的价值。不过，随着扁平化的流行，它的弊端也开始显现出来：一时之间几乎是所有的平面设计都在强调扁平化，这使得它们趋于雷同，看上去毫无个性。想要在扁平化设计中，加点不一样的元素让它更为生动，渐变色不失为一个好的选择。


Spotify

Spotify 的网站，就是一个极好的例子。它的主页面把 2016 年最流行的粉色和蓝色糅合，产生了双色渐变，看起来十分绚丽。再往下拉，就变成了橙色的渐变色，显得十分有夏天的感觉。


Spotify

虽然此前设计界对于 Instagram 的扁平化渐变色 logo 的设计褒贬不一，不过，它也意味着一种设计的趋势：渐变色能让设计看起来更活泼有趣，毫无疑问，它是 2017 年的十大设计趋势之一。

插画的运用
Illustrations

插画可以让设计具有“性格”，比起传统的摄影，它是一种直观的与用户进行情感交流的视觉语言。对于品牌来说，没有什么能比用插画来塑造品牌形象、传递品牌性格还要简单有效的方式了。作为一种有趣的情感表达，插画可以是量身定制的，因而它能帮助获得用户的信任，让人感觉更为亲切。

Dropbox

Dropbox 和 payplan 都是不错的例子，它们的首页以简笔画的形式很直观地表达了产品的几大功能，能够帮助用户快速理解。





payplan

此外，插画的实现途径并不唯一。它提供多种创意方向的选择，不同的插画也可以传递不同的情绪。比如简笔风的手绘看上去单纯可爱，精细繁复的笔触可以产生一种“高级”质感，当插画与摄影结合，则给人一种虚实难辨的奇幻感。

打破网格设计
Breaking the grid

对于大多数设计师而言，网格一直以来都是设计的基础，它能够保证一致性、平衡性和某种节奏。此外，一个用户很熟悉的网格，也代表着一个不会出错的选择，起码用户在看到这个设计的时候，可以不用指导地、下意识地去使用网站或者应用程序。然而，网格也意味着限制。在一个有限的网格内，富有才华的设计师，很难去完整地表现他的天马行空。于是，有些设计师正在尝试突破传统的数字体验，打破网格。


Red Collar Digital

Red Collar Digital 的页面以云为背景，前景是滚动式的图文内容，没有网格的限制，显得清新且自由。


SERGEY MAKHNO Architects

无疑，这种无网格的创造性设计可以充分发挥设计师的奇思妙想，让网页看起来更加灵活自由。不过，这种设计搞不好也会导致一种缺乏秩序的混乱感。值得注意的是，无论是怎样颠覆性的无网格设计，用户的体验永远是第一位的，它的所有接口，都应该是用户友好型的。

更多UI设计相关信息or艺术留学的问题，欢迎大家＋γχ：Partartedu

Part艺术设计专业社群现已开通，快来＋γχ：partstudioSH，找到你志同道合的小伙伴吧！

更多院校专业干货信息，关注良心艺术留学公众号：partstudio

关注专栏PARTFOLIO，获取艺术留学最良心专业院校干货，最前沿灵感咨询潮流解析