《众妙之门——用户体验设计的秘密》一第2章 设计“好脾气”的网页2.1 巴赫和他的十二平均律
本节书摘来自异步社区《众妙之门——用户体验设计的秘密》一书中的第2章,第2.1节,作者【德】Smashing Magazine,更多章节内容可以访问云栖社区“异步社区”公众号查看
众妙之门——用户体验设计的秘密
Rob Flaherty
科技在进步,网页设计的技巧也在进步。新的科技带来了新的挑战,因此,也需要新的解决方案。有时,人们面对崭新的未知领域,实在是毫无经验,只能根据直觉去打造解决方案。而有时,人们在新领域面对的问题有过去的影子,可以从历史和别人的经验中找到答案。
相对其他设计那漫长而又荣耀的历史,网页设计的历史有限,因此能给出的经验也相对有限,人们不得不借鉴这段有限的历史去解决近乎无限的问题。虽然也可以学习图形设计和视觉传达艺术的经验,但是网络完全不一样,人们不应该被束缚,因为网络的本质是自由。如果能够分析出问题的因和果,分析出问题的组成,那么问题就好解决多了。世界上任何事物都有一定的规律,有章可循,人们可以通过学习获取灵感,从而解决问题。即使是音乐和心理学这种不相关的领域,也可以从其中找到解决问题的答案。即使是约翰·塞巴斯蒂安·巴赫的乐章,也暗藏着迎接挑战的方案。
本章将进行一次历史的穿越,让那个时代伟大的艺术家巴赫来解决网页设计中的问题——网页设计该如何适应兼容性不尽相同、特性各异的不同设备。
2.1 巴赫和他的十二平均律1722年,巴赫收集整理了自己的键盘曲集,打算用此来为年轻的音乐家教学。这本曲集包含了48首曲子——从C到B有十二个音,十二种调性,每种调性包含了大调与小调。调式总和为24,而每一个调都写了前奏曲和赋格曲,共计48首。现在,这些弦律成为了西方音乐的主要规范,这是西方音乐史上总重要的作品之一。巴赫将此命名为
“平均律”。
要知道,巴赫时代的钢琴是古钢琴,和现代钢琴不同,那时候的键盘在现在看起来很非常规。古钢琴的发音原理是:通过羽毛管的拨子拨动金属弦发音,且击弦后立即脱离琴弦的装置,所以无法连续弹奏,一次只能弹一个键。在那样落后的时代,想要将十二个大调弹奏的合调,是很艰难的。因为在巴赫的时代,所使用的调律法基本上是纯律,很不利于转调。
想要改变物理规律很难,但是人类的观察角度却很容易转变。问题:无法和谐的弹奏。原因:① 钢琴物理因素。② 弹奏无法合调。既然在物理上改造钢琴很难,所以巴赫换了一种角度来思考。他将问题重新定义,主要致力于“合调”问题的解决。巴赫将8度音程平均分为十二个半音。这样,问题就得以解决。这种折中的、系统性的解决方案被称之为“音律”。
1-SF为巴赫十二平均律中第一首前奏的开头部分。
![980e587663a760ceca13161218fc41ad3df7803a](https://yqfile.alicdn.com/980e587663a760ceca13161218fc41ad3df7803a.png)
这种因巴赫而驰名的、可以用来解决问题的音律系统被称之为十二平均律。如今,西方音乐的“均分律”和“平均律”仍有一些差异,但是它们的目标是一致的:使每个按键略有差异(或者说是略有瑕疵),这样就能合理利用全键盘。这是音乐上的实用主义。
《众妙之门——网页排版设计制胜秘诀》——导读 本书是Smashing Magazine网站的精选文章合辑,旨在帮助读者提升网页版式设计水平。本书囊括了字体抗锯齿技术,网页排版的原则,网页字体的设置技巧,CSS字体堆栈指南,CSS3的新特性,网页字体服务推荐以及排版工具介绍,等等。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- 44、网页启动Activity,网页传值Activity
- 标签之美五——网页表格的设计
- 网页设计DIV+CSS——第3 天:定义语言编码
- 网页设计DIV+CSS——第2 天:什么是名字空间
- 响应式网页设计的9条基本原则
- EasyNVR网页Chrome无插件播放安防摄像机视频流是怎么做到web浏览器延时一秒内
- 纯html网页重定向与跳转
- 网页设计的12种颜色
- chm 已取消到该网页的导航,打不开!
- paip.网页右键复制菜单限制解除解决方案
- 【Android笔记63】Android之网页视图WebView介绍及其使用
- 知识就是力量,但更重要的是运用知识的能力---网页端微信扫码支付-场景说明&技术设计
- 手机端网页使用html5地理定位获取位置失败的解决办法
- 网页显示UIWebView(一个)
- 使用 Learner Lab - 使用 S3 静态网页上传图片,搭配 API Gateway 与 Lambda
- i18n 和 基于js的网页多语言框架 jquery.i18n的介绍
- 使用OpenCV-Python+Flask+json完美实现网页与本地互相协同数据流传输: NLP模型聊天文本request传输+图像算法结果传输的解决方案
- 京东app连接电脑上访问突然跳转不到电脑版网页