手機端網(wǎng)頁制作工具

　　1、豎屏構(gòu)圖

　　豎屏構(gòu)圖并不單單指上下結(jié)構(gòu)，也強調(diào)了“屏”的概念，就是常說的：一屏、兩屏……手機端頁面設(shè)計中，把每一屏當(dāng)做一個制作單位，會很大程度上提升作品內(nèi)容的流暢度以及用戶捕捉信息的效率：

　　因為在手機端設(shè)計中，橫向的構(gòu)圖空間狹小、拓展性很弱，而豎向構(gòu)圖則更靈活，可塑性更強，也更符合我們的瀏覽習(xí)慣。這類一屏一個制作單位的形式比較適合詳情頁的制作。

　　在一些手機端專題頁設(shè)計中，我們很難將每一個內(nèi)容都做成一屏的展示形式，因為在強調(diào)視覺的同時，還要兼顧運營、銷售的特質(zhì)，很多運營側(cè)會要求一屏內(nèi)多展示一些內(nèi)容。盡管如此，我們?nèi)匀豢梢园凑肇Q屏構(gòu)圖的思維方式設(shè)計：

　　所謂豎屏思維可以理解為：以手機的一屏為單位，要讓每一屏不管是視覺還是信息傳達，都能給人一種一目了然、舒服的視覺感受。

　　2、卡片式設(shè)計

　　在手機上，把每個信息模塊按照類似卡片的形式展示，會讓頁面在手機端展示時的內(nèi)容信息更具條理性，減少用于捕捉信息的阻礙，在這方面App Store做的就不錯：

　　卡片式設(shè)計比較適用于手機端頁面，提升了用戶捕捉信息的效率，在視覺上也很舒服、和諧。這種形式在PC端不太好發(fā)揮。

　　3、少即是多

　　由建筑大師路德維希·密斯·凡德羅提出的：“Less is more”，但又絕不是簡單得像白紙一張，讓你覺得空洞無物，根本就沒有設(shè)計。設(shè)計中的理解就是留白，手機的屏幕本就遠(yuǎn)小于電腦，加之用戶在頁面上的停留時間短暫，在短時內(nèi)如何把有效的文字信息、視覺信息傳遞給用戶就是手機端設(shè)計不得不考慮的問題。減少一些不必要的裝飾元素對于信息傳遞的阻礙，做到元素減少，信息傳達的更多。

　　4、放大圖文

　　由于手機端用戶瀏覽節(jié)奏比較快、停留時間短，所以要盡量圖文放大，以便提升其對用戶的視覺沖擊力以及用戶捕捉信息的速度，同時結(jié)合前面所說的豎屏構(gòu)圖：

　　圖文放大，對于提升信息辨識度以及視覺美觀度都有很大幫助，同時也會讓作品留給用戶的視覺印象更加深刻。

　　四、總結(jié)

　　所以說，豎版頁面總是做不好是設(shè)計水平不夠嗎?其實并不是!只是我們還按照PC端設(shè)計的思維模式去做手機端已不再合適，而是要轉(zhuǎn)變方法，針對不同的使用場景要在思維上有所區(qū)分。手機端最主要的還是：在短暫的時間內(nèi)盡可能多的傳達有效信息，減少用戶的瀏覽壓力。