• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 設(shè)計(jì)兼容性好的Web頁(yè)面

設(shè)計(jì)兼容性好的Web頁(yè)面

奈薇網(wǎng)站制作 于2019-08-07 19:00發(fā)表 閱讀次數(shù) 2426次

隨著技術(shù)的進(jìn)步，Web設(shè)計(jì)的理念與技法也在不斷發(fā)展。設(shè)備種類越來(lái)越多，帶給我們的挑戰(zhàn)也越來(lái)越大。怎樣以最合理的方式使設(shè)計(jì)方案能夠最大程度地適應(yīng)各種設(shè)備的性能與規(guī)格屬性，這是我們?cè)诠ぷ鳟?dāng)中必須考慮的問(wèn)題。 　　面對(duì)這樣的挑戰(zhàn)，我們一方面會(huì)覺(jué)得自己曾經(jīng)熟悉的工作領(lǐng)域突然充滿了未知感，而另一方面，一直普遍存在的那些舊問(wèn)題也依然擺在面前。我們是否需要花費(fèi)全部精力用來(lái)解決各種新舊細(xì)節(jié)問(wèn)題，還是可以從宏觀上尋求一些具有指導(dǎo)性質(zhì)的“真諦”？ 　　Web設(shè)計(jì)的歷史過(guò)于短暫，要想弄明白一些大道理，我們不妨將視野放遠(yuǎn)些，讓思路跨越設(shè)計(jì)的范疇。其實(shí)，我們真的可以從那些看上去與設(shè)計(jì)沒(méi)有多大關(guān)聯(lián)的領(lǐng)域中找到一些抽象化的、更具普遍意義的思路和模式，以幫助我們解決自己的問(wèn)題。心理學(xué)和音樂(lè)等都是我們可以加以研究和探索的對(duì)象。接下來(lái)，就讓我們一起了解一下巴赫與當(dāng)前Web設(shè)計(jì)所面臨的挑戰(zhàn)之間的關(guān)系。巴赫誒。 　　Web設(shè)計(jì)中的好脾氣 　　Web設(shè)計(jì)面向的目標(biāo)設(shè)備正在由單一發(fā)展為多元，這也許是最近一兩年里最令人激動(dòng)，同時(shí)又是最令人焦慮的事情了。這不再是關(guān)于樣式能否在不同瀏覽器中保持兼容的問(wèn)題，我們?cè)谛戮置嫦旅鎸?duì)的是各種方面的因素：不同的設(shè)備、不同的屏幕尺寸、不同的使用環(huán)境、不同的系統(tǒng)平臺(tái)所具有的UI風(fēng)格等。 　　雖然響應(yīng)式設(shè)計(jì)或是針對(duì)指定設(shè)備進(jìn)行設(shè)計(jì)的思路都可以在一定程度上幫助我們面向不同的環(huán)境調(diào)整外觀形式及體驗(yàn)方式，但不是所有的UI元素或模塊都可以被賦予彈性，我們?nèi)匀恍枰诤芏嗟胤绞褂?ldquo;固定”的全局化設(shè)計(jì)方案。這時(shí)，“好脾氣”的思路就可以幫上忙了。具體的實(shí)踐原則很簡(jiǎn)單明了：為了讓設(shè)計(jì)方案在一系列不同類型的設(shè)備中都能產(chǎn)生最好的用戶體驗(yàn)，我們需要對(duì)界面中一些關(guān)鍵性的UI元素做出不同程度的折中調(diào)整，使整個(gè)頁(yè)面對(duì)于環(huán)境的適應(yīng)能力更強(qiáng)。 　　巴赫與“好脾氣的克萊維爾”（十二平均律鋼琴曲集） 　　1722年，巴赫創(chuàng)作了一部包括48首前奏曲與賦格（24個(gè)大小調(diào)）的鋼琴曲集，主要用作培養(yǎng)年輕音樂(lè)家的教育素材。這套曲集是西方音樂(lè)史中最重要的作品之一，影響極為深遠(yuǎn)。巴赫本人將它命名為“好脾氣的克萊維爾（TheWell-TemperedClavier）”。 　　為什么這部曲集具有重大的歷史意義呢？要知道，在巴赫所處的那個(gè)時(shí)代，在鍵盤(pán)樂(lè)器上使用全部調(diào)式演奏曲目并不是一種很正統(tǒng)的做法。從物理學(xué)的角度講，具有固定音調(diào)的鍵盤(pán)樂(lè)器一次只能演奏幾個(gè)特定的調(diào)式。對(duì)于那個(gè)時(shí)代的調(diào)音系統(tǒng)來(lái)說(shuō)，要在鋼琴上彈奏出全部12個(gè)調(diào)式，幾乎是一件不可能的事情。 　　物理定律是很難被突破的，但人的感知是可以被改變的，解決方案就是重新定義“合調(diào)”的概念。某些音程在被調(diào)整之后會(huì)與標(biāo)準(zhǔn)的音準(zhǔn)產(chǎn)生微小的偏差，從而產(chǎn)生了一個(gè)新的調(diào)音體系，使人們可以彈奏全部曲調(diào)。這種為了構(gòu)筑更合理的系統(tǒng)而調(diào)整其組成要素屬性特征的能力，就是一個(gè)系統(tǒng)的“脾氣”。 　　巴赫的平均律對(duì)自然律進(jìn)行了修正，將八度音程分為十二半音的調(diào)律法，以便于轉(zhuǎn)調(diào)。這種方式自然可以被稱為“好脾氣”，它就像是古典音樂(lè)中的實(shí)用主義。 　　觸控優(yōu)先 　　最近，越來(lái)越多的桌面版本網(wǎng)站當(dāng)中開(kāi)始出現(xiàn)具有觸屏設(shè)備UI風(fēng)格的界面元素，這種做法很好地體現(xiàn)出了“好脾氣”的設(shè)計(jì)思路。在觸屏移動(dòng)設(shè)備當(dāng)中，我們需要通過(guò)手指對(duì)界面當(dāng)中的交互對(duì)象進(jìn)行直接操作。比起傳統(tǒng)的鼠標(biāo)指針，手指觸控方式需要的目標(biāo)作用區(qū)域更大。考慮到這一點(diǎn)，我們應(yīng)該適度地增大頁(yè)面當(dāng)中一些重要交互元素的尺寸；同時(shí)，為了保持視覺(jué)上的平衡，我們還需要對(duì)相關(guān)元素之間的間距及它們各自的內(nèi)邊距進(jìn)行調(diào)整。 　　舉個(gè)簡(jiǎn)單的例子，Google在其新版UI當(dāng)中明顯地增大了“寫(xiě)郵件”按鈕這類重要交互元素的尺寸；同時(shí)，諸如導(dǎo)航菜單、工具欄、郵件列表等界面元素，在間距留白等方面也有做相應(yīng)的調(diào)整。相比于過(guò)去，新版設(shè)計(jì)方案顯著地提升了Google的這些主線產(chǎn)品對(duì)于觸屏操作的友好性。 　　從某種程度上講，iPad在觸屏移動(dòng)設(shè)備與傳統(tǒng)桌面設(shè)備之間架起了一座橋梁，它的普及提升了觸屏設(shè)備UI風(fēng)格在桌面設(shè)備當(dāng)中的影響力?？纯碐mail和Twitter這類主流產(chǎn)品在最近的改版，或是花時(shí)間到那些CSS網(wǎng)頁(yè)設(shè)計(jì)案例集當(dāng)中瀏覽一下最新的優(yōu)秀作品，你會(huì)發(fā)現(xiàn)當(dāng)前的Web設(shè)計(jì)風(fēng)格看上去確實(shí)和以前不大一樣了，它們看上去似乎更加的。..豐滿。留白更多，按鈕更大，一切看上去都又大又平。不過(guò)我們也必須承認(rèn)，這種現(xiàn)象與桌面顯示器不斷增大的尺寸也有一定的關(guān)聯(lián)。 　　在這類設(shè)計(jì)方案當(dāng)中，界面元素所占據(jù)的空間對(duì)于鼠標(biāo)指針來(lái)說(shuō)顯得有些許浪費(fèi)了，但對(duì)于手指觸控的方式卻恰到好處。這也正是“好脾氣”的設(shè)計(jì)思路的核心思想，即為了使界面能夠適用于更多的平臺(tái)環(huán)境，而對(duì)“標(biāo)準(zhǔn)化”的設(shè)計(jì)方案進(jìn)行微調(diào)，最終達(dá)到一種折中的狀態(tài)。 　　而且在很多時(shí)候，這種權(quán)衡的結(jié)果對(duì)于鍵鼠交互方式來(lái)說(shuō)也并不壞。容易被手指觸摸的按鈕同樣易于鼠標(biāo)的控制，整個(gè)UI在傳統(tǒng)設(shè)備上下文環(huán)境當(dāng)中的用戶體驗(yàn)也許反而有所提升。

設(shè)計(jì)兼容性好的Web頁(yè)面相關(guān)標(biāo)簽：設(shè)計(jì)網(wǎng)站，網(wǎng)頁(yè)制作，網(wǎng)站制作公司，網(wǎng)站制作

相關(guān)熱點(diǎn)推薦

微信公眾號(hào)怎么吸粉？微 網(wǎng)站內(nèi)容寫(xiě)作的指導(dǎo)方針 網(wǎng)絡(luò)安全事件頻發(fā)，全站 每個(gè)企業(yè)都需要一套網(wǎng)絡(luò) 企業(yè)網(wǎng)站建設(shè)的主要原則 網(wǎng)站被K后怎么辦以及應(yīng) 八大要領(lǐng)做網(wǎng)站就這么簡(jiǎn) 新人做站之網(wǎng)站定位與網(wǎng) 如何做好網(wǎng)站內(nèi)鏈的優(yōu)化 人機(jī)交互界面設(shè)計(jì)的三個(gè) 如何自定義百度搜索結(jié)果 外貿(mào)網(wǎng)站建設(shè)好后如何優(yōu) 傳統(tǒng)FLASH建站已經(jīng) 優(yōu)化用戶體驗(yàn)，讓網(wǎng)站呈 搜索引擎優(yōu)化 網(wǎng)站建設(shè)前應(yīng)該準(zhǔn)備什么 影響青島網(wǎng)站建設(shè)排名的 高顏值的全屏導(dǎo)航網(wǎng)頁(yè)設(shè) 頁(yè)面規(guī)劃流程中怎么展示 專題類網(wǎng)頁(yè)的設(shè)計(jì)與制作 什么是留言和評(píng)論，留言 交互設(shè)計(jì)有效性之操作入 網(wǎng)站發(fā)布軟文更容易被收 企業(yè)網(wǎng)站在建設(shè)之前需要 交互設(shè)計(jì)師是一個(gè)沒(méi)有前 網(wǎng)頁(yè)設(shè)計(jì)師之路 2016年各種微信推廣 淺議Web網(wǎng)頁(yè)Form 寫(xiě)網(wǎng)頁(yè)內(nèi)容需要注意些什 如何挖掘網(wǎng)站長(zhǎng)尾關(guān)鍵詞 友情鏈接交換的方法及要 奈薇建站網(wǎng)科技2017 網(wǎng)站導(dǎo)航理論與實(shí)踐 網(wǎng)頁(yè)設(shè)計(jì)靈感的起源地 青島網(wǎng)站改版的公司哪家 青島開(kāi)發(fā)區(qū)、膠南網(wǎng)站建 建立網(wǎng)站的好處 如何建立個(gè)人網(wǎng)站? 網(wǎng)站盈利的兩種模式 從零開(kāi)始設(shè)計(jì)一個(gè)漂亮的

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線門(mén)戶