【編者按】一種聲音總是很危險(xiǎn)，而藝術(shù)設(shè)計(jì)更應(yīng)該警惕只有一種聲音，網(wǎng)站設(shè)計(jì)自然屬于藝術(shù)設(shè)計(jì)之一。為此，我們開設(shè)“藝術(shù)設(shè)計(jì)異論”專題，討論關(guān)于網(wǎng)站設(shè)計(jì)的不同論點(diǎn)、聲音。



什么是響應(yīng)式網(wǎng)站？很多人是從效果而不是技術(shù)角度理解的——響應(yīng)式網(wǎng)站就是能夠適應(yīng)不同終端設(shè)備的網(wǎng)站，可以適應(yīng)手機(jī)、PC、平板乃至大屏。
于是便產(chǎn)生了這樣一個(gè)問題——不同屏幕的大小不同，采用縮放的方式適應(yīng)不同大小屏幕，會不會導(dǎo)致體驗(yàn)差別很大？舉例來說，為了匹配小屏，需要降低信息量，但是這樣信息量較少的頁面，在大屏或者PC上，會給我很空洞的感覺。

天然矛盾

這其實(shí)也是響應(yīng)式網(wǎng)站的天然矛盾——為了適應(yīng)小屏，需要降低單個(gè)頁面的元素、信息，而大屏上看，會顯得很空洞。
我們發(fā)現(xiàn)，大多數(shù)的響應(yīng)式網(wǎng)站都存在這一不可解決的矛盾，也是天然矛盾。
有人嘗試去解決——增加單個(gè)頁面的元素和按鈕，但是在小屏上，會顯得很擁擠和雜亂。
還有人換了個(gè)思路——滿足小屏體驗(yàn)，但是放到大屏上，則很空泛、毫無實(shí)物。
也是因?yàn)槿绱?，有的企業(yè)，并不認(rèn)可響應(yīng)式網(wǎng)站，仍然堅(jiān)持開發(fā)傳統(tǒng)網(wǎng)站，單獨(dú)開發(fā)移動端、PC端、平板端，例如淘寶就是獨(dú)立的非響應(yīng)式網(wǎng)站。
所以，我們也建議，餐飲類、電商類的網(wǎng)站，并不必須要做成響應(yīng)式的。

緩和矛盾

做響應(yīng)式網(wǎng)站，雖然可以適應(yīng)不同屏幕，但是在大屏上，會顯得很空洞。
這一矛盾，不可解決，但是可以緩和。如何讓留白看起來不那么空洞呢？
我們提供如下一些設(shè)計(jì)方面的策略和建議：
其一，布局方面，傾向于左中右布局。這種布局，可以將留白放在左右，重要的版塊和內(nèi)容置于中間和中央，無論在小屏還是大屏，重要內(nèi)容都可以突出。
其二，元素方面，放置在中間位置。例如蘋果的中文官網(wǎng)，產(chǎn)品的圖片都是置于中間位置，即便在小屏上，也能一目了然。
其三，文案方面，語氣偏硬朗而非委婉。為了適應(yīng)小屏，單屏的文字不宜過多，所以，過于委婉和曲折，會導(dǎo)致用戶理解難度的提高，文案描述需要簡潔和直接，語氣偏硬朗。
其四，色彩方面，善于使用色塊。通過色塊的填充和變換，來減少因?yàn)樵剡^少而導(dǎo)致的空洞感。也是因?yàn)槿绱耍恍┏绷骶W(wǎng)站都非常喜歡使用漸變色，就是緩和矛盾的措施。
其五，視覺方面，各個(gè)元素距離適中。不能距離過大，雖然在大屏視覺較好，但是小屏就有疏離感；不宜距離過小，滿足了小屏，但是大屏?xí)@得留白過多。
如上思考，希望能夠引起網(wǎng)站設(shè)計(jì)的思考，共同討論，提高響應(yīng)式網(wǎng)站的設(shè)計(jì)水準(zhǔn)。