雖然說“
響應式網(wǎng)站是為了適應多端設備而出現(xiàn)的”,但是本質上,響應式網(wǎng)站就是為了滿足智能手機用戶的瀏覽需求而生的。試想一下,有多少用戶會在平板、電腦端打開響應式網(wǎng)站,響應式網(wǎng)站打開率最高的設備還是手機,
響應式網(wǎng)站主要的使用者還是手機用戶。
基于這樣的理由,響應式網(wǎng)站就需要符合手機和手機用戶的瀏覽習慣、要求。響應式網(wǎng)站的一個明顯特點是圖文更受重視,反而構架、布局不太被看重。而如何設計圖文?如何對圖文進行排版?如何展現(xiàn)圖文?放置什么樣的圖文?這是設計響應式網(wǎng)站的重中之重。
創(chuàng)新互聯(lián)作為資深
響應式網(wǎng)站建站方,累計上線的響應式網(wǎng)站超過百個,在這期間,總結了一些響應式網(wǎng)站的設計經(jīng)驗。此次,創(chuàng)新互聯(lián)分享響應式網(wǎng)站圖文設計的四字口訣——豎大少淺。
豎——盡量少用水平視角的圖片,文字排列偏向于豎排。
大——使用的圖片不僅要足夠大,而且要有質感,文字偏大。
少——圖片上的文字不宜過多,要精煉和言簡意賅。
淺——圖片和文字不能過于晦澀,要淺顯地傳達意思。
創(chuàng)新互聯(lián)說出如上四點,很多設計師會不以為然,乃至反對。但是,響應式網(wǎng)站圖文采取這樣的思路設計,是有自洽的邏輯的。為什么要“豎”?
這里的“豎”,并不是通常意義上的“豎”,更指向的是瀏覽的順序。手機劃動式的瀏覽方式,瀏覽是從上到下的順序進行的。所以,無論是圖文,應該暗合這種瀏覽的習慣和方式。
以圖片來說,響應式網(wǎng)站使用的照片,水平方向的攝影照片沒有豎直方向的照片,給用戶更好的體驗。我們可以如下這三張
手機網(wǎng)站的設計圖,這是一款車載充電器。從左至右,最左邊的圖片“最豎”,中間的圖片“次豎”,最右邊的圖片水平放置。顯然,豎排給用戶更為強烈的視覺沖擊。
再以文字來說,
響應式網(wǎng)站的文字排版,應該橫向文字字符不宜過多,可以選擇多次換行,以達到“豎”的視覺效果。
總之,無論是圖片還是文字,豎向,主要是為了迎合手機用戶自上而下、劃動的手機閱讀習慣。為什么要大?
放大文字很好理解,與電腦相比較,手機屬于小屏幕,適當?shù)胤看笪淖郑阌谟脩糇R別。那么圖片為什么要放大?
有三個原因。其一,響應式網(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)站向用戶傳達的感情、共識,要強烈和直白,直抵內心和用戶痛點。
分享標題:響應式網(wǎng)站圖文設計當“豎大少淺”
本文URL:http://m.newbst.com/news/237197.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有響應式網(wǎng)站等
廣告
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源:
創(chuàng)新互聯(lián)