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

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

一

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

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

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

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

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

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

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

的。一些品牌的簡潔風(fēng)頁面：

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

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

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

理念!希望以后能夠?yàn)榇蠹規(guī)砀玫奈恼屡?，謝謝您對幕思城的

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

用不?新手怎么

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

站

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