专栏首页互联网杂技极简设计的最佳实践

极简设计的最佳实践

随着移动设备被越来越多的使用,极简主义的设计思想也伴随着流行开来。事实上,极简主义的应用确实为无论是移动端的应用程序还是传统的网站都带来了额外的好处,比如使用户界面的加载速度更快、不同尺寸屏幕之间的兼容性更好。美丽的极简主义应用程序与伟大的可用性结合令人印象深刻:一个容易导航,简单的应用程序是一种非常强大的通信形式。

设计师想要用更少的内容表达更多的信息

但是另一方面,要实现极简主义的合理应用也是有些棘手的。 它迫使设计师要用更少的东西传达更多的信息。对于那些想要尝试极简主义的人,请务必在开始之前,确保你要知道一些基本的经验法则。本文就将分享一些设计想法给大家,希望帮到你们:

1、删除所有额外元素——确保设计中的每一项要素都是有意义的

对于一个简约设计,你没有松动的余地。 页面上的每个元素都是经过深思熟虑的。每个元素都用于一个目的。除了绝对必要的那些部件之外,其他的所有元素都被剥离。 正如Antoine De Saint-Exupery说的:

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away”——完美,并非是多的不能再多,而是少的不能再少

温馨提示:在决定保留哪些元素剥离哪些元素时一定要严肃对待

1)务必弃用那些通用的网络图片。除非在清晰地表达某条信息时图片必不可少,否则不要使用图片。

2)去掉所有不必要的措辞,尽可能简洁地跟用户沟通。文本副本应仅包含能完全解释您的消息所需的最低限度的信息。同时,文本副本应包含所有有意义的信息,因为有意义的信息的减少会导致混乱和困惑的用户体验。

2、每一屏创建单个用户焦点——凸显重要信息

屏幕上的元素越少,剩余的元素就越有效(越有意义)。 极简主义思想的核心是你必须围绕内容进行设计:内容是王,而视觉布局则服务于内容。 其目的在于为了使要向用户传达的信息更清晰通透,不光要消除冗余干扰项,而且要想办法能关注于内容本身上。因此,一个简约的设计方案应该以清晰而非模糊的方式突出显示要表达的内容和行为召唤按钮。

温馨提示:先从最基本的(不做样式处理)内容开始,然后构建足够用户轻松导航的用户界面。

3、简化配色方案——限制使用的颜色数量

在一个设计方案中使用太多颜色可能会对其产生负面影响,而通过简化配色方案则可以从一定程度上改善用户体验。但是,限制颜色的使用并不意味着你只能在黑白和白色之外选择一种主色。 简约设计的思想是说要准确地描绘你的设计想法并创建清晰的层次结构,务必只使用必要的颜色,不要多余。

温馨提示:不妨考虑使用大胆一些的颜色。在没有额外视觉提示的情况下,无论是增加字体大小还是使用一个强调色都往往能轻而易举地将用户的注意力吸引到屏幕的特定区域。

4、多使用留白——合理的留白有助于避免混乱的外观

所谓留白是指内容之间/之外处于空白的区域,在颜色上并不局限于白色。它是极简主义的一个重要组成部分——它使得元素更清晰的呈现出来且易于阅读。千万不要把留白理解为需要填充的空白空间,你要学会将留白视为内容部分的框架和边框。

温馨提示:你可以通过增加元素周围的空间来让它变得更显而易见,但是要确保留白部分在引导用户的视觉线索时遵从一定的逻辑顺序。

5、结论

极简主义下的用户界面确实是实现优秀设计的一种方式,但它不是目标。

“Form follows function”——形式追随功能!

这意味着,极简主义设计的最终目标是实现返璞归真,在最纯粹的样式中,还原最基本的东西,创建一个无缝流畅的设计体验。这就要求一个设计师既能遵从可用性的基本要求,又要保持精益求精的设计追求。最后,请记住,简约主义并不是强调要大刀阔斧地尽可能剥离设计元素,而是考虑如何使用足够的内容清晰有效的向用户传达必须的信息。

本文分享自微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-03-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • css中的伪类与伪元素

    伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。 伪类的种类 ...

    前朝楚水
  • 全面揭秘!详析 Adobe XD 的团队内部使用的设计思考流程

    你有没有想过,如果有一种通用公式,能让你设计出创新性的产品、用户体验或服务,这世界将会发生什么? ——我指的可不是那些慢吞吞的递进式优化,我要说的是"破坏性"的...

    前朝楚水
  • 丁点而内存知识

    在C和C++语言开发中,指针、内存一直是学习的重点。因为C语言作为一种偏底层的中低级语言,提供了大量的内存直接操作的方法,这一方面使程序的灵活度最大化,同时也为...

    前朝楚水
  • CSS 3.0实现视频字幕悬停特效

    越陌度阡
  • vue computed正确使用方式

    模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护,所以,对于复杂逻辑,vue 提倡使用计算属性。需要特别...

    奋飛
  • php面向对象中static静态属性和静态方法的调用

    这篇文章主要介绍了php面向对象中static静态属性和静态方法的调用,实例分析了static静态属性和静态方法的原理与调用技巧,需要的朋友可以参考下 本文实例...

    joshua317
  • 数 学 专 业 劝 退 指 南

    随着这两天各地陆续公布高考分数线,填报志愿这个“人生大事”也马上要开始了,很多图灵的学生读者留言表示对选择专业有些疑虑,其中有个比较深刻的例子。

    统计学家
  • 《死或生6》新预告:醉拳大战形意拳

    《死或生6》公布一支新预告,来自中国的醉拳大师布拉德·王和精通形意拳的英国少年埃利奥特将回归本作,另外官方还公布了新的战斗舞台“难忘之地”,它结合了《死或生》历...

    Zip
  • AppleWatch开发入门一——Watch的开发思路与应用框架

            Apple Watch无疑是apple在智能手表领域的一次革命,如何在Watch上开发出实用且具有美感的应用,是iOS开发者们开始思考的一个问题...

    珲少
  • iOS 高仿微信相机拍摄和编辑

    且行且珍惜_iOS

扫码关注云+社区

领取腾讯云代金券