基于移動端網(wǎng)頁界面的設(shè)計與實現(xiàn).pdf

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

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

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

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