基于浏覽器兼容和手機兼容的網頁設計分(fēn)析

      如果我(wǒ)(wǒ)們目前爲止沒有做錯的話(huà)，基礎内容和功能在大(dà)部分(fēn)的浏覽器裏都可以運行良好。如果你要設計一(yī)個網絡應用程序，有一(yī)點需要提醒你的是需要準備詳細的技術參數（比如地圖應用程序需要CSS、JavaScript、圖片和GPS支持能力作爲基礎)。線框設計可能不會起作用。因爲我(wǒ)(wǒ)們會把用戶關在門外(wài)。嘗試盡可能多地放(fàng)入可接受的内容。我(wǒ)(wǒ)們的草圖設計會告訴我(wǒ)(wǒ)們這個網站可能會長成什麽樣子，同時把它放(fàng)到手機終端上去(qù)運行看一(yī)下(xià)是否兼容。下(xià)面濟南(nán)網站建設對基于浏覽器兼容和手機兼容的網頁設計分(fēn)析
     但是現在我(wǒ)(wǒ)們更喜歡進一(yī)步設計，加強在浏覽器和平台上的綜合體(tǐ)驗，可以支持更強大(dà)的功能。下(xià)面給出一(yī)些案例。
      線性的設計隻有一(yī)欄内容。爲了大(dà)尺寸的屏幕，或者是爲了方便那些需要在一(yī)些設備上任意切換肖像和景觀模式的時候，我(wǒ)(wǒ)們可以做一(yī)點調整。如果有更多的空間，布局可以設計成适應多欄的。把元素放(fàng)在不同的位置也會明顯發揮作用，因爲用戶站在一(yī)個更遠視點的時候和屏幕的交互方式會顯著不同；比如說用戶可能還想要扭轉或者重新定位一(yī)下(xià)導航。你可能也會重新思考一(yī)下(xià)哪些内容是重要的，因爲此時不再是像線性設計那樣簡單地隻要将内容由上至下(xià)擺開(kāi)就可以了。
      還有些設備會有一(yī)些我(wǒ)(wǒ)們非常想要去(qù)利用的功能，比如相機和GPS功能。大(dà)部分(fēn)人都想隻要能夠支持javascript就可以了（常見的情況是可以支持的，但是有的時候卻不這樣，特别是對于一(yī)些低端設備，而且這樣的在周圍還不少)。考慮一(yī)下(xià)如果設備具有加強視覺的功能，比如第三方字體(tǐ)或者CSS漸變？在特定設備中(zhōng)的特定浏覽器裏，這種真實環境下(xià)進行設計使我(wǒ)(wǒ)們可以測試這些特性是不是起作用（也可以知(zhī)道是不是好的作用），同時也可以知(zhī)道這個設計在表現層上的影響力。我(wǒ)(wǒ)們需要去(qù)考察，要在哪些特定的平台和設備上把某些特定排除在外(wài)，又(yòu)在其他的平台和設備上使用某些特性。讀者可以參考《在不同浏覽器和分(fēn)辨率下(xià)的網站設計流程》這篇文章獲得更多的關于浏覽器兼容方面的信息。
      基于特定的平台或設備，我(wǒ)(wǒ)們可能甚至想去(qù)加、減、移動或是改變一(yī)些内容。比如說，在小(xiǎo)屏幕設備或者是手機終端上，會希望使用小(xiǎo)尺寸圖片作爲默認的圖片，但是在大(dà)屏幕設備上，會希望使用更大(dà)一(yī)點的圖片。我(wǒ)(wǒ)們也不希望提供一(yī)些對于場景沒有用處的内容給用戶；GPS相關的内容隻需要在支持GPS功能的時候出現，因此我(wǒ)(wǒ)們隻會在符合條件的設備上添加這些内容。
      爲了加強結構化内容的體(tǐ)驗，我(wǒ)(wǒ)們至少得将我(wǒ)(wǒ)們需要支持的設備列出一(yī)張清單來，對它們進行分(fēn)門别類，歸納出幾個層級。換句話(huà)說，将相似類型的設備合成一(yī)種，這樣你就可以聚焦在針對這幾類設備的設計上，而不是針對每一(yī)個不同的個體(tǐ)。我(wǒ)(wǒ)們通常僅僅滿足IOS和Android,但是這樣太有限了，最後，我(wǒ)(wǒ)們将針對其他不間種類的設備對産品做出調整，使它在任何設備上運行良好。
      不要根據設備的物(wù)理表象特征來對它們進行分(fēn)類，比如說:桌面、智能手機、便簽等。這種分(fēn)類和你需要思考的問題關聯性不大(dà)。相反，應該按照你的APP所需要的特征将設備（甚至是延伸到它們默認的浏覽器）拆分(fēn)成你所需要的類别。任何可能關聯到的因素都需要考慮在内，比如它的觸控能力、屏幕尺寸、像素密度、地理定位、本地存儲、SVG支持情況等。
      我(wǒ)(wǒ)們應該關注在設備的特征上，因爲當有新的設備出現，這種設備又(yòu)很難歸類到日常消費(fèi)品和市場類目的時候，我(wǒ)(wǒ)們之前所作的工(gōng)作還是有效的。