分析響應(yīng)師Web設(shè)計

Web設(shè)計面向的目標(biāo)設(shè)備正在由單一發(fā)展為多元，這也許是最近一兩年里最令人激動，同時又是最令人焦慮的事情了。這不再是關(guān)于樣式能否在不同瀏覽器中保持兼容的問題，我們在新局面下面對的是各種方面的因素：不同的設(shè)備、不同的屏幕尺寸、不同的使用環(huán)境、不同的系統(tǒng)平臺所具有的UI風(fēng)格等。

雖然響應(yīng)式設(shè)計(什么是響應(yīng)式Web設(shè)計?)或是針對指定設(shè)備進(jìn)行設(shè)計的思路都可以在一定程度上幫助我們面向不同的環(huán)境調(diào)整外觀形式及體驗方式，但不是所有的UI元素或模塊都可以被賦予彈性，我們?nèi)匀恍枰诤芏嗟胤绞褂谩肮潭ā钡娜只O(shè)計方案。這時，“好脾氣”的思路就可以幫上忙了。具體的實踐原則很簡單明了：為了讓設(shè)計方案在一系列不同類型的設(shè)備中都能產(chǎn)生最好的用戶體驗，我們需要對界面中一些關(guān)鍵性的UI元素做出不同程度的折中調(diào)整，使整個頁面對于環(huán)境的適應(yīng)能力更強(qiáng)。

最近，越來越多的桌面版本網(wǎng)站當(dāng)中開始出現(xiàn)具有觸屏設(shè)備UI風(fēng)格的界面元素，這種做法很好地體現(xiàn)出了“好脾氣”的設(shè)計思路。在觸屏移動設(shè)備當(dāng)中，我們需要通過手指對界面當(dāng)中的交互對象進(jìn)行直接操作。比起傳統(tǒng)的鼠標(biāo)指針，手指觸控方式需要的目標(biāo)作用區(qū)域更大?？紤]到這一點，我們應(yīng)該適度地增大頁面當(dāng)中一些重要交互元素的尺寸;同時，為了保持視覺上的平衡，我們還需要對相關(guān)元素之間的間距及它們各自的內(nèi)邊距進(jìn)行調(diào)整。

舉個簡單的例子，Google在其新版UI當(dāng)中明顯地增大了“寫郵件”按鈕這類重要交互元素的尺寸;同時，諸如導(dǎo)航菜單、工具欄、郵件列表等界面元素，在間距留白等方面也有做相應(yīng)的調(diào)整。相比于過去，新版設(shè)計方案顯著地提升了Google的這些主線產(chǎn)品對于觸屏操作的友好性。

從某種程度上講，iPad在觸屏移動設(shè)備與傳統(tǒng)桌面設(shè)備之間架起了一座橋梁，它的普及提升了觸屏設(shè)備UI風(fēng)格在桌面設(shè)備當(dāng)中的影響力。看看Gmail和Twitter這類主流產(chǎn)品在最近的改版，或是花時間到那些CSS網(wǎng)頁設(shè)計案例集當(dāng)中瀏覽一下最新的優(yōu)秀作品，你會發(fā)現(xiàn)當(dāng)前的Web設(shè)計風(fēng)格看上去確實和以前不大一樣了，它們看上去似乎更加的...豐滿。留白更多，按鈕更大，一切看上去都又大又平。不過我們也必須承認(rèn)，這種現(xiàn)象與桌面顯示器不斷增大的尺寸也有一定的關(guān)聯(lián)。

在這類設(shè)計方案當(dāng)中，界面元素所占據(jù)的空間對于鼠標(biāo)指針來說顯得有些許浪費(fèi)了，但對于手指觸控的方式卻恰到好處。這也正是“好脾氣”的設(shè)計思路的核心思想，即為了使界面能夠適用于更多的平臺環(huán)境，而對“標(biāo)準(zhǔn)化”的設(shè)計方案進(jìn)行微調(diào)，最終達(dá)到一種折中的狀態(tài)。

而且在很多時候，這種權(quán)衡的結(jié)果對于鍵鼠交互方式來說也并不壞。容易被手指觸摸的按鈕同樣易于鼠標(biāo)的控制，整個UI在傳統(tǒng)設(shè)備上下文環(huán)境當(dāng)中的用戶體驗也許反而有所提升。

此外，我們之前的又是為了觸屏移動設(shè)備而設(shè)計一文也可以在觸控體驗設(shè)計方面為大家?guī)硪恍﹨⒖肌?br />
本文來自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計公司-創(chuàng)新互聯(lián)

分享文章：分析響應(yīng)師Web設(shè)計
當(dāng)前地址：http://bm7419.com/news9/325409.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、服務(wù)器托管、營銷型網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)