平面设计2.0的最佳实践
2017-02-07 00:00
274 查看
平面设计可以被看作是极简主义的近亲 - 所有的设计元素都集中在简单的想法上。然而,平面设计的简单性却很难实现 - 让我们来看看可以通过些什么方式来解决。
隐形设计
删除不必要的样式
最好学习“隐形设计” - 做出用户不会注意到的设计选择。因为每次用户花费注意的设计,就会脱离内容和信息。但你的目标是帮助用户快速,轻松地了解某些操作和消息。因此,你的设计应该剥离可视元素以强调其基本功能。
充满活力的颜色
颜色是平面设计效果的主要部分
颜色是平面设计的一大部分 - 它基本上设置了您网站的页面或应用程序的观点的整体感觉。平面设计调色板通常比其他应用程序/网站更亮更丰富多彩。
平面UI颜色是选择平面颜色方案时的一个很好的开始。
最好使用饱和度略低的颜色,它们往往会为你的页面增添美感,而不会因为颜色太艳丽而分散注意力。
集中于版式设计
应该告诉用户什么是页面上最重要的,以及如何使用设计。最好使用简单的排版,因为它更容易阅读和更好的加载,更不用说极简主义风格的必要性。
动画
动画设计更加需要以用户为中心。当用户与您的应用或网站进行互动时,
他们可能会提出以下问题:
“这里最重要的是什么?
“我怎么知道接下来该做什么?
“我怎么知道我已经完成了我的任务?
像这样的问题可能揭示使用动画来增强体验的感受。动画优化感知用户体验并回答问题:
它引导用户的注意力,并提示如果用户完成点击/手势会发生什么。
它可以帮助您在界面中定位用户,并在视图之间提供指导性焦点。
它提供了视觉反馈。
基于运动的设计元素可以以各种形式看到,包括过渡,动画和纹理,也可以模仿3D深度。
动画能使我们能够更好地交流互动,使用户更容易理解它们。
插图
插图是平面设计的延伸
随着平面设计风格变化,也包含更多的插图。
图片比语言更有冲击力,使体验更好,
创建正确的插图通常使概念易于理解。
使用插图时,要注意视觉引导,不然就会使用户跳出内容。
在设计平面UI时,你将面临的最大问题是交互式元素。用户需要知道页面的哪些区域是纯静态内容,而其他区域是可点击的。
最近,设计师们开始意识到这个问题。因此,对平面设计的更成熟和平衡的解释出现了 - 平面设计2.0版:平面设计2.0版指采取极简主义和实用功能的最好的方面,使他们融合在一起,平面设计2.0版使用微妙的阴影和边缘效果来暗示这种交互性。阴影和渐变给了必要的线索告诉用户什么可以点击和什么不能在界面上。结果,用户理解提高,阴影也有助于告诉用户元素的层次和结构。
隐形设计
删除不必要的样式
最好学习“隐形设计” - 做出用户不会注意到的设计选择。因为每次用户花费注意的设计,就会脱离内容和信息。但你的目标是帮助用户快速,轻松地了解某些操作和消息。因此,你的设计应该剥离可视元素以强调其基本功能。
充满活力的颜色
颜色是平面设计效果的主要部分
颜色是平面设计的一大部分 - 它基本上设置了您网站的页面或应用程序的观点的整体感觉。平面设计调色板通常比其他应用程序/网站更亮更丰富多彩。
平面UI颜色是选择平面颜色方案时的一个很好的开始。
最好使用饱和度略低的颜色,它们往往会为你的页面增添美感,而不会因为颜色太艳丽而分散注意力。
集中于版式设计
应该告诉用户什么是页面上最重要的,以及如何使用设计。最好使用简单的排版,因为它更容易阅读和更好的加载,更不用说极简主义风格的必要性。
动画
动画设计更加需要以用户为中心。当用户与您的应用或网站进行互动时,
他们可能会提出以下问题:
“这里最重要的是什么?
“我怎么知道接下来该做什么?
“我怎么知道我已经完成了我的任务?
像这样的问题可能揭示使用动画来增强体验的感受。动画优化感知用户体验并回答问题:
它引导用户的注意力,并提示如果用户完成点击/手势会发生什么。
它可以帮助您在界面中定位用户,并在视图之间提供指导性焦点。
它提供了视觉反馈。
基于运动的设计元素可以以各种形式看到,包括过渡,动画和纹理,也可以模仿3D深度。
动画能使我们能够更好地交流互动,使用户更容易理解它们。
插图
插图是平面设计的延伸
随着平面设计风格变化,也包含更多的插图。
图片比语言更有冲击力,使体验更好,
创建正确的插图通常使概念易于理解。
使用插图时,要注意视觉引导,不然就会使用户跳出内容。
在设计平面UI时,你将面临的最大问题是交互式元素。用户需要知道页面的哪些区域是纯静态内容,而其他区域是可点击的。
最近,设计师们开始意识到这个问题。因此,对平面设计的更成熟和平衡的解释出现了 - 平面设计2.0版:平面设计2.0版指采取极简主义和实用功能的最好的方面,使他们融合在一起,平面设计2.0版使用微妙的阴影和边缘效果来暗示这种交互性。阴影和渐变给了必要的线索告诉用户什么可以点击和什么不能在界面上。结果,用户理解提高,阴影也有助于告诉用户元素的层次和结构。
相关文章推荐
- 平面设计2.0的最佳实践
- 英国电信设计模式最佳实践
- 摘要:.NET Pet Shop 应用程序的设计说明了构建企业 n 层 .NET 2.0 应用程序的最佳做法,这种应用程序可能需要支持各种数据库平台和部署方案。
- LINQ快速开发设计最佳实践(三) LINQ数据访问与业务逻辑层对象模板
- 博客园开发征途新书预告《Windows Powershell 2.0应用编程最佳实践》即将出版
- Microsoft SQL 服务器的最佳实践,设计和开发准则
- 英国电信设计模式最佳实践
- Android最佳实践之流畅(Seamlessness)设计
- LINQ快速开发设计最佳实践(一)
- SaaS架构设计之高性能的Multi-Tenant最佳实践
- 新书预告《Windows Powershell 2.0应用编程最佳实践》即将出版
- Java EE最佳实践2.0
- SQL Server 2005报表设计:最佳实践和指导
- SOA 中的服务接口设计最佳实践,第 2 部分:使用服务向服务使用者应用程序报告错误
- LINQ快速开发设计最佳实践(二) 构建Model模型
- 设计高可用Java企业级应用的最佳实践
- [导入]ExtJs 2.0 公司工程化应用的最佳实践(二)
- ExtJs 2.0 公司工程化应用的最佳实践(一)
- Microsoft SQL 服务器的最佳实践,设计和开发准则
- 深夜闲聊Java与PHP 以及架构设计思想与最佳实践