文档章节

平面设计2.0的最佳实践

博为峰教研组
 博为峰教研组
发布于 2017/02/07 18:59
字数 925
阅读 9
收藏 0

平面设计可以被看作是极简主义的近亲 - 所有的设计元素都集中在简单的想法上。然而,平面设计的简单性却很难实现 - 让我们来看看可以通过些什么方式来解决。

隐形设计

删除不必要的样式

最好学习“隐形设计” - 做出用户不会注意到的设计选择。因为每次用户花费注意的设计,就会脱离内容和信息。但你的目标是帮助用户快速,轻松地了解某些操作和消息。因此,你的设计应该剥离可视元素以强调其基本功能。

 

充满活力的颜色

颜色是平面设计效果的主要部分

颜色是平面设计的一大部分 - 它基本上设置了您网站的页面或应用程序的观点的整体感觉。平面设计调色板通常比其他应用程序/网站更亮更丰富多彩。

平面UI颜色是选择平面颜色方案时的一个很好的开始。

最好使用饱和度略低的颜色,它们往往会为你的页面增添美感,而不会因为颜色太艳丽而分散注意力。

 

集中于版式设计

 

应该告诉用户什么是页面上最重要的,以及如何使用设计。最好使用简单的排版,因为它更容易阅读和更好的加载,更不用说极简主义风格的必要性。

 

动画

 

动画设计更加需要以用户为中心。当用户与您的应用或网站进行互动时,

他们可能会提出以下问题:

“这里最重要的是什么?

“我怎么知道接下来该做什么?

“我怎么知道我已经完成了我的任务?

像这样的问题可能揭示使用动画来增强体验的感受。动画优化感知用户体验并回答问题:

它引导用户的注意力,并提示如果用户完成点击/手势会发生什么。

它可以帮助您在界面中定位用户,并在视图之间提供指导性焦点。

它提供了视觉反馈。

基于运动的设计元素可以以各种形式看到,包括过渡,动画和纹理,也可以模仿3D深度。

动画能使我们能够更好地交流互动,使用户更容易理解它们。

 

插图

 

插图是平面设计的延伸

随着平面设计风格变化,也包含更多的插图。

图片比语言更有冲击力,使体验更好,

创建正确的插图通常使概念易于理解。

使用插图时,要注意视觉引导,不然就会使用户跳出内容。

 

在设计平面UI时,你将面临的最大问题是交互式元素。用户需要知道页面的哪些区域是纯静态内容,而其他区域是可点击的。

最近,设计师们开始意识到这个问题。因此,对平面设计的更成熟和平衡的解释出现了 - 平面设计2.0版:平面设计2.0版指采取极简主义和实用功能的最好的方面,使他们融合在一起,平面设计2.0版使用微妙的阴影和边缘效果来暗示这种交互性。阴影和渐变给了必要的线索告诉用户什么可以点击和什么不能在界面上。结果,用户理解提高,阴影也有助于告诉用户元素的层次和结构。

© 著作权归作者所有

博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
【Spring Boot 实战开发】第1讲 Kotlin 的极简特性之:隐式类型与函数式编程

《Spring Boot 2.0极简教程》—— 基于 Gradle + Kotlin 的企业级应用开发最佳实践 Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化新 Spring 应用的初始搭建以及开发过...

程序员诗人
2018/04/18
0
0
Conduit 0.5 成为终曲,后续并入 Linkerd 2.0

在 Conduit 0.5 的发布公告中,官方表示,0.5 版本将成为 Conduit 的最后一个主要版本,Conduit 将逐步整合进 Linkerd 项目,成为 Linkerd 2.0 的基础继续存在。 Conduit 是一个 Kubernetes...

h4cd
2018/07/10
2.1K
10
【Spring Boot 开发实战】第1讲 Kotlin 的极简特性之:隐式类型与函数式编程

《Spring Boot 开发实战》—— 基于 Gradle + Kotlin 的企业级应用开发最佳实践 Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程。...

程序员诗人
2018/04/18
0
0
WebSphere sMash

WebSphere sMash 是 IBM WebSphere 家族提供的一个新应用平台产品, 它提供了一个 Web 2.0 应用的平台, 覆盖了开发, 部署和运行管理的全部过程. 程序员们利用动态脚本语言, 像 Groovy 和 PHP,...

匿名
2012/08/14
1K
0
QingCloud 实践课堂——武汉站 2017年5月13日 13:30-17:00

关于实践课堂 QingCloud 实践课堂系列开始于2014年末,至今已经成功举办两季,是我们在全国范围内,为所有对技术有着极致追求的程序员和架构师们巡回举办的重要活动。迄今,已经走进了深圳、...

cathyli
2017/04/28
217
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周二乱弹 —— 开发语言和语言开发的能一样么

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @花间小酌:#今日歌曲推荐# 分享The Score的单曲《Revolution》 《Revolution》- The Score 手机党少年们想听歌,请使劲儿戳(这里) @批判派...

小小编辑
今天
890
10
oracle ORA-39700: database must be opened with UPGRADE option

ORA-01092: ORACLE instance terminated. Disconnection forced ORA-00704: bootstrap process failure ORA-39700: database must be opened with UPGRADE option 进程 ID: 3650 会话 ID: 29......

Tank_shu
今天
3
0
分布式协调服务zookeeper

ps.本文为《从Paxos到Zookeeper 分布式一致性原理与实践》笔记之一 ZooKeeper ZooKeeper曾是Apache Hadoop的一个子项目,是一个典型的分布式数据一致性的解决方案,分布式应用程序可以基于它...

ls_cherish
今天
4
0
聊聊DubboDefaultPropertiesEnvironmentPostProcessor

序 本文主要研究一下DubboDefaultPropertiesEnvironmentPostProcessor DubboDefaultPropertiesEnvironmentPostProcessor dubbo-spring-boot-project-2.7.3/dubbo-spring-boot-compatible/au......

go4it
昨天
2
0
redis 学习2

网站 启动 服务端 启动redis 服务端 在redis 安装目录下 src 里面 ./redis-server & 可以指定 配置文件或者端口 客户端 在 redis 的安装目录里面的 src 里面 ./redis-cli 可以指定 指定 连接...

之渊
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部