今天提供了一個(gè)驚人之旅的響應(yīng)式設(shè)計(jì)的世界。 我們已經(jīng)看到了如何平了我們的工作流程和過程。 我們學(xué)會(huì)了新的方法來提高產(chǎn)品的易用性。 我們努力解決現(xiàn)代CSS和HTML功能，幫助我們實(shí)現(xiàn)了漩渦和掄我們身邊的巨大變化顯示尺寸。

我們已經(jīng)探討了模塊化的代碼和瀏覽器的能力的未來工作沒有網(wǎng)絡(luò)連接。 而且，我們甚至采取了一趟到那里的網(wǎng)站可能去未來可能的。

我們已經(jīng)走過了，因?yàn)楹荛L(zhǎng)的路要走Ethan的文章 ，流體網(wǎng)格，靈活的媒體，和媒體查詢。 這三個(gè)原則播下的不斷壯大和繁榮，我們都來更好地了解設(shè)備擴(kuò)散的影響種子。 我們已經(jīng)看到，該網(wǎng)站能夠去任何地方，做很多的事情。

我認(rèn)為，“有求必應(yīng)網(wǎng)頁設(shè)計(jì)”是真的成功地捕捉到了約翰·奧爾索普就在這么多年之前討論的概念的第一篇文章“一個(gè)DAO網(wǎng)頁設(shè)計(jì)的”蒸餾成一些設(shè)計(jì)和開發(fā)社區(qū)能夠真正下沉他們的牙齒成。 它提供的彎曲和模具本身成任何形狀，它需要采取對(duì)卷筒紙的能力的具體例子。

這是第一次，許多設(shè)計(jì)師已經(jīng)達(dá)成協(xié)議的想法，“經(jīng)驗(yàn)”并非是一種鐵板一塊的東西。

當(dāng)然，我們很多人在Web標(biāo)準(zhǔn)社區(qū)一直在說的談話和走路就走路逐步增強(qiáng) 。 而我們獲得的皈依，但進(jìn)展緩慢。 阮經(jīng)證明，直接和簡(jiǎn)潔，什么視覺設(shè)計(jì)的漸進(jìn)增強(qiáng)可能看起來像。

提供為每個(gè)人試圖訪問我們的網(wǎng)站是不可能相同的體驗(yàn)。 只是有太多的因素需要考慮。 我們已經(jīng)得到了屏幕大小，顯示密度，CPU速度，內(nèi)存，傳感器的可用性，功能可用性，接口方式量... 呼吸 ...安裝操作系統(tǒng)類型，操作系統(tǒng)版本，瀏覽器類型，瀏覽器版本，插件，網(wǎng)絡(luò)速度，網(wǎng)絡(luò)延遲，網(wǎng)絡(luò)擁塞，防火墻，代理服務(wù)器，路由器，大概十多種因素的腦海里是無法采摘之際的技術(shù)考慮的旋風(fēng)。

而這還沒有考慮我們的用戶。

當(dāng)談到我們需要達(dá)到我們的工作真正重要的人，我們要考慮的文化水平，讀智慧，領(lǐng)域知識(shí)水平，認(rèn)知障礙喜歡學(xué)習(xí)障礙和誦讀困難，注意力不集中的問題，環(huán)境的干擾，視力障礙，聽力障礙，運(yùn)動(dòng)障礙，他們多少知道如何使用他們的設(shè)備，他們多少知道如何使用自己的瀏覽器，怎么精通常見的Web約定他們，和大量的其他的“人為因素”。

每個(gè)人都是不同的，每個(gè)人都涉及到網(wǎng)絡(luò)有自己的一套特殊需求。 有些人總是與他們失明的例子。 其他人都是暫時(shí)的，就像打破你的鼠標(biāo)移動(dòng)的手臂。 還有一些是純粹的情景和依賴你的時(shí)間和它的技術(shù)能力或者限制使用的設(shè)備。

試圖制定一個(gè)整體的經(jīng)驗(yàn)為每個(gè)人在每一個(gè)背景下，考慮各因素是不可能的。 然而，蒂姆·伯納斯 - 李爵士有一個(gè)夢(mèng)想，一個(gè)網(wǎng)絡(luò)，這是能夠去任何地方。 難道他瘋了嗎？

蒂姆爵士的愿景網(wǎng)站是內(nèi)容可創(chuàng)建一次，并從任何地方訪問。 不同但相關(guān)的件“超媒體”的分散在全球各地可以連接到彼此通過鏈接。 此外，他們將檢索到任何人能夠讀取HTML的任何設(shè)備。 免費(fèi)。

最終，蒂姆爵士設(shè)想暢道通行。

對(duì)于很多人來說，確保我們的網(wǎng)站是訪問是一個(gè)事后的想法。 我們談一場(chǎng)精彩的比賽，當(dāng)涉及到“用戶為中心”這個(gè)或那個(gè)，但往往把單詞“無障礙”的代名詞“屏幕閱讀器”。 它是如此的遠(yuǎn)不止于此。 “無障礙”是關(guān)于人的。 人們消耗在許多不同的方式，有些相似，頗有些不同的我們?nèi)绾巫龅竭@一點(diǎn)的內(nèi)容和使用的接口。

當(dāng)然，視障人士經(jīng)常使用屏幕閱讀器來消費(fèi)內(nèi)容。 但他們也可能使用盲文觸摸反饋設(shè)備或盲文打印機(jī)。 他們可能還使用鍵盤。 或者，他們可以使用觸摸屏在演唱會(huì)聲音提示。 或者，他們甚至可以使用照相機(jī)，讓他們通過OCR與文字到語音“讀”的內(nèi)容。 是的，視力障礙影響了民眾（特別是隨著年齡的增長(zhǎng)）的一個(gè)體面的比例，但它的“無障礙”拼圖的一部分。

文字和背景之間的對(duì)比度是確保內(nèi)容的一個(gè)重要因素仍然可讀在不同的光照條件下。 顏色的選擇是一個(gè)輔助的關(guān)注。

我們對(duì)我們的網(wǎng)站和我們的接口使用的語言直接影響是多么容易為我們的用戶了解我們做什么，我們提供產(chǎn)品，以及為什么它很重要。 這也影響到我們?nèi)绾巫屛覀兊挠脩舾械剿麄冏约?，他們的?jīng)驗(yàn)，我們的公司。 語言是一個(gè)輔助的關(guān)注。

我們的網(wǎng)頁的大小對(duì)我們的網(wǎng)頁多久才能下載，它的成本多少我們的客戶能夠訪問他們，（有時(shí)）甚至是否可以將內(nèi)容達(dá)成了直接的影響。 性能是一個(gè)輔助的關(guān)注。

我可以繼續(xù)下去，但我敢肯定，你明白了吧。

無障礙即將為大家提供良好的經(jīng)驗(yàn)，無論身體或心理能力，性別，種族或語言。 它認(rèn)識(shí)到，我們每個(gè)人都有特殊需要，物理上的限制，帶寬限制，設(shè)備的限制，這可能需要我們遇到相同的接口以不同的方式。

當(dāng)我訪問一個(gè)網(wǎng)站，我的手機(jī)上，例如，我直觀地通過我的屏幕分辨率（尤其是如果我使用的鼓勵(lì)縮放瀏覽器）的限制，我在我與按鈕和鏈接，因?yàn)槲覟g覽與交互能力的限制我的指尖，這比一個(gè)鼠標(biāo)光標(biāo)更大，遠(yuǎn)遠(yuǎn)不夠準(zhǔn)確。

在觸摸屏上，我可能需要的經(jīng)驗(yàn)略有不同，但我仍然需要能夠做到不管是什么我來到工地做。 我需要一個(gè)經(jīng)驗(yàn)，但我而且需要相應(yīng)的經(jīng)驗(yàn)。

擁抱現(xiàn)實(shí)，體驗(yàn)并不需要是一件事將幫助我們吸引更多的人用更少的頭痛。 經(jīng)驗(yàn)可以，而且應(yīng)該，被制作為一個(gè)統(tǒng)一體。 這是一個(gè)漸進(jìn)增強(qiáng)：我們先從一個(gè)適合所有人內(nèi)容，真正的環(huán)節(jié)，第一代表單控件，并形成實(shí)際提交給服務(wù)器基線體驗(yàn)。 然后，我們建立了從那里的經(jīng)歷。

您的瀏覽器支持HTML5表單控件？ 太棒了！ 當(dāng)你去你的郵件地址，你會(huì)得到一個(gè)更好的虛擬鍵盤。 您可以使用CSS？ 真棒，讓我作出這樣的閱讀體驗(yàn)更好的為您服務(wù)。 哦，你可以處理媒體查詢！ 讓我調(diào)整布局，使這些線路長(zhǎng)度舒服些。 哇，您的瀏覽器支持Ajax的？ 在這里，讓我在加載一些玩笑相關(guān)的內(nèi)容，你可能會(huì)感興趣。

想象一下，在一家餐館坐下，只有馬上有服務(wù)員為你帶來一份牛排。 但你是一個(gè)素食主義者。 你問，如果他們提供的東西可以吃，他們禮貌地回答：“？！哦，對(duì)不起，肉是要求你為什么不只是吃肉很容易你真的錯(cuò)過了一些美味的食物”沒有服務(wù)員究竟是誰在乎你的經(jīng)驗(yàn)會(huì)做到這一點(diǎn)。

然而，我們 - 作為一個(gè)行業(yè) - 不要似乎有什么問題，告訴別人他們需要改變自己的瀏覽器，以適應(yīng)我們。 這是絕對(duì)錯(cuò)誤的。 我們的工作是毫無意義的用戶。 我們應(yīng)該盡力去吸引和留住他們。

什么是響應(yīng)式網(wǎng)頁設(shè)計(jì)有關(guān)，如果沒有輔助功能？ 是的，它的基本原理是關(guān)注的視覺設(shè)計(jì)，但在大局方面，他們都對(duì)提供最好的閱讀體驗(yàn)。

作為響應(yīng)式設(shè)計(jì)的從業(yè)者，我們的理解使我們的接口的好處。 我們知道回退。 我們了解如何設(shè)計(jì)魯棒的經(jīng)驗(yàn)，根據(jù)各種條件下工作。 我們每天都在擴(kuò)大我們產(chǎn)品的易用性。

• 牧羊人網(wǎng)站設(shè)計(jì)相關(guān)推薦：
• 網(wǎng)站設(shè)計(jì) 網(wǎng)站優(yōu)化 設(shè)計(jì)欣賞  
• 深圳網(wǎng)站建設(shè)需要多少錢 
• 網(wǎng)站設(shè)計(jì)風(fēng)格 

牧羊人 1 4 5 6 7 8