感受已经持续下了九百多天的雨了，身上也仿佛即将生出苔藓与蘑菇。Down your sister's rain...淡定着，嗣魅正事儿。本篇译文其其实春节之前就有所着手，不外时代持续看到了几篇更想做的，于是相当没有节操的见异思迁了。今次恰逢母难日，抓紧时刻补回来。走起。

　　跟着手艺的前进，Web设计的理念与技法也在不竭成长。设备种类越来越多，带给我们的挑战也越来越年夜。若何以最合理的体例使设计方案能够最年夜水平地顺应各类设备的机能与规格属性，这是我们在工作傍边必需考虑的问题。

　　面临这样的挑战，我们一方面会感受自己曾经熟悉的工作规模俄然布满了未知感，而另一方面，一向普遍存在的那些旧问题也依然摆在面前。我们是否需要破耗全数精神用来解决各类新旧细节问题，仍是可以年夜宏不美观上追求一些具有指导性质的“真谛”?

　　Web设计的历史过于短暂，要想弄年夜白一些年夜事理，我们不妨将视野放远些，让思绪跨越设计典型畴。其实，我们真的可以年夜那些看上饶暌闺设计没有多年夜联系关系规领域中找到一些抽象化的、更具普愚见义的思绪和模式，以辅佐我们解决自己的问题。心理学和音乐等都是我们可以加以研究和试探的对象。接下来，就让我们一路体味一下巴赫与当前Web设计所面临的挑战之间的关系。巴赫诶。

　　巴赫与“好脾性的克莱维尔”(十二平均律钢琴曲集)

　　1722年，巴赫创作了一部搜罗48首前奏曲与赋格(24个巨细调)的钢琴曲集，首要用作培育年青音乐家的教育素材。这套曲集是西方音乐史中最主要的作品之一，影响极为深远。巴赫本人将它命名为“好脾性的克莱维尔(The Well-Tempered Clavier)”。

　　为什么这部曲集具有重年夜的历史意义呢?要知道，在巴赫所处的阿谁时代，在键盘曲谱上使用全数调式吹奏曲目并不是一种很正统的做法。年夜物理学的角度讲，具有固定根柢的键盘曲谱一次只能吹奏几个特定的调式。对于阿谁时代的调音系统来说，要在钢琴上弹奏出全数12个调式，几乎是一件不成能的工作。

　　物理定律是很难被打破的，但人的感知是可以被改变的，解决方檀卷是年夜头界说“合调”的概念。某些音程在被调整之后会与尺度的音准发生细小的误差，年夜而发生了一个新的调音系统，使人们可以弹奏全数曲调。这种为了修建更合理的系统而调整其组成要素属性特征的能力，就是一个系统的“脾性”。

　　巴赫的平均律对自然律进行了批改，将八度音程分为十二半音的调律法，以便于转调。这种体例自然可以被称为“好脾性”，它就像是古典音乐中的适用主义。

　　Web设计中的好脾性

　　Web设计面向的方针设备正在由单一成长为多元，这也许是比来一两年迈最令人感动，同时又是最令人焦炙的工作了。这不再是关于样式能否在分歧浏览器中连结兼容的问题，我们在新场所排场下面临的是各类方面的身分：分歧的设备、分歧的屏幕尺寸、分歧的使用情形、分歧的系统平台所具有的UI气概等。

　　虽然响应式设计(什么是响应式Web设计?)或是针对指定设备进行设计的思绪都可以在必然水平上辅佐我们面向分歧的情形调整外不美观形式及体验体例，但不是所有的UI元素或模块都可以被赋予弹性，我们仍然需要在良多处所使用“固定”的全局化设计方案。这时，“好脾性”的思绪就可以帮膳缦悝了。具体的实践原则很简单了然：为了让设计方案在一系列分歧类型的设备中都能发生最好的用户体验，我们需要对界面一一些关头性的UI元素做出分歧水平的折中调整，使整个页面临于情形的顺应能力更强。

　　触控优先

　　比来，越来越多的桌面版本网站傍边起头呈现具有触屏设备UI气概的界面元素，这种做法很好地浮现出了“好脾性”的设计思绪。在触屏移动设备傍边，我们需要经由过程手指对界面傍边的交互对象进行直接操作。比起传统的鼠标指针，手指触控体例需要的方针浸染区域更年夜。考虑到这一点，我们应该适度地增年夜页面傍边一些主要交互元素的尺寸;同时，为了连结视觉上的平衡，我们还需要对相关元素之间的间距及它们各自的内边距进行调整。

　　举个简单的例子，Google在其新版UI傍边较着地增年夜了“心暌故件”按钮这类主要交互元素的尺寸;同时，诸如导航菜单、工具栏、邮件列表等界面元素，在间距留白等方面也有做响应的调整。对比于曩昔，新版设计方案显著地晋升了Google的这些主线产物对于触屏操作的友好性。

　　年夜某种水平上讲，iPad在触屏移动设备与传统桌面设备之间架起了一座桥梁，它的普及晋升了触屏设备UI气概在桌面设备傍边的影响力。看看Gmail和Twitter这类主流产物在比来的改版，或是花时刻到那些CSS网页设计案例集傍边浏览一下最新的优异作品，你会发现当前的Web设计气概看上去确实和页堪不年夜一样了，它们看上去似乎加倍的...丰满。留白更多，按钮更年夜，一切看上去都又年夜又平。不外我们也必需认可，这种现象与桌面显示器不竭增年夜的尺寸也有必然的联系关系。

　　在这类设计方案傍边，界面元素所占有的空间对于鼠标指针来说显得有些许华侈了，但对于手指触控的体例却恰如其分。这也恰是“好脾性”的设计思绪的焦点思惟，即为了使界面能够合用于更多的平台情形，而对“尺度化”的设计方案进行微调，最终达到一种折中的状况。

　　而且在良多时辰，这种权衡的结不美观对于键鼠交互体例来说也并不坏。轻易被手指触摸的按钮同样易于鼠标的节制，整个UI在传统设备上下文情形傍边的用户体验也许反而有所晋升。

　　推荐阅读

　　<b>效仿者蜂拥而至 解读Birchbox网站模式的独特魅力</b>

纽约有一个神奇的网站，它名叫Birchbox。2010年秋天成立的它，在这一年半来急剧扩张：拥有10多万会员;与130多个品牌成立合作关系;融资额达到1190万美元;员工年夜最初的3名增添到现在的50人，公司地址搬迁了四次;其怪>>>详细阅读

本文标题：<b>网站设计心理学与音乐研究：设计好脾气的Web页面</b>

地址：http://www.lgo100.com/a/22/20120314/40360.html

 1/2    1  2 下一页