資源描述：
《響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)原型研究》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、今年，共有19所高校部分外國(guó)語(yǔ)專業(yè)可單獨(dú)招生，這些單招的試點(diǎn)院校將按有關(guān)規(guī)定自行組織命題和單獨(dú)考試，在全國(guó)統(tǒng)考前提前錄取響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)原型研究 當(dāng)今，移動(dòng)互聯(lián)網(wǎng)迅猛發(fā)展，各種智能設(shè)備層出不窮。傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)采用“固定頁(yè)面及元素寬度，任何終端統(tǒng)一頁(yè)面效果”的策略，無(wú)疑將造成網(wǎng)頁(yè)在一些新興移動(dòng)終端上顯示的文字極小、鏈接分布極密，用戶需要在屏幕上不停操作來(lái)自主尋求較好的體驗(yàn)。面對(duì)這一弊端，網(wǎng)頁(yè)設(shè)計(jì)師聚焦于“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”這一關(guān)鍵詞，試圖使用一套代碼為各類終端設(shè)備提供不同的設(shè)計(jì)和體驗(yàn)。從先前“為固定設(shè)備設(shè)計(jì)網(wǎng)頁(yè)”跨越到“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”是一個(gè)較難的過(guò)程。一些新手可能已
2、經(jīng)積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設(shè)計(jì)開發(fā)技巧，掌握了HTML5和CSS3的使用方法，但他們依然無(wú)法駕馭響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。造成這種情況的直接原因就在于缺乏一個(gè)能夠指導(dǎo)他們立即開展響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐的可操作流程，即原型?！ ?兩個(gè)關(guān)鍵概念：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)與原型小語(yǔ)種自主招生的對(duì)象主要是外語(yǔ)教學(xué)質(zhì)量較高的普通高中應(yīng)屆畢業(yè)生，考生被錄取后，不得再報(bào)考其他高校，新生入學(xué)后也不得轉(zhuǎn)入其他專業(yè)。今年，共有19所高校部分外國(guó)語(yǔ)專業(yè)可單獨(dú)招生，這些單招的試點(diǎn)院校將按有關(guān)規(guī)定自行組織命題和單獨(dú)考試，在全國(guó)統(tǒng)考前提前錄取響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)原型研究 當(dāng)今，移動(dòng)互聯(lián)網(wǎng)迅猛發(fā)展
3、，各種智能設(shè)備層出不窮。傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)采用“固定頁(yè)面及元素寬度，任何終端統(tǒng)一頁(yè)面效果”的策略，無(wú)疑將造成網(wǎng)頁(yè)在一些新興移動(dòng)終端上顯示的文字極小、鏈接分布極密，用戶需要在屏幕上不停操作來(lái)自主尋求較好的體驗(yàn)。面對(duì)這一弊端，網(wǎng)頁(yè)設(shè)計(jì)師聚焦于“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”這一關(guān)鍵詞，試圖使用一套代碼為各類終端設(shè)備提供不同的設(shè)計(jì)和體驗(yàn)。從先前“為固定設(shè)備設(shè)計(jì)網(wǎng)頁(yè)”跨越到“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”是一個(gè)較難的過(guò)程。一些新手可能已經(jīng)積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設(shè)計(jì)開發(fā)技巧，掌握了HTML5和CSS3的使用方法，但他們依然無(wú)法駕馭響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。造成這種情況的直接原因就在于缺乏一個(gè)
4、能夠指導(dǎo)他們立即開展響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐的可操作流程，即原型。 1兩個(gè)關(guān)鍵概念：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)與原型小語(yǔ)種自主招生的對(duì)象主要是外語(yǔ)教學(xué)質(zhì)量較高的普通高中應(yīng)屆畢業(yè)生，考生被錄取后，不得再報(bào)考其他高校，新生入學(xué)后也不得轉(zhuǎn)入其他專業(yè)。今年，共有19所高校部分外國(guó)語(yǔ)專業(yè)可單獨(dú)招生，這些單招的試點(diǎn)院校將按有關(guān)規(guī)定自行組織命題和單獨(dú)考試，在全國(guó)統(tǒng)考前提前錄取 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)（RWD，Responsive網(wǎng)頁(yè)Design）是一種網(wǎng)頁(yè)前端開發(fā)技術(shù)，它可以描述為，“兼顧多種不同設(shè)備屏幕尺寸、分辨率、系統(tǒng)平臺(tái)和行為做出相應(yīng)的調(diào)整和布局的顯示機(jī)制”。原型（Prototype），也叫
5、“原樣”，是“模擬科學(xué)”中的一個(gè)術(shù)語(yǔ)。在心理科學(xué)中，由于很難對(duì)動(dòng)作或心智活動(dòng)認(rèn)識(shí)清楚，所以一般沿用J?R?安德森的觀點(diǎn)，把原型（Prototype）視為關(guān)于范疇的最典型的樣例設(shè)想，即把“原型”視為外化的實(shí)踐模式，或“物質(zhì)化”了的心智活動(dòng)方式或操作活動(dòng)程序。綜合上述，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)原型可描述為：符合“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目分析、各類終端具有適合自身用戶體驗(yàn)的不同頁(yè)面效果、一套代碼完成所有不同終端的網(wǎng)頁(yè)制作、各類終端與主流瀏覽器良好兼容”等一系列規(guī)則的，外化的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)實(shí)踐模式?！ ?建構(gòu)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的原型 建構(gòu)原型一般采用心理模擬法，它包含三個(gè)步驟： ?。?/p>
6、1）響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)的功能分析； ?。?）響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)的結(jié)構(gòu)分析；小語(yǔ)種自主招生的對(duì)象主要是外語(yǔ)教學(xué)質(zhì)量較高的普通高中應(yīng)屆畢業(yè)生，考生被錄取后，不得再報(bào)考其他高校，新生入學(xué)后也不得轉(zhuǎn)入其他專業(yè)。今年，共有19所高校部分外國(guó)語(yǔ)專業(yè)可單獨(dú)招生，這些單招的試點(diǎn)院校將按有關(guān)規(guī)定自行組織命題和單獨(dú)考試，在全國(guó)統(tǒng)考前提前錄取 ?。?）功能分析與結(jié)構(gòu)分析的有機(jī)結(jié)合。其中，功能分析的重點(diǎn)是作用的對(duì)象，條件與結(jié)果；結(jié)構(gòu)分析的重點(diǎn)在于組成要素及要素之間的關(guān)系。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)是能夠高效的編寫一套代碼為各類終端設(shè)備提供良好的設(shè)計(jì)效果和使用體驗(yàn)，這需要具備HTML5、CSS
7、3、Javascript和jquery的基本技能。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)之父——伊桑.馬科特認(rèn)為，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該首先針對(duì)小屏幕進(jìn)行設(shè)計(jì)，然后逐步增強(qiáng)針對(duì)大屏幕設(shè)計(jì)。這種思路顛覆了傳統(tǒng)固定寬度的網(wǎng)頁(yè)設(shè)計(jì)方法，對(duì)于那些已經(jīng)積攢了零散的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)開發(fā)技巧、HTML5及CSS3等技術(shù)，能夠較熟練的完成固定寬度桌面端網(wǎng)頁(yè)的新手而言，恐怕很難理解從小屏幕開始設(shè)計(jì)然后漸進(jìn)增強(qiáng)的思路?？紤]到新手已經(jīng)習(xí)慣設(shè)計(jì)制作固定寬度的桌面版網(wǎng)頁(yè)，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)如果從固定寬度的大屏幕網(wǎng)頁(yè)制作開始，然后改造這套代碼將僅適用于桌面的網(wǎng)頁(yè)依次兼容平板端和手機(jī)端也是一個(gè)不錯(cuò)的思路。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)包
8、含了“項(xiàng)目分析”、“網(wǎng)頁(yè)
