西西軟件園多重安全檢測(cè)下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁(yè)西西教程軟件使用 → 淘寶手機(jī)無(wú)線端頁(yè)面如何設(shè)計(jì)

淘寶手機(jī)無(wú)線端頁(yè)面如何設(shè)計(jì)

相關(guān)軟件相關(guān)文章發(fā)表評(píng)論 來(lái)源:西西整理時(shí)間:2014/3/21 17:09:13字體大小:A-A+

作者:西西點(diǎn)擊:2122次評(píng)論:0次標(biāo)簽: 淘寶手機(jī)無(wú)線端頁(yè)面設(shè)計(jì)

  • 類型:生活服務(wù)大。63.8M語(yǔ)言:中文 評(píng)分:8.1
  • 標(biāo)簽:
立即下載

一、無(wú)線端各種尺寸和要求

可以傳一個(gè)小于200K的mp3音頻文件。

圖片最多可以傳30張,單張圖片寬度在480px-620px內(nèi),單張圖片高度小于等于960px。

可以添加文本模塊,每個(gè)模塊不超過(guò)500字符。(文本模塊沒(méi)有任何樣式可編輯,連首空格2字都不能。行間距不能調(diào)整,字體大小、顏色、加粗等不能調(diào)整,被逼無(wú)奈我只能全部做成圖片了。這點(diǎn)希望官方后續(xù)能考慮放寬。)

所有的東西加起來(lái)不能超過(guò)1.5M。

二、無(wú)線端頁(yè)面設(shè)計(jì)要點(diǎn)

在無(wú)線端的詳情頁(yè)是沒(méi)有店招的,設(shè)計(jì)一個(gè)店招,這樣會(huì)增強(qiáng)視覺,提升品牌形象。如圖:

一張無(wú)線端的海報(bào)圖

可以是主推產(chǎn)品,或者形象展示,這樣看起來(lái)會(huì)大氣很多。圖片不可以做鏈接,且所有的圖片和文字在無(wú)線端都不可以做鏈接。

內(nèi)容精簡(jiǎn),挑重點(diǎn)說(shuō)。

不要把你所有PC端的內(nèi)容都縮小照搬到無(wú)線端,原因是pc端圖片縮小后文字會(huì)很小,在手機(jī)上看不清楚,原因之二,pc端就那么小一點(diǎn)地方,挑重點(diǎn)內(nèi)容來(lái)做就行了,有wifi還好,沒(méi)wifi的話別浪費(fèi)買家的流量了。

不要使用太多色彩

顏色信息太豐富的圖片,圖片體積必然會(huì)增大。千萬(wàn)要記住這是無(wú)線端,能小則小。盡量使用單色背景,或者淺色圖片,推薦使用“極簡(jiǎn)”設(shè)計(jì)理念。這樣的圖在無(wú)線端上看其來(lái)會(huì)很清晰和舒服。

字體大小的問(wèn)題,也是最重要的問(wèn)題。

經(jīng)過(guò)我反復(fù)的測(cè)試得出這個(gè)經(jīng)驗(yàn):我選用的是620px寬的尺寸,正文文字使用(雅黑 26px 模式為銳利)的時(shí)候,在手機(jī)上瀏覽感覺最舒服。不要以為26px在pc上看起來(lái)很大,其實(shí)在手機(jī)上顯示是很小的。有圖為例

標(biāo)題是(雅黑 32px Bold 銳利)正文是(雅黑 26px 銳利 行間距自動(dòng)),看起來(lái)很大是吧?那我們來(lái)看看這個(gè)文本在手機(jī)上是多大,由于Iphone截圖會(huì)把圖片放大,沒(méi)辦法做到手機(jī)上的效果。

圖片優(yōu)化的問(wèn)題,也非常的重要。

每張圖片都必須要優(yōu)化,否則很大,PS里劃好切片以后Ctrl+Alt+Shift鍵 打開優(yōu)化界面,逐一選中每個(gè)切片去優(yōu)化,嘗試不同的格式,有時(shí)候在JPG格式下50%的質(zhì)量,仍然比GIF格式大,這要取決于你的圖片顏色信息。如果顏色比較單一,首選GIF,如果是一些復(fù)雜的圖片,則選JPG。另外有一點(diǎn),有時(shí)候GIF和JPG都很大的情況下選擇PNG8,會(huì)小很多。反正這三個(gè)格式淘寶都支持。

盡量在保證圖片質(zhì)量的情況下,去減小圖片大小,有時(shí)候pc上看起來(lái)圖片質(zhì)量壓縮過(guò)度了,但在手機(jī)上看效果還不錯(cuò),這個(gè)需要自己去慢慢體會(huì)。

順便說(shuō)下,我們的現(xiàn)在是29張圖片607k+mp3 197k 還不算是太大,符合淘寶的1.5M以內(nèi)。

不要把圖片或者文字使用切片攔腰斬?cái)?/p>

每個(gè)圖片,或者沒(méi)段文字應(yīng)該切成1個(gè)圖,而不是把一張完整的圖片切成幾塊,這樣會(huì)有非常嚴(yán)重的后果。

在淘寶客戶端里面看不出來(lái),一旦使用手機(jī)瀏覽器去看寶貝詳情的時(shí)候,圖片之間是有空隙的,如果你的圖片被攔腰斬?cái)嗔,那就?huì)出現(xiàn)一個(gè)“斷裂帶”,希望以后淘寶修復(fù)這個(gè)問(wèn)題。

關(guān)于添加mp3的問(wèn)題

mp3文件只允許200k內(nèi),但這200k內(nèi)你能說(shuō)一些什么呢?想過(guò)沒(méi)?那我告訴你吧,正常的語(yǔ)速,不帶背景音樂(lè),能說(shuō)80個(gè)字左右,還得看你壓縮的好不好,跟壓縮也有關(guān)系。

如果你想帶點(diǎn)音樂(lè),那么只能說(shuō)50個(gè)字左右。我的mp3是花錢找專業(yè)錄音的公司做的,他們反復(fù)調(diào)試了2天,才保證文件不超過(guò)200k,保證音質(zhì)不那么差,保證文字盡量多,幾個(gè)條件都很苛刻。

至于mp3的內(nèi)容你想說(shuō)點(diǎn)什么,就看你想要表現(xiàn)什么了,可以表現(xiàn)品牌文化,可以是促銷,可以是產(chǎn)品介紹,可以是一段音樂(lè),可以是...自己去想吧。給大家看看加了mp3以后,詳情頁(yè)的展示效果吧。

有木有點(diǎn)小激動(dòng),傳說(shuō)中可以聽的寶貝就是這樣來(lái)的,你想不想聽聽?

補(bǔ)充:手機(jī)瀏覽器上看詳情頁(yè),不會(huì)出現(xiàn)MP3,只有在淘寶客戶端瀏覽時(shí)候才能看見。

關(guān)于文本模塊的問(wèn)題

這是個(gè)很糾結(jié)的問(wèn)題,我試過(guò)了,使用文本模塊的話就會(huì)減小整個(gè)頁(yè)面的體積,但我為什么沒(méi)用文本模塊呢,有幾個(gè)原因:

1)、文本模塊不支持字體大小編輯,不支持首行空格。

2)、文本模塊不支持文字顏色編輯。

3)、文本模塊使用后,和我設(shè)計(jì)的效果圖不搭配,看其來(lái)巨難看。

我就放棄使用文本模塊了。但是有個(gè)缺點(diǎn),當(dāng)手機(jī)在沒(méi)有wifi的情況下就是E模式下,瀏覽寶貝比較慢,在怎么優(yōu)化圖片,也就那樣了,需要點(diǎn)一下出來(lái)幾張這樣。

來(lái)一張首屏吧!

    ctfhoko
    (8)ctfhoko
    官網(wǎng)......是什么是前海周大福全球商品購(gòu)物中心的手機(jī)客戶端軟件,消費(fèi)者將可通過(guò)該平臺(tái)充分享受跨境電商的網(wǎng)購(gòu)樂(lè)趣,跨境電商保稅商品可在店內(nèi)觀看樣品,掃二維碼查看詳細(xì)信息,需要手機(jī)或網(wǎng)上下單購(gòu)買,線下配送,將于三天左右遞送上門。上邊的東西是正品嗎引進(jìn)香港知名商戶,商品從香港發(fā)貨后直接進(jìn)入海關(guān)監(jiān)管的保稅倉(cāng),或直接郵寄發(fā)出,取消層層代理,讓您直接享受海外價(jià)格的正品。...更多>>
    • CTFHOKO1.0.1 官網(wǎng)安卓版

      12-21 / 38.6M

      推薦理由:CTFHOKO前海周大福全球商品購(gòu)物中心正式上線手機(jī)客戶端,從此用戶可以通過(guò)CTFHOKO手機(jī)app來(lái)跨境購(gòu)買眾多海外
    • 前海周大福全球商品購(gòu)物中心app1.0

      12-21 / 38.6M

      推薦理由:前海周大福全球商品購(gòu)物中心手機(jī)版客戶端ctfhoko app發(fā)布,這是為方便用戶購(gòu)物退出的手機(jī)端,用戶可以
    • 小紅書海外購(gòu)物神器4.15.015官網(wǎng)安

      02-09 / 16.8M

      推薦理由:在如今網(wǎng)上購(gòu)物越來(lái)越盛行的今天,你是否也渴望著走出國(guó)門,將全世界的商店納入自己的眼中呢?如果你是一個(gè)
    • 蜜淘全球購(gòu)正品特賣5.2.0安卓版

      04-29 / 8.3M

      推薦理由:有沒(méi)有想足不出戶就能買到全球的各種商品?個(gè)人代購(gòu)不靠譜,還是讓專業(yè)的來(lái)吧!蜜淘.全球購(gòu) (Metao.com)是
    • 洋碼頭安卓版V3.3.1 官方版

      02-09 / 20.4M

      推薦理由:洋碼頭,一款手機(jī)購(gòu)物平臺(tái),囊括了全球知名品牌,時(shí)尚品牌全球購(gòu),專門針對(duì)海外商品的選購(gòu),時(shí)尚達(dá)人必備神
    • 淘寶網(wǎng)客戶端 Android版v6.4.2 官方

      01-26 / 63.8M

      推薦理由:淘寶Android手機(jī)客戶端是淘寶網(wǎng)官方推出的提供給用戶使用的手機(jī)購(gòu)物軟件,為用戶提供快捷方便的手機(jī)購(gòu)物新體
    洋碼頭
    (28)洋碼頭
    現(xiàn)如今海外代購(gòu)是非常的流行,大到奢侈品品小到嬰兒奶粉。大家也都明白海外代購(gòu)有多少是騙人的,今天給大家介紹的洋碼頭不管是價(jià)格或是質(zhì)量上面都是特別有保證的,洋碼頭在全球建立海外倉(cāng)庫(kù),每天多達(dá)班次的飛機(jī)直飛中國(guó),讓用戶購(gòu)物更放心。專業(yè)的關(guān)務(wù)和法務(wù),既能快速實(shí)現(xiàn)貨品清關(guān),也能保障用戶消費(fèi)更安全。在洋碼頭代購(gòu)讓你放心更省心...更多>>
    • 洋碼頭安卓版V3.3.1 官方版

      02-09 / 20.4M

      推薦理由:洋碼頭,一款手機(jī)購(gòu)物平臺(tái),囊括了全球知名品牌,時(shí)尚品牌全球購(gòu),專門針對(duì)海外商品的選購(gòu),時(shí)尚達(dá)人必備神
    • 洋碼頭海外掃貨神器3.3.0 官網(wǎng)安卓

      10-16 / 34.3M

      推薦理由:洋碼頭海外掃貨神器是一款海外購(gòu)物手機(jī)客戶端,什么值得買?比蜜海淘更低的折扣、比全球購(gòu)更有趣的購(gòu)物體驗(yàn)
    • 洋碼頭appv2.6.1 官方ios版

      11-27 / 41.7M

      推薦理由:洋碼頭app是一款海外購(gòu)物神器,這款軟件可以幫助用戶更好的搶到國(guó)外最優(yōu)惠的產(chǎn)品。很多對(duì)國(guó)產(chǎn)商品產(chǎn)
    • 小紅書海外購(gòu)物神器4.15.015官網(wǎng)安

      02-09 / 16.8M

      推薦理由:在如今網(wǎng)上購(gòu)物越來(lái)越盛行的今天,你是否也渴望著走出國(guó)門,將全世界的商店納入自己的眼中呢?如果你是一個(gè)
    • 蜜淘全球購(gòu)正品特賣5.2.0安卓版

      04-29 / 8.3M

      推薦理由:有沒(méi)有想足不出戶就能買到全球的各種商品?個(gè)人代購(gòu)不靠譜,還是讓專業(yè)的來(lái)吧!蜜淘.全球購(gòu) (Metao.com)是
    • 淘寶網(wǎng)客戶端 Android版v6.4.2 官方

      01-26 / 63.8M

      推薦理由:淘寶Android手機(jī)客戶端是淘寶網(wǎng)官方推出的提供給用戶使用的手機(jī)購(gòu)物軟件,為用戶提供快捷方便的手機(jī)購(gòu)物新體
    2015最受歡迎APP
    (27)2015最受歡迎APP
    中國(guó)最受歡迎榜單發(fā)布,西西第一時(shí)間為用戶推出最受歡迎排行榜專區(qū)下載,在這里你可以下載到中國(guó)最受歡迎的,在整個(gè)市場(chǎng),實(shí)際上仍舊是占領(lǐng)主導(dǎo)地位。中國(guó)最受歡迎榜單前分別是微信手機(jī)淘寶搜狗輸入法瀏覽器支付寶錢包瀏覽器愛奇藝今日頭條百度地圖酷狗音樂(lè)大眾點(diǎn)評(píng)滴滴出行等等。整個(gè)市場(chǎng)可以分成三大類第一類是移動(dòng)社交移動(dòng)出行手機(jī)地圖移動(dòng)購(gòu)物等領(lǐng)域已經(jīng)是大局已定。微信移動(dòng)社交,以及快的滴滴手機(jī)地圖手機(jī)淘寶移動(dòng)商城等領(lǐng)域...更多>>
    • 微信2016 Android 版v6.3.31.920谷

      11-21 / 38.8M

      推薦理由:基于Android平臺(tái)的騰訊微信服務(wù),帶給您全新的移動(dòng)即時(shí)通信體驗(yàn)。您可以使用微信軟件快速地發(fā)送消息,即時(shí)拍
    • 手機(jī)QQ2017 for Androidv6.6.9 官方

      02-14 / 37.8M

      推薦理由:全新的手機(jī)QQ2017版正式發(fā)布。qq2017新版本在保留原有功能基礎(chǔ)上,加入2套趣味表情,并對(duì)UI進(jìn)行簡(jiǎn)化設(shè)計(jì),去
    • 搜狗手機(jī)輸入法 For Android8.7 官

      12-21 / 20.8M

      推薦理由:Android智能手機(jī)在國(guó)內(nèi)已經(jīng)正在被越來(lái)越多的人所接受。作為智能平臺(tái)第三方輸入法必不可少,搜狗手機(jī)輸入法持
    • UC瀏覽器安卓手機(jī)版V11.4.0.921 官

      02-20 / 18.0M

      推薦理由:UC瀏覽器是一款全球領(lǐng)先的智能手機(jī)瀏覽器,擁有獨(dú)創(chuàng)的U3內(nèi)核和云端技術(shù),完美地支持HTML5應(yīng)用,具有智能、極
    • 淘寶網(wǎng)客戶端 Android版v6.4.2 官方

      01-26 / 63.8M

      推薦理由:淘寶Android手機(jī)客戶端是淘寶網(wǎng)官方推出的提供給用戶使用的手機(jī)購(gòu)物軟件,為用戶提供快捷方便的手機(jī)購(gòu)物新體
    • 支付寶錢包V10.0.3.021302 安卓版

      02-13 / 52.4M

      推薦理由:支付寶錢包是支付寶針對(duì)手機(jī)推出的客戶端軟件,用戶可通過(guò)它用手機(jī)登陸支付寶。只要在您的手機(jī)上安裝了支付
    男生必備app
    (74)男生必備app
    西西軟件園為手機(jī)用戶帶來(lái)男生必備下載,幫你發(fā)現(xiàn)好用的軟件,游戲等,快來(lái)下載吧微信微信手機(jī)版,可以群聊的手機(jī)對(duì)講機(jī)。微信是騰訊公司推出的一個(gè)為智能手機(jī)提供即時(shí)通訊服務(wù)的免費(fèi)應(yīng)用程序。如今朋友圈已成為了中國(guó)最流行的社區(qū)之一,微信團(tuán)隊(duì)現(xiàn)已開始在運(yùn)營(yíng)朋友圈廣告,現(xiàn)在刷朋友圈同時(shí)存在廣告了。天天酷跑天天酷跑最新版擁有動(dòng)感的背景音樂(lè)華麗的游戲界面得心應(yīng)手的跑酷游戲體驗(yàn),可讓玩家在精妙的設(shè)計(jì)中越玩越爽快,令游戲樂(lè)...更多>>
    • 微信手機(jī)版2017v6.5.4 官網(wǎng)最新版

      01-23 / 38.7M

      推薦理由:微信,可以群聊的手機(jī)對(duì)講機(jī)。微信是騰訊公司推出的一個(gè)為智能手機(jī)提供即時(shí)通訊服務(wù)的免費(fèi)應(yīng)用程序。微信支
    • 騰訊天天酷跑新版本V1.0.36.0 安卓

      08-02 / 316.6M

      推薦理由:天天酷跑安卓版是一款絢麗的動(dòng)作跑酷游戲。不同于傳統(tǒng)的酷跑類游戲,天天酷跑中還擁有了多個(gè)炫酷的角色可供
    • 知乎手機(jī)版4.14.0安卓版

      01-05 / 26.5M

      推薦理由:知乎網(wǎng)絡(luò)社區(qū)安卓客戶端,這是一款用戶體驗(yàn)非常不錯(cuò)的app應(yīng)用。知乎是一家社會(huì)化問(wèn)答網(wǎng)站,一個(gè)人大腦中從未
    • 乖離性百萬(wàn)亞瑟王日服版2.0.0 安卓

      05-29 / 32.4M

      推薦理由:SE旗下超人氣卡牌《擴(kuò)散性百萬(wàn)亞瑟王》續(xù)作《乖離性百萬(wàn)亞瑟王》, 在新作中可支持最多4人的同時(shí)連線對(duì)戰(zhàn),
    • ZAKER閱讀器(扎客)V7.4.1 安卓版

      02-09 / 21.0M

      推薦理由:ZAKER(扎客)是一款互動(dòng)分享和個(gè)性化定制的閱讀軟件。它將微博、博客、報(bào)紙、雜志、網(wǎng)絡(luò)新聞、圖片、RSS、
    • 淘寶網(wǎng)客戶端 Android版v6.4.2 官方

      01-26 / 63.8M

      推薦理由:淘寶Android手機(jī)客戶端是淘寶網(wǎng)官方推出的提供給用戶使用的手機(jī)購(gòu)物軟件,為用戶提供快捷方便的手機(jī)購(gòu)物新體
    女生必備app
    (72)女生必備app
    西西軟件園為用戶帶來(lái)手機(jī)端女生必備的,幫助用戶找到適合自己的女生必備軟件,快來(lái)下載吧大姨嗎安卓版大姨嗎安卓版是一款專為女生量身定制的生活應(yīng)用軟件。為千萬(wàn)少女解決大部分生理知識(shí)的疑問(wèn),為數(shù)以萬(wàn)計(jì)的女性提供一款月經(jīng)寶典,不再為突襲親戚而苦惱。值得擁有美課美妝美課美妝是一款女性內(nèi)容相關(guān)的,為用戶提供美容產(chǎn)品評(píng)測(cè),美容教學(xué),讓用戶足不出戶就能成為美容專家遇到問(wèn)題時(shí)還可以向美課美妝尋求幫助,各種詳細(xì)回答讓你...更多>>
    • 大姨嗎安卓版7.4 官方最新版

      01-06 / 21.7M

      推薦理由:大姨嗎安卓版是一款專為女生量身定制的生活應(yīng)用軟件。為千萬(wàn)少女解決大部分生理知識(shí)的疑問(wèn),為數(shù)以萬(wàn)計(jì)的女
    • 美課美妝app3.0.4 安卓官方版

      06-28 / 18.8M

      推薦理由:美課美妝app是一款女性內(nèi)容相關(guān)的app,為用戶提供美容產(chǎn)品評(píng)測(cè),美容教學(xué),讓用戶足不出戶就能成為美容專家
    • 美妝心得8.0.9 安卓版

      02-17 / 26.3M

      推薦理由:愛美是女人的天性,每一個(gè)女性內(nèi)心都藏著一顆愛美的新,美妝心得APP,讓你和眾多愛美的姐妹們一起分享自己的
    • 美顏相機(jī)5.6.0.0 官方版

      01-22 / 40.5M

      推薦理由:美顏相機(jī)是一款有美圖秀秀官網(wǎng)推出的手機(jī)自拍神器,愛自拍的女生可以一鍵全自動(dòng)智能美顏,瞬間白皙透亮,顛
    • 穿衣助手app(穿衣搭配必備手機(jī)應(yīng)用

      01-24 / 22.3M

      推薦理由:穿衣助手是一款叫人如何穿衣搭配的實(shí)用軟件,穿衣助手app里面有最潮流搭配推薦,讓大家不用再為如何搭配衣服
    • 每日瑜伽6.3.4.6 安卓版

      02-19 / 24.2M

      推薦理由:每日瑜伽app下載,對(duì)于許多女性而言,外貌就是生命,而身材與外貌有著同等重要的因素,而瑜伽作為保持身材的

    相關(guān)評(píng)論

    閱讀本文后您有什么感想? 已有人給出評(píng)價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過(guò)難過(guò)
    • 5 囧
    • 3 圍觀圍觀
    • 2 無(wú)聊無(wú)聊

    熱門評(píng)論

    最新評(píng)論

    發(fā)表評(píng)論 查看所有評(píng)論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過(guò)審核才能顯示)