基于移動端網頁界面的設計與實現.pdf

1、信息時代的迅速發(fā)展，移動端設備越來越多的走進了人們的視野，改變了人們的生活方式。手機、平板電腦等移動端設備的流行，普及到了人們日常生活的各個方面，潛移默化的影響我們的生活方式。便捷的移動端設備讓人們上網超越了環(huán)境的限制，而且能夠及時的通過隨身攜帶的移動端進行上網娛樂，以及信息的交流。但是移動端屏幕比PC端屏幕尺寸小，使得屏幕顯示的內容有限，一大部分人群很難，甚至無法看清楚在PC端中標準的文本或圖片顯示。而且為大屏幕設計的網頁界面的固定模

2、式也很難適應越來越小的移動端設備屏幕尺寸。用戶瀏覽網頁的行為習慣，也在逐漸由傳統(tǒng)的PC端轉向可手持的移動端設備。面對這些轉變，如果一個移動端網頁沒有進行良好的設計，沒有符合用戶的需求，那么就會嚴重影響用戶在移動端瀏覽網頁的視覺體驗。因此，本論文著重探究設計適用于移動端的網頁界面。本論文首先研究了移動端網頁界面的概念與現狀，探討了為什么進行移動端網頁界面設計，同時將移動端與PC端網頁界面進行對比，從用戶角度分析了實現界面設計的前提要素，以

3、及研究了從視覺上如何才能設計和實現移動端網頁界面。
　　在研究移動端網頁界面設計的實現時，本文首先從移動端網頁界面的現狀出發(fā)，對其概念和特點做了闡述。在理論研究方面，對移動端設計的緣由進行闡述，對移動端網頁與PC端網頁的界定進行分析。同時，明確不同尺寸的屏幕帶來的信息結構的不同，以及使用習慣帶來界面設計的不同。意識到移動端網頁優(yōu)先于PC端網頁。然后分析了實現移動端網頁界面設計的前提，即要了解移動端網頁信息的接受者——用戶。對用戶進

4、行了使用習慣和關注特點上的分析，了解到我們進行設計要迎合用戶的需求，懂得用戶的所思所想。在這前提要素之上，探討了移動端網頁界面設計的原則，即界面內容要適配移動端網頁界面，在保持網頁界面簡潔的同時合理組織網頁界面信息；內容突出，焦點清晰；導航也要明確，易于用戶查找；同時提高頁面的加載速度，這樣才能使用戶有更好的體驗感，對我們設計的移動端界面產生興趣。最后，筆者從視覺元素文字、圖形圖像、色彩方面和響應式設計入手來闡述移動端網頁界面的實現。<