雖然說“響應式網(wǎng)站是為了適應多端設備而出現(xiàn)的”，但是本質(zhì)上，響應式網(wǎng)站就是為了滿足智能手機用戶的瀏覽需求而生的。試想一下，有多少用戶會在平板、電腦端打開響應式網(wǎng)站，響應式網(wǎng)站打開率最高的設備還是手機，響應式網(wǎng)站主要的使用者還是手機用戶。
基于這樣的理由，響應式網(wǎng)站就需要符合手機和手機用戶的瀏覽習慣、要求。響應式網(wǎng)站的一個明顯特點是圖文更受重視，反而構(gòu)架、布局不太被看重。而如何設計圖文？如何對圖文進行排版？如何展現(xiàn)圖文？放置什么樣的圖文？這是設計響應式網(wǎng)站的重中之重。
創(chuàng)新互聯(lián)作為資深響應式網(wǎng)站建站方，累計上線的響應式網(wǎng)站超過百個，在這期間，總結(jié)了一些響應式網(wǎng)站的設計經(jīng)驗。此次，創(chuàng)新互聯(lián)分享響應式網(wǎng)站圖文設計的四字口訣——豎大少淺。
豎——盡量少用水平視角的圖片，文字排列偏向于豎排。
大——使用的圖片不僅要足夠大，而且要有質(zhì)感，文字偏大。
少——圖片上的文字不宜過多，要精煉和言簡意賅。
淺——圖片和文字不能過于晦澀，要淺顯地傳達意思。
創(chuàng)新互聯(lián)說出如上四點，很多設計師會不以為然，乃至反對。但是，響應式網(wǎng)站圖文采取這樣的思路設計，是有自洽的邏輯的。
為什么要“豎”？
這里的“豎”，并不是通常意義上的“豎”，更指向的是瀏覽的順序。手機劃動式的瀏覽方式，瀏覽是從上到下的順序進行的。所以，無論是圖文，應該暗合這種瀏覽的習慣和方式。

以圖片來說，響應式網(wǎng)站使用的照片，水平方向的攝影照片沒有豎直方向的照片，給用戶更好的體驗。我們可以如下這三張手機網(wǎng)站的設計圖，這是一款車載充電器。從左至右，最左邊的圖片“最豎”，中間的圖片“次豎”，最右邊的圖片水平放置。顯然，豎排給用戶更為強烈的視覺沖擊。
再以文字來說，響應式網(wǎng)站的文字排版，應該橫向文字字符不宜過多，可以選擇多次換行，以達到“豎”的視覺效果。
總之，無論是圖片還是文字，豎向，主要是為了迎合手機用戶自上而下、劃動的手機閱讀習慣。
為什么要大？
放大文字很好理解，與電腦相比較，手機屬于小屏幕，適當?shù)胤看笪淖?，便于用戶識別。那么圖片為什么要放大？
有三個原因。其一，響應式網(wǎng)站采用的通欄式導航設計，被迫使用大圖來匹配導航欄；其二，既然響應式網(wǎng)站的文字要放大，圖片自然也需要放大。其三，響應式網(wǎng)站設備非常流行背景圖，背景圖自然是大圖。

我們從創(chuàng)新互聯(lián)為客戶設計的響應式網(wǎng)站案例中，也能夠驗證這一點。
為什么要少？
為什么說響應式網(wǎng)站符合90后00后呢？因為這代人處于資訊泛濫時代，過多的信息，反而會導致其反感。再者，自從蘋果出現(xiàn)之后，極簡設計就成為了一種潮流，求少而精，而不是多而雜，就成為了一種設計趨勢。
具體來說，響應式網(wǎng)站的圖片不宜過多。一個頁面的圖片數(shù)量不宜超過十張。相應的，響應式網(wǎng)站的文字要少，要能夠觸及用戶的感受和靈魂，而不是一些文字的堆砌，文字要能夠傳達情感。
為什么要淺？

網(wǎng)站欄目：響應式網(wǎng)站圖文設計當“豎大少淺”
標題URL：http://aaarwkj.com/news47/237197.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有響應式網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)