到大屏上,則很空泛、毫無實物。
也是因為如此,有的企業,并不認可響應式網站,仍然堅持開發傳統網站,單獨開發移動端、PC端、平板端,例如淘寶就是獨立的非響應式網站。
所以,我們也建議,餐飲類、電商類的網站,并不必須要做成響應式的。
做響應式網站,雖然可以適應不同屏幕,但是在大屏上,會顯得很空洞。
這一矛盾,不可解決,但是可以緩和。如何讓留白看起來不那么空洞呢?
我們提供如下一些設計方面的策略和建議:
其一,布局方面,傾向于左中右布局。這種布局,可以將留白放在左右,重要的版塊和內容置于中間和中央,無論在小屏還是大屏,重要內容都可以突出。
其二,元素方面,放置在中間位置。例如蘋果的中文官網,產品的圖片都是置于中間位置,即便在小屏上,也能一目了然。
其三,文案方面,語氣偏硬朗而非委婉。為了適應小屏,單屏的文字不宜過多,所以,過于委婉和曲折,會導致用戶理解難度的提高,文案描述需要簡潔和直接,語氣偏硬朗。
其四,色彩方面,善于使用色塊。通過色塊的填充和變換,來減少因為元素過少而導致的空洞感。也是因為如此,一些潮流網站都非常喜歡使用漸變色,就是緩和矛盾的措施。
其五,視覺方面,各個元素距離適中。不能距離過大,雖然在大屏視覺較好,但是小屏就有疏離感;不宜距離過小,滿足了小屏,但是大屏會顯得留白過多。
如上思考,希望能夠引起湖州網站建設設計的思考,共同討論,提高響應式網站的設計水準。