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

相关推荐

  • 译文|用户体验的秘诀是什么?

    我常被问到的问题之一是:“你在用户体验过程中的思维是怎么样的”或者“如何你如何把用户的个人资料转化成可以有形的事物,比如说‘界面’”。

    2017-05-28
  • 产品交互控件:社交App中的「消息」功能窗口化

    每天偷偷看大神秀文采的我终于发了篇字数不多的帖子…在浏览朋友圈时有新消息!而我们必须返回,点击第一个Tab『微信』,才能收发消息。

    2017-05-07
  • 怎样挣钱?用户体验是一个值得关注的话题

    近年来,“快闪”成了营销届的新玩法,不少大品牌纷纷开起了快闪店。何为“快闪店”Pop-upshop在一个固定地点,临时搭建起来的零售商店,存在时间长短不一,几天或者几周,有的几个月,也称Pop-up shop。坐标:成都远洋太古里品牌:欧舒丹时间:2018年3月2日—8日欧舒丹粉樱咖啡快闪店的出现,正值樱花季。这场满载法式浪漫的活动,呈现出唯美场景,现场随处可见,络绎不绝的打卡人群,这场营销又让欧舒丹火了一把。坐标:香港皇后大道品牌:C...

    2018-03-30
  • 交互进阶:一套较完整的轻量竞品调研法

    本文作者将介绍自己常用的一套较完整的轻量竞品调研法,一共分为五个步骤。“这个地方怎么不借鉴X产品?”
    “那个地方你不要借鉴Y产品,我一点也不觉得好用!”
    “这个界面看起来根本不像这类产品的界面啊?”
    ……

    2017-05-02
  • Affinity Photo 最新破解版–PS真的遇到对手了,这里是 for Mac1.3.4免费下载!

    应网友要求更新。Affinity Photo已公布其在Mac App Store的最终版本。最终版本拥有众多专业高端功能,如Raw处理、PSD导入和导出、16位通道的编辑和ICC色彩管理以及兼容大量图片格式。Affinity Photo充分利用了Mac O…

    2015-08-12
  • 如果你即将面试交互设计,可以参考一下这篇

    交互设计也是设计类,设计类的面试只要看作品说话而已。但是,偶尔有也会有些面试官完全都不理你的作品,然后会问一些比较宽泛的问题,今天的汇总就是主要针对这部分题目。题目大多都能回答,但是偶尔一个题目打过来还是会有点懵,所以事先做好准备会相对比较好。最最重要的当然是介绍你的作品!介绍你的作品!介绍你的作品!(重要事情说三遍)讲的思路就是你从什么地方找到设计的依据,然后做了什么设计。下面就是面试的其他问题:1、自我介绍。答:(自我介绍算是面试的...

    微信热点 2018-03-25
  • 提升用户体验的12大法器—《从点子到产品》读书笔记

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26
  • Push!请给用户一个打开APP的理由

    大多数APP的推送都是使用不当的。

    2016-04-21
  • Alan-Cooper的交互设计理念

    阿西导读:交互不是界面设计,你可以说交互是画线框图的,但不能说交互是臭画线框图的! Alan是一位仅仅做了大约15年编程的交互设计师。如果你还要问我Alan-Cooper是谁,那么请先百度或Google后在来读这篇文章。 以…

    交互设计 2015-01-26
  • 科幻场景中的交互设计

    那么多的电影,里面那些UI场景你留意过么?在不少涉及未来题材的电影中,许多高科技设备与人交互时候的UI界面设计也是非常值得学习的。这次小编大家搜罗了各种电影中出现的UI场景,一起来学习科幻场景中的交互设计…

    2015-01-26