界面设计的趋势在线视频

同学们大家好

下面要讲的是第八节部分

界面设计的十个趋势

接下来我们就来一一的了解一下

第一是

有沉浸感的全屏式设计

UI的设计风格每一年都在发生变化

就像是扁平化 手势 微交互 卡片式

成为过去两年中关键词一样

总有一些好的设计总是想方法来吸引你

它们大批涌现形成了某种趋势

因而我们能看到

像上面两个界面这样的网页设计

它以全屏式的大幅图像和视频为主

以一种简单却有效的方式

迅速把你带入它所设定的情境之中

第二是长滚动式设计

现在

滚动从小屏幕越来越多地转向大屏幕设计

也有很多的设计师在研究大屏幕上

滚动机制如何处理

才能带来更为卓越的使用感受

我们所看到的第一个图

是国家地理的官方网站

这个界面使用了长滚动式设计

这种滚动设计的好处非常直白

它提供给用户一个更为流畅的浏览体验

以一个线型的方式

引导用户在短时间内不受打扰地阅读到更多的内容

第三点是渐变色的应用

扁平化的设计风格在流行的同时

它的弊端也逐渐显现出来

我们所见到的很多平面设计

几乎都在使用扁平化设计

因此这些设计开始趋于雷同

看上去毫无个性

设计师通过加入渐变色这一元素

使得界面更加生动 活泼

这个图片就是一个极好的例子

它的主页面把流行的粉色和蓝色糅合

产生了双色渐变

看起来十分绚丽

第四个要介绍的是

插画的运用

插画可以用来塑造品牌形象 传递品牌性格

作为一种有趣的情感表达

插画可以是量身定制的

因此它能帮助获得用户的信任

让人感觉更为亲切

右边两个界面

它们的首页以简笔画的形式

很直观地表达了产品的几大功能

能够帮助用户快速理解

第五是打破网格设计

对于大多数设计师而言

网格一直以来都是设计的基础

它能够保证一致性 平衡性和某种节奏

然而

网格也意味着限制

在一个有限的网格内

富有才华的设计师很难去

完整地表现他的天马行空

于是

有些设计师正在尝试突破传统的网格

图片中的这个界面以云为背景

前景是滚动式的图文内容

没有网格的限制

显得清新且自由

所以

这种无网格的创造性设计

可以充分的发挥设计师的奇思妙想

让网页看起来更加灵活自由

但是

这种设计搞不好也会导致一种缺乏秩序的混乱感

同时值得注意的是

无论是怎样颠覆性的无网格设计

用户的体验永远是第一位的

第六是视差效果

视差效果就是说

页面的背景以一个相对前景较慢的速度进行移动

从而产生视觉上的纵深感

它可以结合图片 文本

以一个不太严格的页面布局

带来一种流畅直观的浏览体验

视差效果的好处比较明显

它提供了一个充满活力的界面

并且让用户印象深刻

第七是卡片式设计

就是将需要展示的信息

在尽可能在同一的时间里

分门别类的展示出来

这样用户就能快速的浏览并作出选择

第八是微交互设计

微交互指的是小屏幕上的动画形式

从用户体验的角度来看

这种微交互通过屏幕上的动画转化

以一种更为明确的视觉反馈告诉他们

让他们知道他们的点击行为引发了什么

以及下一步会发生什么

有些很明显的微交互的例子

比如第一个图

当你将iPhone设置成静音时

伴随出现的的震动提醒 屏幕上的静音图标

第九

字体设计

字体设计的重要性无需质疑

同时字体也是平面设计中最基本的单元

它传递文本信息

功能非常基础

你可以看到很多的品牌

都在尝试用更大的 更粗的

以及有着时髦衬线的字体来吸引用户

图一中的这个页面设计还蛮有趣的

点开就是一个1919的一个大的logo

然后会接着出现各个年份的不同车型

这些设计用来强调品牌的历史

导航设计本来就该有多种形式

是时候出现更有趣好玩的导航设计

来抛弃掉汉堡包菜单了

在2018年

也许会出现更多创造性的导航设计方案

帮助用户快速 轻松地找到他们需要的内容