手機(jī)網(wǎng)站設(shè)計(jì)要掌握哪些重點(diǎn)?
六道中國 | 發(fā)表于 2019-04-30
重點(diǎn)一:網(wǎng)站框架布局
設(shè)計(jì)手機(jī)網(wǎng)站首先設(shè)計(jì)框架布局,像電腦網(wǎng)站的框架可以左右布局,而手機(jī)網(wǎng)站的瀏覽習(xí)慣是從上而下,那么左右布局就不適合用在手機(jī)網(wǎng)站里。因此,企業(yè)在設(shè)計(jì)手機(jī)網(wǎng)站的時(shí)候框架版塊需從上而下設(shè)計(jì)。因?yàn)槭謾C(jī)的屏幕尺寸有限,像一些產(chǎn)品展示和新聞欄目不適合出現(xiàn)在同一排,只能作上下分布,一行就一個欄目。這樣的布局設(shè)計(jì)才會顯得網(wǎng)站整潔,讓客戶看起來舒服而且欄目分明容易查找。
重點(diǎn)二:橫幅廣告尺寸
不管是手機(jī)網(wǎng)站還是電腦網(wǎng)站,都需要橫幅廣告來推銷自己的產(chǎn)品。手機(jī)網(wǎng)站受屏幕尺寸限制,不能像電腦網(wǎng)站那樣設(shè)計(jì)成橫寬全屏式橫幅。而比較適合在手機(jī)上瀏覽的橫幅廣告要么正方形,要么偏長方形,千萬不要為了方便直接將電腦橫幅廣告圖拿來用。這樣手機(jī)網(wǎng)站顯示就會很小,自動縮小了橫幅圖片,那么客戶就需要手動的放大,這對客戶來說是麻煩的操作。因此,企業(yè)在設(shè)計(jì)橫幅廣告尺寸時(shí)規(guī)定好圖片尺寸,合適的圖片才會有好的推銷效果。
重點(diǎn)三:色彩搭配要合理
建議企業(yè)在給網(wǎng)站設(shè)計(jì)色彩的時(shí)候要注意搭配,不建議選擇有強(qiáng)高色差的色彩,例如說紅綠,紫藍(lán)這樣的組合??偟膩碚f,手機(jī)網(wǎng)站是比較小的,使用的顏色也相對簡單。網(wǎng)站里選擇三種顏色相互交換搭配就可以了,顏色過多反而顯得網(wǎng)站過于凌亂,沒有視覺重點(diǎn)。并且在一些重要的欄目標(biāo)題處,例如說新聞標(biāo)題加深背景色,讓客戶在刷屏的時(shí)候容易注意到。因?yàn)橛械目蛻糁皇谴蜷_網(wǎng)站隨便瀏覽一下,如果有個重點(diǎn)突出的,就容易吸引而點(diǎn)擊瀏覽。
重點(diǎn)四:網(wǎng)站整體要有彈性
企業(yè)無法預(yù)測手機(jī)網(wǎng)站是客戶用手機(jī)來訪問還是用平板訪問,甚至也在電腦上訪問。倘若企業(yè)只設(shè)計(jì)了一個手機(jī)網(wǎng)站,沒有電腦網(wǎng)站或者響應(yīng)式網(wǎng)站,那么就要注意手機(jī)網(wǎng)站整體的彈性度了。例如說客戶是用手機(jī)訪問,手機(jī)進(jìn)而可以調(diào)整橫屏或豎屏,一般來說是用豎屏瀏覽,但也不排除會轉(zhuǎn)為橫屏瀏覽。那么當(dāng)手機(jī)網(wǎng)站轉(zhuǎn)為橫屏的時(shí)候,所有的框架和圖文內(nèi)容要能轉(zhuǎn)換這樣尺寸的屏幕,橫豎能轉(zhuǎn)換自如,這就是有彈性。
注:部分文章屬于轉(zhuǎn)載,如有侵權(quán)請聯(lián)系13927286473進(jìn)行刪除。