感受已經(jīng)持續(xù)下了九百多天的雨了，身上也仿佛即將生出苔蘚與蘑菇。Down your sister's rain...淡定著，嗣魅正事兒。本篇譯文其其實春節(jié)之前就有所著手，不外時代持續(xù)看到了幾篇更想做的，于是相當(dāng)沒有節(jié)操的見異思遷了。今次恰逢母難日，抓緊時刻補回來。走起。
跟著手藝的前進，Web設(shè)計的理念與技法也在不竭成長。設(shè)備種類越來越多，帶給我們的挑戰(zhàn)也越來越年夜。若何以最合理的體例使設(shè)計方案能夠最年夜水平地順應(yīng)各類設(shè)備的機能與規(guī)格屬性，這是我們在工作傍邊必需考慮的問題。
面臨這樣的挑戰(zhàn)，我們一方面會感受自己曾經(jīng)熟悉的工作規(guī)模俄然布滿了未知感，而另一方面，一向普遍存在的那些舊問題也依然擺在面前。我們是否需要破耗全數(shù)精神用來解決各類新舊細節(jié)問題，仍是可以年夜宏不美觀上追求一些具有指導(dǎo)性質(zhì)的“真諦”?
Web設(shè)計的歷史過于短暫，要想弄年夜白一些年夜事理，我們不妨將視野放遠些，讓思緒跨越設(shè)計典型疇。其實，我們真的可以年夜那些看上饒暌閨設(shè)計沒有多年夜聯(lián)系關(guān)系規(guī)領(lǐng)域中找到一些抽象化的、更具普愚見義的思緒和模式，以輔佐我們解決自己的問題。心理學(xué)和音樂等都是我們可以加以研究和試探的對象。接下來，就讓我們一路體味一下巴赫與當(dāng)前Web設(shè)計所面臨的挑戰(zhàn)之間的關(guān)系。巴赫誒。
巴赫與“好脾性的克萊維爾”(十二平均律鋼琴曲集)
1722年，巴赫創(chuàng)作了一部搜羅48首前奏曲與賦格(24個巨細調(diào))的鋼琴曲集，首要用作培育年青音樂家的教育素材。這套曲集是西方音樂史中最主要的作品之一，影響極為深遠。巴赫本人將它命名為“好脾性的克萊維爾(The Well-Tempered Clavier)”。
為什么這部曲集具有重年夜的歷史意義呢?要知道，在巴赫所處的阿誰時代，在鍵盤曲譜上使用全數(shù)調(diào)式吹奏曲目并不是一種很正統(tǒng)的做法。年夜物理學(xué)的角度講，具有固定根柢的鍵盤曲譜一次只能吹奏幾個特定的調(diào)式。對于阿誰時代的調(diào)音系統(tǒng)來說，要在鋼琴上彈奏出全數(shù)12個調(diào)式，幾乎是一件不成能的工作。
物理定律是很難被打破的，但人的感知是可以被改變的，解決方檀卷是年夜頭界說“合調(diào)”的概念。某些音程在被調(diào)整之后會與尺度的音準發(fā)生細小的誤差，年夜而發(fā)生了一個新的調(diào)音系統(tǒng)，使人們可以彈奏全數(shù)曲調(diào)。這種為了修建更合理的系統(tǒng)而調(diào)整其組成要素屬性特征的能力，就是一個系統(tǒng)的“脾性”。
巴赫的平均律對自然律進行了批改，將八度音程分為十二半音的調(diào)律法，以便于轉(zhuǎn)調(diào)。這種體例自然可以被稱為“好脾性”，它就像是古典音樂中的適用主義。
Web設(shè)計中的好脾性
Web設(shè)計面向的方針設(shè)備正在由單一成長為多元，這也許是比來一兩年邁最令人感動，同時又是最令人焦炙的工作了。這不再是關(guān)于樣式能否在分歧瀏覽器中連結(jié)兼容的問題，我們在新場所排場下面臨的是各類方面的身分：分歧的設(shè)備、分歧的屏幕尺寸、分歧的使用情形、分歧的系統(tǒng)平臺所具有的UI氣概等。
雖然響應(yīng)式設(shè)計(什么是響應(yīng)式Web設(shè)計?)或是針對指定設(shè)備進行設(shè)計的思緒都可以在必然水平上輔佐我們面向分歧的情形調(diào)整外不美觀形式及體驗體例，但不是所有的UI元素或模塊都可以被賦予彈性，我們?nèi)匀恍枰诹级嗵幩褂?ldquo;固定”的全局化設(shè)計方案。這時，“好脾性”的思緒就可以幫膳縵悝了。具體的實踐原則很簡單了然：為了讓設(shè)計方案在一系列分歧類型的設(shè)備中都能發(fā)生最好的用戶體驗，我們需要對界面一一些關(guān)頭性的UI元素做出分歧水平的折中調(diào)整，使整個頁面臨于情形的順應(yīng)能力更強。
觸控優(yōu)先
比來，越來越多的桌面版本網(wǎng)站傍邊起頭呈現(xiàn)具有觸屏設(shè)備UI氣概的界面元素，這種做法很好地浮現(xiàn)出了“好脾性”的設(shè)計思緒。在觸屏移動設(shè)備傍邊，我們需要經(jīng)由過程手指對界面傍邊的交互對象進行直接操作。比起傳統(tǒng)的鼠標指針，手指觸控體例需要的方針浸染區(qū)域更年夜。考慮到這一點，我們應(yīng)該適度地增年夜頁面傍邊一些主要交互元素的尺寸;同時，為了連結(jié)視覺上的平衡，我們還需要對相關(guān)元素之間的間距及它們各自的內(nèi)邊距進行調(diào)整。
舉個簡單的例子，Google在其新版UI傍邊較著地增年夜了“心暌故件”按鈕這類主要交互元素的尺寸;同時，諸如導(dǎo)航菜單、工具欄、郵件列表等界面元素，在間距留白等方面也有做響應(yīng)的調(diào)整。對比于曩昔，新版設(shè)計方案顯著地晉升了Google的這些主線產(chǎn)物對于觸屏操作的友好性。
年夜某種水平上講，iPad在觸屏移動設(shè)備與傳統(tǒng)桌面設(shè)備之間架起了一座橋梁，它的普及晉升了觸屏設(shè)備UI氣概在桌面設(shè)備傍邊的影響力。看看Gmail和Twitter這類主流產(chǎn)物在比來的改版，或是花時刻到那些CSS網(wǎng)頁設(shè)計案例集傍邊瀏覽一下最新的優(yōu)異作品，你會發(fā)現(xiàn)當(dāng)前的Web設(shè)計氣概看上去確實和頁堪不年夜一樣了，它們看上去似乎加倍的...豐滿。留白更多，按鈕更年夜，一切看上去都又年夜又平。不外我們也必需認可，這種現(xiàn)象與桌面顯示器不竭增年夜的尺寸也有必然的聯(lián)系關(guān)系。
在這類設(shè)計方案傍邊，界面元素所占有的空間對于鼠標指針來說顯得有些許華侈了，但對于手指觸控的體例卻恰如其分。這也恰是“好脾性”的設(shè)計思緒的焦點思惟，即為了使界面能夠合用于更多的平臺情形，而對“尺度化”的設(shè)計方案進行微調(diào)，最終達到一種折中的狀況。
而且在良多時辰，這種權(quán)衡的結(jié)不美觀對于鍵鼠交互體例來說也并不壞。輕易被手指觸摸的按鈕同樣易于鼠標的節(jié)制，整個UI在傳統(tǒng)設(shè)備上下文情形傍邊的用戶體驗也許反而有所晉升。
推薦閱讀
<b>效仿者蜂擁而至 解讀Birchbox網(wǎng)站模式的獨特魅力</b>
紐約有一個神奇的網(wǎng)站，它名叫Birchbox。2010年秋天成立的它，在這一年半來急劇擴張：擁有10多萬會員;與130多個品牌成立合作關(guān)系;融資額達到1190萬美元;員工年夜最初的3名增添到現(xiàn)在的50人，公司地址搬遷了四次;其怪>>>詳細閱讀
本文標題：<b>網(wǎng)站設(shè)計心理學(xué)與音樂研究：設(shè)計好脾氣的Web頁面</b>
地址：http://m.sdlzkt.com/a/22/20120314/40360.html
網(wǎng)友點評
精彩導(dǎo)讀
科技快報
品牌展示