基于(yú)浏覽器兼容和(hé / huò)手機兼容的(de)網頁設計分析

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