手機(jī)淘寶頁(yè)面設(shè)計(jì)的3個(gè)誤區(qū)

手淘店鋪?lái)?yè)面的設(shè)計(jì)有許多的規(guī)范和要求，經(jīng)常有一些店鋪的設(shè)計(jì)踩了很多雷區(qū)，導(dǎo)致最后的效果不好，吸引不到客戶，所以幕思城小編專門去請(qǐng)教了大神，整理了一些不能進(jìn)入的誤區(qū)，今天分享給大家，希望有所幫助!

一

、手機(jī)端視覺規(guī)范(一)、手機(jī)端頁(yè)面尺寸規(guī)范隨意縮放手機(jī)端頁(yè)面一般來(lái)說(shuō)是延續(xù)電腦端來(lái)進(jìn)行更改調(diào)整，有一些小伙伴為了圖方便，直接在電腦端的基礎(chǔ)上直接進(jìn)行尺寸縮小，但是買家在瀏覽的時(shí)候，會(huì)發(fā)現(xiàn)大部分操作都用不了，這樣做的效果就會(huì)不好

。(二)、解決方法:針對(duì)手機(jī)端與電腦端存在的差異，首先應(yīng)該不能直接在電腦端的原基礎(chǔ)上進(jìn)行修改，而是應(yīng)該對(duì)手機(jī)端的頁(yè)面進(jìn)行“再設(shè)計(jì)”，針對(duì)手機(jī)端的規(guī)范尺寸進(jìn)行適配

。一般18px的字號(hào)是剛好可以清楚的程度，而24px是比較舒服的一個(gè)狀態(tài)，30px是用于想到重點(diǎn)突出的大標(biāo)題

。類似這些頁(yè)面的手機(jī)端就是進(jìn)行過(guò)“再設(shè)計(jì)”的：

二、無(wú)線端頁(yè)面呈現(xiàn)內(nèi)容(一)、電腦端內(nèi)容信息量大，一字不漏照搬到無(wú)線端由于電腦端的頁(yè)面尺寸比無(wú)線端大很多，所以電腦端承載的信息內(nèi)容相對(duì)比較全面,但無(wú)線端尺寸相對(duì)小很多，如果把所有電腦端的內(nèi)容原封不動(dòng)地搬到無(wú)線端的話，就會(huì)顯得很擁擠，讓整個(gè)頁(yè)面布局看起來(lái)亂糟糟的，沒有很好的展示重點(diǎn)信

息。(二)、解決方法：手機(jī)端尺寸相對(duì)電腦端會(huì)小一點(diǎn)，所以在設(shè)計(jì)的時(shí)候，需要讓頁(yè)面看起來(lái)簡(jiǎn)單有層

次?，F(xiàn)在簡(jiǎn)潔風(fēng)是很多大牌只要的營(yíng)銷手段，可能是因?yàn)樘O果簡(jiǎn)潔風(fēng)當(dāng)下比較盛行，看起來(lái)比較有高級(jí)感，但是并不適合所有的頁(yè)面，因?yàn)轭愃埔恍┦称奉愡€有一些促銷類頁(yè)面，需要重點(diǎn)突出信息部分，這個(gè)事根據(jù)淘寶店鋪定位來(lái)決定

的。一些品牌的簡(jiǎn)潔風(fēng)頁(yè)面：

三、買家體驗(yàn)(一)、按照電腦端的買家體驗(yàn)操作習(xí)慣延續(xù)到手機(jī)端頁(yè)面上首先電腦端一般買家習(xí)慣是點(diǎn)擊鼠標(biāo)左右滑動(dòng)瀏覽banner圖或者向上下滑動(dòng)鼠標(biāo)瀏覽頁(yè)面，而手機(jī)端一般買家的操作習(xí)慣是一直向上下移動(dòng)瀏覽頁(yè)面，而且操作環(huán)境的選擇也會(huì)有所區(qū)別，在電腦端上，點(diǎn)擊店鋪內(nèi)容的方式更加直接，買家只需要通過(guò)鼠標(biāo)來(lái)操作，而在手機(jī)端，直接用手指和屏幕之間直接接觸，很多人會(huì)直接把電腦端的頁(yè)面展示方式直接搬到手機(jī)端上， 但是現(xiàn)在手機(jī)端以輪播的形式展示的點(diǎn)擊率越來(lái)越低了，很多重點(diǎn)信息內(nèi)容都在banner圖上展示，這樣就會(huì)造成店鋪點(diǎn)擊率

降低。(二)、解決方法：因?yàn)槟壳笆謾C(jī)端的店鋪比重占據(jù)了很大的一部分，所以還是要注重手機(jī)端的買家體驗(yàn)設(shè)計(jì)，首先應(yīng)該積極主動(dòng)引導(dǎo)買家行為，所以不是很有必要的話盡量避免以輪播圖的形式展現(xiàn)，因?yàn)橘I家已經(jīng)習(xí)慣了上下的瀏覽操作習(xí)慣，所以一般都不會(huì)主動(dòng)左右

滑動(dòng)?，F(xiàn)在手機(jī)淘寶的用戶越來(lái)越多，所以需要大家很越來(lái)越重視無(wú)線端頁(yè)面的設(shè)計(jì)，設(shè)計(jì)師也要深入去學(xué)習(xí)無(wú)線端的設(shè)計(jì)規(guī)范、

理念!希望以后能夠?yàn)榇蠹規(guī)?lái)更好的文章哦，謝謝您對(duì)幕思城的

支持。推薦閱讀在網(wǎng)上學(xué)平面設(shè)計(jì)有

用不?新手怎么

自學(xué)?有沒有網(wǎng)上學(xué)平面設(shè)計(jì)的好網(wǎng)站零基礎(chǔ)畫人像素描在哪個(gè)網(wǎng)

站

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。