《众妙之门——用户体验设计的秘密》一第2章 设计“好脾气”的网页2.1 巴赫和他的十二平均律

简介:

本节书摘来自异步社区《众妙之门——用户体验设计的秘密》一书中的第2章,第2.1节,作者【德】Smashing Magazine,更多章节内容可以访问云栖社区“异步社区”公众号查看

第2章 设计“好脾气”的网页

众妙之门——用户体验设计的秘密
Rob Flaherty

科技在进步,网页设计的技巧也在进步。新的科技带来了新的挑战,因此,也需要新的解决方案。有时,人们面对崭新的未知领域,实在是毫无经验,只能根据直觉去打造解决方案。而有时,人们在新领域面对的问题有过去的影子,可以从历史和别人的经验中找到答案。

相对其他设计那漫长而又荣耀的历史,网页设计的历史有限,因此能给出的经验也相对有限,人们不得不借鉴这段有限的历史去解决近乎无限的问题。虽然也可以学习图形设计和视觉传达艺术的经验,但是网络完全不一样,人们不应该被束缚,因为网络的本质是自由。如果能够分析出问题的因和果,分析出问题的组成,那么问题就好解决多了。世界上任何事物都有一定的规律,有章可循,人们可以通过学习获取灵感,从而解决问题。即使是音乐和心理学这种不相关的领域,也可以从其中找到解决问题的答案。即使是约翰·塞巴斯蒂安·巴赫的乐章,也暗藏着迎接挑战的方案。

本章将进行一次历史的穿越,让那个时代伟大的艺术家巴赫来解决网页设计中的问题——网页设计该如何适应兼容性不尽相同、特性各异的不同设备。

2.1 巴赫和他的十二平均律

1722年,巴赫收集整理了自己的键盘曲集,打算用此来为年轻的音乐家教学。这本曲集包含了48首曲子——从C到B有十二个音,十二种调性,每种调性包含了大调与小调。调式总和为24,而每一个调都写了前奏曲和赋格曲,共计48首。现在,这些弦律成为了西方音乐的主要规范,这是西方音乐史上总重要的作品之一。巴赫将此命名为
“平均律”。

要知道,巴赫时代的钢琴是古钢琴,和现代钢琴不同,那时候的键盘在现在看起来很非常规。古钢琴的发音原理是:通过羽毛管的拨子拨动金属弦发音,且击弦后立即脱离琴弦的装置,所以无法连续弹奏,一次只能弹一个键。在那样落后的时代,想要将十二个大调弹奏的合调,是很艰难的。因为在巴赫的时代,所使用的调律法基本上是纯律,很不利于转调。

想要改变物理规律很难,但是人类的观察角度却很容易转变。问题:无法和谐的弹奏。原因:① 钢琴物理因素。② 弹奏无法合调。既然在物理上改造钢琴很难,所以巴赫换了一种角度来思考。他将问题重新定义,主要致力于“合调”问题的解决。巴赫将8度音程平均分为十二个半音。这样,问题就得以解决。这种折中的、系统性的解决方案被称之为“音律”。

1-SF为巴赫十二平均律中第一首前奏的开头部分。


980e587663a760ceca13161218fc41ad3df7803a

这种因巴赫而驰名的、可以用来解决问题的音律系统被称之为十二平均律。如今,西方音乐的“均分律”和“平均律”仍有一些差异,但是它们的目标是一致的:使每个按键略有差异(或者说是略有瑕疵),这样就能合理利用全键盘。这是音乐上的实用主义。

相关文章
|
SQL 搜索推荐 测试技术
日拱一卒的意义:开源搜索引擎Typesense作者自述:每天写一点代码,写出Typesense
日拱一卒的意义:开源搜索引擎Typesense作者自述:每天写一点代码,写出Typesense
235 0

热门文章

最新文章

  • 1
    流量控制系统,用正则表达式提取汉字
    25
  • 2
    Redis09-----List类型,有序,元素可以重复,插入和删除快,查询速度一般,一般保存一些有顺序的数据,如朋友圈点赞列表,评论列表等,LPUSH user 1 2 3可以一个一个推
    26
  • 3
    Redis08命令-Hash类型,也叫散列,其中value是一个无序字典,类似于java的HashMap结构,Hash结构可以将对象中的每个字段独立存储,可以针对每字段做CRUD
    26
  • 4
    Redis07命令-String类型字符串,不管是哪种格式,底层都是字节数组形式存储的,最大空间不超过512m,SET添加,MSET批量添加,INCRBY age 2可以,MSET,INCRSETEX
    27
  • 5
    S外部函数可以访问函数内部的变量的闭包-闭包最简单的用不了,闭包是内层函数+外层函数的变量,简称为函数套函数,外部函数可以访问函数内部的变量,存在函数套函数
    24
  • 6
    Redis06-Redis常用的命令,模糊的搜索查询往往会对服务器产生很大的压力,MSET k1 v1 k2 v2 k3 v3 添加,DEL是删除的意思,EXISTS age 可以用来查询是否有存在1
    30
  • 7
    Redis05数据结构介绍,数据结构介绍,官方网站中看到
    22
  • 8
    JS字符串数据类型转换,字符串如何转成变量,+号只要有一个是字符串,就会把另外一个转成字符串,- * / 都会把数据转成数字类型,数字型控制台是蓝色,字符型控制台是黑色,
    20
  • 9
    JS数组操作---删除,arr.pop()方法从数组中删除最后一个元素,并返回该元素的值,arr.shift() 删除第一个值,arr.splice()方法,删除指定元素,arr.splice,从第一
    20
  • 10
    定义好变量,${age}模版字符串,对象可以放null,检验数据类型console.log(typeof str)
    19