響應式網站圖文設計當“豎大少淺”

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

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

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

網站欄目：響應式網站圖文設計當“豎大少淺”
標題URL：http://www.bm7419.com/news47/237197.html

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

廣告

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