2.2提升用戶體驗當你瀏覽網(wǎng)站時 ， 你會發(fā)現(xiàn)很多網(wǎng)站在pc端是如此的完美 ， 但是到了移動端卻是慘不忍睹 。例如在國外的copyblogger的博客有提到過一個很經(jīng)典的案例———迪士尼公司的網(wǎng)站 ， 他說在迪士尼網(wǎng)站中有許多給小朋友玩的網(wǎng)頁游戲 ， 但是這些游戲卻只能在pc端玩 ， 在移動端是無法打開的 。而響應式網(wǎng)站卻能夠讓你無論在pc端還是移動端都能體驗到良好的視覺效果 。
3響應式在伯樂相馬網(wǎng)站的應用
3.1響應式導航的設計方式響應式導航常見的設計模式有7種 ， 分別是：置頂、頁腳錨點、置底、菜單選擇、側(cè)滑、開關和徹底隱藏 。在伯樂相馬網(wǎng)中 ， 主要采用的是菜單選擇 ， 菜單選擇是將導航收納在一個選擇菜單的控件當中的方法 。減少了導航所占用的屏幕空間 。選擇菜單選擇的原因如下：在移動設備中 ， 空間資源非常有限 ， 因此移動端的導航不能像pc端那樣直接顯示 ， 需要將導航整合在一起 。置頂雖是簡單的導航實現(xiàn)方式 ， 但是在移動端會造成不好的視覺效果；對于頁腳錨點和和置底來說 ， 都是將導航放在頁腳 ， 對于一個求職網(wǎng)站來說需要的是快速尋找所需的信息 ， 而這種方法增加了用戶的使用成本；開關的導航方式 ， 是用戶點擊后菜單才滑動展開 ， 但菜單的設置區(qū)域是固定的 ， 用戶需要尋找才能發(fā)現(xiàn) ， 增加用戶的使用成本；徹底隱藏也同樣增加了用戶成本 。
3.2響應式網(wǎng)頁的布局基于響應式網(wǎng)頁的布局 ， 有人曾經(jīng)這樣形容：倒入杯中的水的形狀由裝它的容器形狀決定 。網(wǎng)頁設計也可以把這個概念融入其中 ， 網(wǎng)頁的展示形式取決于展示它的設備屏幕尺寸 。頁面常用的布局方式有固定布局、流動布局、彈性布局和混合布局 。響應式網(wǎng)站中一般采用后三種 ， 選擇合適的方式才是最好的 ， 并沒有哪一種布局方式是最好的 ?？梢远喾N方式混合使用 ， 取長補短 。通欄、等分結構的適合采用彈性布局方式、而對于非等分的多欄結構往往需要采用混合布局的實現(xiàn)方式 。
3.3設計模式設計模式主要有兩種：基于設備和內(nèi)容優(yōu)先 ， 早先年間很多網(wǎng)頁采用基于設備的模式 ， 因為當時屏幕種類較少 ， 且有標準屏幕之說 。如今 ， 標準屏幕已經(jīng)不復存在 。因此 ， 內(nèi)容優(yōu)先是一種不錯的選擇 。在伯樂相馬網(wǎng)中采用的是內(nèi)容優(yōu)先的方式 ， 因為對于一個信息類的網(wǎng)站而言 ， 可讀性和移動性至關重要 。
4.3.1基于設備通過主流設備的類型及尺寸來確定布局斷點（Breakpoint） ， 設計多套樣式 ， 再分別投射到相應的設備 。不要使用流行的設備尺寸來確定斷點 。該設備的屏幕（DeviceLandscape）是不斷在變化的 ， 所以使用流行設備的尺寸作為斷點 ， 他的實際價值存在的意義可能沒有什么 ， 甚至一年的時間都堅持不到 。Web本質(zhì)是流動的 ， 因此我們的工作是在任何屏幕上創(chuàng)建外觀、功能等 。
3.3.2內(nèi)容優(yōu)先根據(jù)內(nèi)容的可讀性、易讀性作為確定斷點（Breakpoint）的標準 ， 即在對內(nèi)容進行布局設計的時候 ， 可以無視設備 ， 由內(nèi)容決定何時需要采用不同的呈現(xiàn)方式 。這種方式和未來友好型是相契合 。
3.4響應式網(wǎng)頁的字體字體對于一個網(wǎng)站來說 ， 起著至關重要的作用 ， 不單是畫風影響風格 ， 字體也會影響風格 ， 響應式網(wǎng)站的字體尺寸會隨著屏幕尺寸而不斷調(diào)節(jié) ， 展現(xiàn)最適合人類視覺的界面 。
推薦閱讀
- 網(wǎng)頁設計中計算機圖像處理技術應用
- 網(wǎng)頁設計中藝術創(chuàng)新研究
- 動畫元素在網(wǎng)頁設計中的應用
- Flash動畫在網(wǎng)頁設計中的應用
- 小米手機設置性能優(yōu)先模式具體操作方法
- 蘋果恢復大師第二模式中的 iTunes備份怎么徹底刪除？
- 如何規(guī)劃安全分析中網(wǎng)頁設計？
- 網(wǎng)頁設計中的Flash交互動能
- 圖像處理技術應用下的網(wǎng)頁設計
- 網(wǎng)頁設計應注意哪些原則？