隨著移動設備的發(fā)展,在企業(yè)官網設計中,響應式的設計方式越來越受歡迎,雖然響應式的站點不能算是一種純粹的移動化解決方案,主要還是在眾多的主流移動設備當中獲取良好的用戶體驗。那響應式的網站設計都有那些流程呢?
1、確定兼容的設備類型,屏幕尺寸。
現(xiàn)在設備主要是就是pc,還有就是移動設備,手機和平板,對于移動設備,再設計企業(yè)網站的時候要注意增加手勢和功能,屏幕尺寸包括各種手機屏幕的尺寸,各種平板電腦的尺寸。例如當某搜索網站的搜索結果頁面,跨度可以從手機到寬屏,而首頁,結構過于復雜,想直接遷移到手機上,那就還不如設置一個手機版的首頁。
2、制作線框原理
針對制定下來的不同尺寸制作不同的線框原型,需要考慮清楚不同的尺寸下,頁面的布局如何變化,內容尺寸如何縮放,功能和內容的刪減,甚至針對特殊的環(huán)境作特殊化的設計。
當然響應式設計的目的在于針對不同設備的屏幕規(guī)格區(qū)間,進行功能的輸出以及格式的預設,所以我們只需要選擇一些具有代表性的設備,而不必顧全所有已知的設備類型。
3、測試線框原型
將圖片導入相應的設備進行一些簡單的測試,可以幫助我們金灶發(fā)現(xiàn)可訪性,可讀性等方面存在的問題。
在企業(yè)官網設計中,尤其是響應式的網站設計更應該考慮用戶的瀏覽體驗以及響應式設計的獨特性。內容僅供參考。