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

相关推荐

  • 资深交互设计师经常强调的「场景」到底是什么?

    编者按:资深设计师经常强调的「场景」是什么?今天@拉瓦像阿拉蕾 通过5个搜索的案例,带你认识场景的魅力。

    2017-08-29
  • 商业产品的四大设计策略

    我们仍然需要在很多地方持续帮助用户有效监控商业产品的使用效果,为商业生态中的用户打造更高质的用户体验。从而提升商业产品的信任度,以达到商业产品的可持续性发展。这是商业设计师们内心所坚守的情怀,也是恒久为之努力的目标。“太棒了,原来是需要多几步才能完成,新方案一步就能完成,实在是很方便”
    ——2016年4月,参与易用性验证实验(一)的用户如是说“原来这个功能是这样,原来我一直理解错了,太可怕了。难怪有些客户设置后无效,总打电话投诉。”
    ——2016年10月,参与易用性验证实验(二)的用户如是说

    2017-05-12
  • 产品设计评价技巧的那些事(Airbnb产品设计总监)

    分享者:Katie Dill(Airbnb产品设计总监);译者:夏梦竹、张红月   在产品设计中会存在各式各样的评价,也许评价可能会带有一些意见色彩,但这就是它的价值所在。它让我们明白——为何人们喜爱或是讨厌我们的产品。…

    交互专题 2023-03-03
  • 澳洲留学 | 交互设计专业硕士大解析

    📢:1⃣️条信息,足以改变你的未来!欢迎关注本平台交互设计在中国是一个新兴的产业,但是随着中国电子系统对人们生活影响的逐渐扩大,中国交互设计师将面临一个很大的缺口。什么是交互设计专业?1.words 语言语言是互动的最基础部分。人与人之间的互动是通过语言来进行基本交流。人也通过语言与机器进行交流。这里的语言可以是文字形式、语音形式、或动作形式等。在美国,一个好的交互设计师,也是一个很好地copy writer,需要具备良好的语言沟通和文...

    2018-04-06
  • 2018用户体验设计趋势,你知道吗?

    设计师总再盼望未来 - 在整个工作流中我们重复相同的事情。最后,困扰设计师往往是围绕着一个简单的问题:我们如何才能提高用户的体验?为了解决这个题,Figma采访了18位设计师,让他们来来预测2018用户体验设计趋势。1.可用性第一,个性化第二“我真的希望2018年设计师们将可用性设计铭记在心。我们不要在基本元素上使用超浅灰色,我们做得每一个像素动画不应该只是因为它看起来不错,我们不应该让用户难以理解内容,因为我们是设计师。”2.设计师要...

    2018-01-31
  • 【译】为什么要在绘制线框图之前画草图

    我们在设计的过程中都会有意无意忽略掉很多步骤,大部分原因是我们都不了解这些步骤。当有人问你,交互设计的价值在哪里?会不会觉得很难回答出来,就算答了也觉得很虚。因为本质上我们都不懂。当你了解了整个流程…

    2015-08-19
  • 走进交互设计——感受生活中的交互设计

    交互设计交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的…

    2017-08-01
  • 抖音|如何提升广告的用户体验

    最近发现越来越多的人开始分析抖音这款产品。小编接触抖音时间也蛮久了,到现在成为年轻人的标配。今天小编就来跟你唠唠抖音那些事儿。douyin抖音·  正·  文·  来·  啦·从产品的冷启动,到现在的野蛮成长期,抖音这款产品变化不得不说变化很大,当时的抖音很纯净,并没有什么广告,当然这也是符合产品生命周期的特性。以前的抖音技术流占据了大部分江山,如今的抖音变成了生活小百科,网红商品的发源地,产品内容标准也在随着产品所处的阶段在变化。如今...

    2018-05-05
  • 交互设计师怎样理解信息架构

    设计文章 / 交互设计 | 发布者: GUImobile 这篇适合交互设计或者对交互设计感兴趣的小伙伴们看。所以我就不解释信息架构是什么了。今天写一下产品信息架构的思考。 任何产品都有信息架构,或繁杂或简单。在文中讨论…

    2014-10-15
  • 关于增强移动端交互设计的7条小建议

    本文转译自TubikStudio,内容有删减如果你要问某个产品的移动端交互设计好不好?很简单,如果用户能够很轻松愉快的使用以至于没有感受到它的存在,这就表示这款产品的设计是专业的、成功的。另一方面,如果整套交互中存在不合理的地方,用户一定会注意到他们,并且引发吐槽。移动应用的设计,需要清晰易用,可以随时随地进行有效使用。设计师的认识是创建一个直观的界面,指导用户们,帮助他们顺利操作使用。1、降低学习成本每个产品经理或者交互设计师,都想创...

    2018-02-17