手機(jī)淘寶頁(yè)面設(shè)計(jì)的3個(gè)誤區(qū)
60期天天 樓主 | 2022-06-02 | 10:20 | 發(fā)布在分類 / 拼多多運(yùn)營(yíng) | 閱讀:93
60期天天 樓主 | 2022-06-02 | 10:20 | 發(fā)布在分類 / 拼多多運(yùn)營(yíng) | 閱讀:93
手淘店鋪?lái)?yè)面的設(shè)計(jì)有許多的規(guī)范和要求,經(jīng)常有一些店鋪的設(shè)計(jì)踩了很多雷區(qū),導(dǎo)致最后的效果不好,吸引不到客戶,所以幕思城小編專門去請(qǐng)教了大神,整理了一些不能進(jìn)入的誤區(qū),今天分享給大家,希望有所幫助!
一
、手機(jī)端視覺(jué)規(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)亂糟糟的,沒(mé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é)?有沒(méi)有網(wǎng)上學(xué)平面設(shè)計(jì)的好網(wǎng)站零基礎(chǔ)畫(huà)人像素描在哪個(gè)網(wǎng)
站
這個(gè)問(wèn)題還有疑問(wèn)的話,可以加幕.思.城火星老師免費(fèi)咨詢,微V.信X號(hào)是為: msc496。
微信掃碼回復(fù)「666」