青島網站建設公司,青島網站制作公司-奈薇建站網
建站咨詢熱線:0532-8878113113165158935 
知識普及 ? 設計兼容性好的Web頁面

設計兼容性好的Web頁面

奈薇網站制作 2019-08-07 19:00發表
閱讀次數 1183
  隨著技術的進步,Web設計的理念與技法也在不斷發展。設備種類越來越多,帶給我們的挑戰也越來越大。怎樣以最合理的方式使設計方案能夠最大程度地適應各種設備的性能與規格屬性,這是我們在工作當中必須考慮的問題。

  面對這樣的挑戰,我們一方面會覺得自己曾經熟悉的工作領域突然充滿了未知感,而另一方面,一直普遍存在的那些舊問題也依然擺在面前。我們是否需要花費全部精力用來解決各種新舊細節問題,還是可以從宏觀上尋求一些具有指導性質的“真諦”?

  Web設計的歷史過于短暫,要想弄明白一些大道理,我們不妨將視野放遠些,讓思路跨越設計的范疇。其實,我們真的可以從那些看上去與設計沒有多大關聯的領域中找到一些抽象化的、更具普遍意義的思路和模式,以幫助我們解決自己的問題。心理學和音樂等都是我們可以加以研究和探索的對象。接下來,就讓我們一起了解一下巴赫與當前Web設計所面臨的挑戰之間的關系。巴赫誒。

  Web設計中的好脾氣

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

  雖然響應式設計或是針對指定設備進行設計的思路都可以在一定程度上幫助我們面向不同的環境調整外觀形式及體驗方式,但不是所有的UI元素或模塊都可以被賦予彈性,我們仍然需要在很多地方使用“固定”的全局化設計方案。這時,“好脾氣”的思路就可以幫上忙了。具體的實踐原則很簡單明了:為了讓設計方案在一系列不同類型的設備中都能產生最好的用戶體驗,我們需要對界面中一些關鍵性的UI元素做出不同程度的折中調整,使整個頁面對于環境的適應能力更強。

  巴赫與“好脾氣的克萊維爾”(十二平均律鋼琴曲集)

  1722年,巴赫創作了一部包括48首前奏曲與賦格(24個大小調)的鋼琴曲集,主要用作培養年輕音樂家的教育素材。這套曲集是西方音樂史中最重要的作品之一,影響極為深遠。巴赫本人將它命名為“好脾氣的克萊維爾(TheWell-TemperedClavier)”。

  為什么這部曲集具有重大的歷史意義呢?要知道,在巴赫所處的那個時代,在鍵盤樂器上使用全部調式演奏曲目并不是一種很正統的做法。從物理學的角度講,具有固定音調的鍵盤樂器一次只能演奏幾個特定的調式。對于那個時代的調音系統來說,要在鋼琴上彈奏出全部12個調式,幾乎是一件不可能的事情。

  物理定律是很難被突破的,但人的感知是可以被改變的,解決方案就是重新定義“合調”的概念。某些音程在被調整之后會與標準的音準產生微小的偏差,從而產生了一個新的調音體系,使人們可以彈奏全部曲調。這種為了構筑更合理的系統而調整其組成要素屬性特征的能力,就是一個系統的“脾氣”。

  巴赫的平均律對自然律進行了修正,將八度音程分為十二半音的調律法,以便于轉調。這種方式自然可以被稱為“好脾氣”,它就像是古典音樂中的實用主義。

  觸控優先

  最近,越來越多的桌面版本網站當中開始出現具有觸屏設備UI風格的界面元素,這種做法很好地體現出了“好脾氣”的設計思路。在觸屏移動設備當中,我們需要通過手指對界面當中的交互對象進行直接操作。比起傳統的鼠標指針,手指觸控方式需要的目標作用區域更大。考慮到這一點,我們應該適度地增大頁面當中一些重要交互元素的尺寸;同時,為了保持視覺上的平衡,我們還需要對相關元素之間的間距及它們各自的內邊距進行調整。

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

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

  在這類設計方案當中,界面元素所占據的空間對于鼠標指針來說顯得有些許浪費了,但對于手指觸控的方式卻恰到好處。這也正是“好脾氣”的設計思路的核心思想,即為了使界面能夠適用于更多的平臺環境,而對“標準化”的設計方案進行微調,最終達到一種折中的狀態。

  而且在很多時候,這種權衡的結果對于鍵鼠交互方式來說也并不壞。容易被手指觸摸的按鈕同樣易于鼠標的控制,整個UI在傳統設備上下文環境當中的用戶體驗也許反而有所提升。

設計兼容性好的Web頁面相關標簽:網頁設計制作網頁網站開發網站申請
相關熱點推薦
網頁設計中實用的制作技
交互設計師是一個沒有前
如何搞定百度搜索引擎
網頁設計中的文字運用
2016年中國互聯網的
從網頁設計到UI設計—
創建一個有強烈視覺沖擊
網頁設計中HTML常范
網站設計制作的流程有哪
扁平化網站風格設計的特
網站設計點評之匯源
如何設計有效的布局?
網站描述怎么寫?
與用戶體驗的這兩年
網頁設計中排版與布局基
網站信息的可用性設計
網站設計和圖形用戶界面
企業為什么做網站及作用
如何設計用戶體驗?
建站必讀1
網站軟文推廣的作用及寫
企業網站建設的一般要素
化妝品的網站策劃分析
如何成功的利用網賺賺錢
微信為什么這么人在用
網站建設的方案該如何制
常用CSS縮寫語法總結
制作網站應選擇什么語言
SEO在網站建設中有哪
網站制作訪客至上的設計
網站制作之圖形處理技術
設計兼容性好的Web頁
新創建的網站如何讓百度
罕見設計創意的WEB網
網站:首頁所應該達到的
有關網站設計的思考
網頁上的廣告條設計
社會性書簽對SEO的作
長尾關鍵詞在網站優化中
網站頁面在控制方面應注
奈薇建站網青島網站建設公司/青島網站制作公司,專業提供"氣質"型網站建設及精美網站制作服務,同時歡迎各地網站建設公司、網站制作公司代理我們的奈薇建站系統共同發展

熱點地區:青島網站建設價格 青島即墨網站制作公司 開發區信息港 山東在線門戶
  • 備案號
  • 魯ICP備13010283號
建站咨詢熱線0532-88781131 15166683288 13963906391
版權所有© BangJianZhan.Com & Nev.Cn 青島網站建設/網站制作公司
青島雨后網絡科技有限公司 - 青島市市北區福州北路90號,景泰尚都6層
已經為您服務了
157個月 6
4944945香港诸葛神算网