当前课程知识点:交互设计 > 第7章、用户界面设计 > 7.8 界面设计的趋势 > 界面设计的趋势
同学们大家好
下面要讲的是第八节部分
界面设计的十个趋势
接下来我们就来一一的了解一下
第一是
有沉浸感的全屏式设计
UI的设计风格每一年都在发生变化
就像是扁平化 手势 微交互 卡片式
成为过去两年中关键词一样
总有一些好的设计总是想方法来吸引你
它们大批涌现形成了某种趋势
因而我们能看到
像上面两个界面这样的网页设计
它以全屏式的大幅图像和视频为主
以一种简单却有效的方式
迅速把你带入它所设定的情境之中
第二是长滚动式设计
现在
滚动从小屏幕越来越多地转向大屏幕设计
也有很多的设计师在研究大屏幕上
滚动机制如何处理
才能带来更为卓越的使用感受
我们所看到的第一个图
是国家地理的官方网站
这个界面使用了长滚动式设计
这种滚动设计的好处非常直白
它提供给用户一个更为流畅的浏览体验
以一个线型的方式
引导用户在短时间内不受打扰地阅读到更多的内容
第三点是渐变色的应用
扁平化的设计风格在流行的同时
它的弊端也逐渐显现出来
我们所见到的很多平面设计
几乎都在使用扁平化设计
因此这些设计开始趋于雷同
看上去毫无个性
设计师通过加入渐变色这一元素
使得界面更加生动 活泼
这个图片就是一个极好的例子
它的主页面把流行的粉色和蓝色糅合
产生了双色渐变
看起来十分绚丽
第四个要介绍的是
插画的运用
插画可以用来塑造品牌形象 传递品牌性格
作为一种有趣的情感表达
插画可以是量身定制的
因此它能帮助获得用户的信任
让人感觉更为亲切
右边两个界面
它们的首页以简笔画的形式
很直观地表达了产品的几大功能
能够帮助用户快速理解
第五是打破网格设计
对于大多数设计师而言
网格一直以来都是设计的基础
它能够保证一致性 平衡性和某种节奏
然而
网格也意味着限制
在一个有限的网格内
富有才华的设计师很难去
完整地表现他的天马行空
于是
有些设计师正在尝试突破传统的网格
图片中的这个界面以云为背景
前景是滚动式的图文内容
没有网格的限制
显得清新且自由
所以
这种无网格的创造性设计
可以充分的发挥设计师的奇思妙想
让网页看起来更加灵活自由
但是
这种设计搞不好也会导致一种缺乏秩序的混乱感
同时值得注意的是
无论是怎样颠覆性的无网格设计
用户的体验永远是第一位的
第六是视差效果
视差效果就是说
页面的背景以一个相对前景较慢的速度进行移动
从而产生视觉上的纵深感
它可以结合图片 文本
以一个不太严格的页面布局
带来一种流畅直观的浏览体验
视差效果的好处比较明显
它提供了一个充满活力的界面
并且让用户印象深刻
第七是卡片式设计
就是将需要展示的信息
在尽可能在同一的时间里
分门别类的展示出来
这样用户就能快速的浏览并作出选择
第八是微交互设计
微交互指的是小屏幕上的动画形式
从用户体验的角度来看
这种微交互通过屏幕上的动画转化
以一种更为明确的视觉反馈告诉他们
让他们知道他们的点击行为引发了什么
以及下一步会发生什么
有些很明显的微交互的例子
比如第一个图
当你将iPhone设置成静音时
伴随出现的的震动提醒 屏幕上的静音图标
第九
字体设计
字体设计的重要性无需质疑
同时字体也是平面设计中最基本的单元
它传递文本信息
功能非常基础
你可以看到很多的品牌
都在尝试用更大的 更粗的
以及有着时髦衬线的字体来吸引用户
图一中的这个页面设计还蛮有趣的
点开就是一个1919的一个大的logo
然后会接着出现各个年份的不同车型
这些设计用来强调品牌的历史
导航设计本来就该有多种形式
是时候出现更有趣好玩的导航设计
来抛弃掉汉堡包菜单了
在2018年
也许会出现更多创造性的导航设计方案
帮助用户快速 轻松地找到他们需要的内容
-1.1 什么是交互设计
--什么是交互设计
-1.2 为何需要交互设计
--为何需要交互设计
-1.3 交互设计发展史
--交互设计发展史
-1.4 交互设计与其他学科的交叉关系
-单元测试--作业
-2.1 案例引入
--2.1 案例引入
-2.2 交互系统的组成要素
-2.3 交互设计的目标
--交互设计的目标
-2.4 交互设计的流程
--交互设计的流程
-2.5 交互设计过程模型
--交互设计过程模型
-单元测试--作业
-3.1 用户研究方法
--用户研究方法
-3.2 用户需求研究
--用户需求研究
-3.3 用户行为与交互方式
-3.4 用户认知分析
--用户认知分析
-3.5 使用情景的分析
--使用情景的分析
-3.6 用户模型与场景
--用户模型与场景
-单元测试--作业
-4.1 什么是用户体验
--什么是用户体验
-4.2 用户体验要素
--用户体验要素
-4.3 用户体验的策略
--用户体验的策略
-单元测试--作业
-5.1 方法概述
--方法概述
-5.2 以用户为中心的设计方法
-5.3 以目标为导向的设计方法
-5.4 其他设计方法
--其他设计方法
-单元测试--作业
-6.1 信息架构简介
--信息架构简介
-6.2 信息架构的意义
--信息架构的意义
-6.3 信息架构要解决的问题
-6.4 信息架构详解
--信息架构详解
-6.5 信息架构的方法与原则
-单元测试--作业
-7.1 界面设计概述
--界面设计概述
-7.2 界面设计风格
--界面设计风格
-7.3 界面的色彩设计
--界面的色彩设计
-7.4 界面布局设计
--界面布局设计
-7.5 界面设计规范与原则
-7.6 界面设计常见组件
--界面设计常见组件
-7.7 常见界面设计
--常见界面设计
-7.8 界面设计的趋势
--界面设计的趋势
-单元测试--作业
-8.1 原型设计概述
--原型设计概述
-8.2 低保真与高保真原型
-8.3 服务体验原型
--服务体验原型
-8.4 原型制作与可用性测试
-8.5 启发式评估
--启发式评估
-单元测试--作业
-9.1 前期调研
--前期调研
-9.2 用户研究
--用户研究
-9.3 “救在身边”app设计
-2018中国高校计算机大赛移动应用创新赛全国三等奖获奖作品