UI风水学:你该知道的9个UI设计门道

好风水称之“顺”,其中一元叫气,精气/气场在于风水之中:“气遇风则走,遇水则停。”讲究个气顺心畅;
好交互称之“理”,其中一元叫情,情感/情怀在于场景之中:“情遇杂则乱,遇简则通。”讲究个通情达理。好风水称之“顺”,其中一元叫气,精气/气场在于风水之中:“气遇风则走,遇水则停。”讲究个气顺心畅;
好交互称之“理”,其中一元叫情,情感/情怀在于场景之中:“情遇杂则乱,遇简则通。”讲究个通情达理。


好风水称之“顺”,其中一元叫气,精气/气场在于风水之中:“气遇风则走,遇水则停。”讲究个气顺心畅;

好交互称之“理”,其中一元叫情,情感/情怀在于场景之中:“情遇杂则乱,遇简则通。”讲究个通情达理。

UI风水学:你该知道的9个UI设计门道

印象

一副罗盘,一桶竹签,一把神仙胡。电影里的风水先生,给足了我们算命卜卦的印象。我不是风水中人,只是听过昔日老友的一些风水之道,关于风/水/气势对与人的影响,里面有透着一种“以人为本”的气息。像极了我们行内的交互设计,所以今天我也来一挂,信不信由你。

话说UI并不是研发(早期)流程的必要环节,产品也不能单靠UI成功,国内UI的兴起,离不开IT行业日益激烈的竞争,后来企业为了与网络接轨,终于从国外引进了交互的概念,为了融合本土文化,笔者尝试从风水的角度重新审视和探索这个我们曾经熟悉的“未知空间”。

史例

在英国伦敦郊外,一座叫布莱克弗赖尔的黑色大桥,每年总有不少厌世者跑到桥上投河,民间盛传这座桥上总是有幽灵游荡……后来政府把黑色的桥漆成绿色,试行后发现桥上自杀事件骤然降到原来的一半。有人说这是典型色彩应用的设计案例,和风水无关。但放在风水里,似乎也有着相似的讲究。

UI风水学:你该知道的9个UI设计门道

门道讲究甚多

1.阴阳——“阴阳交感而生宇宙万物”

阴阳学说来自于《易经》,黑白两极又称正负空间,UI的发展正是将原有复杂的事物信息扁平后呈现,表面上减掉了很多视觉信息,实质上却将产品重心回归到了内容和功能上,为设计开辟了一个新的纵深空间。

UI风水学:你该知道的9个UI设计门道

2.布阵——“太极生两仪,两仪生四象,四象生八卦。”

界面中任何图形/交互的样式都有影响全局的作用,前期的交互规范决定了每一种样式的属性和有效的层级关系,从体验上帮助用户理解信息,从格局上奠定语言生态,从情感上建立产品信任度。

UI风水学:你该知道的9个UI设计门道

3.方位——“辩方位而正则”

上下左右,常用控件到底摆在哪里合适?如“关闭”键是大家最熟悉的BUTTON,一般摆放于界面右上角的位置(通用),这样既好找又能减少了误操作。就像中国人喜欢朝南的房子一样(采光),背后有着很多科学的解释。

UI风水学:你该知道的9个UI设计门道

4.时辰——“子、 丑、寅、卯、辰、巳、午、未、申、酉、辛、亥12时辰”

因为睡眠的原因,我们在家里待的最久的地方不是客厅而是起居室(卧室),风水的布置不免费心,从建筑规划也能看出,加配独卫的主卧早成卖点。所以一个成熟的产品设计,更离不开对用户各种时间节点的分析和运用。

UI风水学:你该知道的9个UI设计门道

5.声音——“五音六律十三徽”

视觉传达的概念中文字被喻为一种平面声音,同样的视觉范围,不一样大小的文字有着不同的音量,像声音一样,较大音量具备明显的辐射效应,大号的文字标题干扰和穿透力更强。

UI风水学:你该知道的9个UI设计门道

6.风/水——“藏风聚气,得水为上”

风代表灵动,用来改变僵地的平淡;水代表净洁,用来冲洗多余的繁华,“动静有致”的画/界面,既能拉开信息的层次,也符合了人眼本能处理信息的方式;

UI风水学:你该知道的9个UI设计门道

7.规矩——“心如规矩,志如尺衡”

刻量与标记虽然是UI交付中一个很不起眼的工作环节,但在团队协作中却发挥了重要的作用,再好的界面也离不开精细的前端呈现,每一像素的标注都关系最终产品的品质。

UI风水学:你该知道的9个UI设计门道

8.玄关——“玄关幽键,喻法藏也”

加载或登录界面是UI中最有趣也最容易忽视的地方,如同玄关,一个过渡的空间,表面可有可无,但此处为用户出入的必经之地,使用频率之高,足以承载整体UI的第一感受。

UI风水学:你该知道的9个UI设计门道

9.靠山——“有其象必其应”

俗话说:“耳听为虚,眼见为实!”生活中人们为了避免失利,更愿意接受自己所认知的事物,经验和习惯像一座大山一样难以撼动,所以交互中最常见的操作如“返回”键的ICON,箭头和对齐的方向永远指向左边,依靠的都是人们长期的阅读和使用习惯。

UI风水学:你该知道的9个UI设计门道

UI之风水忌讳

关键性功能不宜放在高频操作区域(避免误操作)

犹如“大路对冲”,指屋/门正对一条笔直街道,影响健康。

同一个功能的操作或显示不宜呈现多种样式(避免认知摩擦)

犹如“门向不一”,指屋内开门的方向左右不一致,影响运势。

设计完稿后不宜直接提交(避免闭门造车)

犹如“乔迁未暧”,指搬入新居时过于冷清,影响财运

根文化

风水源自《易经》,载于商周之际,后推崇于道家(老子-开创),与道家有着密不可分的关系,道家哲学不同于儒家社会哲学的进路,道家重视人性,创立了“人本”的思想观点,“天道运行有其自然而然的原理在”。

UI风水学:你该知道的9个UI设计门道

小结

  • 道学的一面为人性,以无形胜有形;
  • UI是内容的载体,拓展的核心在空间;
  • “风水轮流转”强调不断借鉴与包容的心态。

好风水称之“顺”,其中一元叫气,精气/气场在于风水之中:“气遇风则走,遇水则停。”讲究个气顺心畅;

好交互称之“理”,其中一元叫情,情感/情怀在于场景之中:“情遇杂则乱,遇简则通。”讲究个通情达理。

“风水”之说至今未被科学证实,江湖传言也仅为道听途说,生活中我们正逐渐远离这些古老的“迷信”……只待有识之士,着起研之!

UI风水学:你该知道的9个UI设计门道

 

本文由 @WET 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/25835/

(0)
CatherineCatherine
上一篇 2017-05-12 13:16
下一篇 2017-05-12 15:13

相关推荐

  • 交互设计文档如何写,才给程序员以美得享受?

    阿西UED授权发布作者公众号艾欧交互设计ID:aioued文章最后报名线上线下活动:【HBAT创新设计峰会:design+下的生存之道】“写交互设计文档(DRD)目的在于:便于与前端、测试以及开发工程师沟通”交互设计文档重要么?重要!但不是项目必需具备的内容,为什么还要学习呢?其实对于初学者来说,交互设计文档能够很好的梳理产品的逻辑关系、基本的设计规范等问题,让你真正透彻的认识一个产品所有可能性。基本上,在大公司都会写交互设计文档的,便...

    2018-02-01
  • 新版Material Design 官方动效指南

    在Material design的世界中,动效用一种优雅、流动的方式来描述空间关系、功能、和意向。

    2017-05-23
  • 菲茨定律与未来交互方式

    未来已来,随着科技的不断发展,交互的方式也发生巨大的变化,它正一步步颠覆着我们的生活习惯。

    2017-04-27
  • 【整理】交互设计七大标准

    1交互设计七大标准(1) 菲茨定律(Fitts'Law)2交互设计七大标准(2) 希克法则(Hick’s Law)3交互设计七大标准(3) 神奇数字 7±2 法则4交互设计七大标准(4) The Law Of Proximity 接近法则5交互设计七大标准(5) 复杂性守恒定律6交互设计七大标准(6) 防错原则7交互设计七大标准(7) 奥卡姆剃刀定律(简单有效原理)请关注公众号“UX设计艺术中心”,学习更多转载此文,请署名原作者及来自微...

    2018-03-15
  • 用户体验必读:将用户需求转成产品需求

    如何挖掘需求,来和大家聊聊如何全面分析收集好的需求,如何判断需求真伪。通常收集到的需求,绝大部分都是“用户需求”,所谓用户需求,是指听到用户说想要的东西,以及用户以为自己想要的东西,而产品经理要做的,就是思考如下三个问题:1、这个需求靠谱么?(需求的判断)2、这个需求真的是需求么?(需求的挖掘)3、怎么向别人讲清楚这个需求?(需求的描述)需求的判断产品经理先要判断这个需求是否靠谱,判断的标准就是需求是否有“价值”,这个价值,具体包括:用...

    2018-03-03
  • 交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

    这些交互设计 必备书籍,但你也许都没读过;初次接触交互设计 ,这11本书,刚好够读一年,你的技能将会有质的飞跃。

    2017-05-26
  • 交互设计基本原则(第二部分:默认和可见性)【UXRen译#157】

    作者:Bruce Tognazzini  |  翻译:邱金,校审:Chen Jing   一、默认Defaults 1.1 原则:输入框的默认值应该很容易“吹走” 当用户激活一个输入框,当前条目应该自动被选择,以便按退格/删除键或开始键入来清空条目…

    交互专题 2017-08-07
  • 交互设计的5个常见错误

    交互设计从来都不容易。它包括了用户行为的深度分析,和一丝不苟的规划。随着新技术和交互设计模式的出现,事情并不会变容易。 艳丽的图片、顺畅的鼠标悬停效果和意外的动画,不再那么容易引起用户注意了。但难题却…

    2015-11-09
  • 按钮体验设计:最佳的感受,形式和状态

      按钮体验设计:最佳的感受,形式和状态 按钮是一个普通的,几乎我们每天都要接触的设计元素.除了这个,由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素,所以它值得我们为按钮这样最基本的元…

    2016-03-24
  • Axure神器:用母版打造模块化设计【UXRen原创】

    作者:Petrel(UXRen社区Axure金牌讲师,资深交互设计师) Axure原型的制作过程中,你一定遇到过这样的问题,出现在不同页面的功能模块,如果你是通过复制粘贴来完成的,那么当该模块发生变动需要修改时,麻烦就大…

    2017-08-04