一種呈現(xiàn)商品的圖像的方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域,特別地涉及一種呈現(xiàn)商品的圖像的方法和裝置。
【背景技術(shù)】
[0002]虛擬試衣是指利用計(jì)算機(jī)技術(shù)讓虛擬模特代替真實(shí)用戶試穿網(wǎng)上出售的服裝、鞋帽,通過虛擬模特試穿呈現(xiàn)的效果對用戶選購網(wǎng)上服裝形成參考,便于用戶購買到合適的服裝。
[0003]對于鞋來說,現(xiàn)有的一種虛擬試衣方式是用戶通過網(wǎng)頁挑選鞋然后應(yīng)用虛擬模特進(jìn)行試穿。作為電子商務(wù)的人機(jī)界面,網(wǎng)頁可同時(shí)顯示多個(gè)鞋,例如圖1所示,圖1是根據(jù)現(xiàn)有技術(shù)的網(wǎng)頁中呈現(xiàn)鞋的圖片的示意圖。在圖1中,鞋的呈現(xiàn)區(qū)域10中呈現(xiàn)有多只鞋及其相關(guān)信息,該相關(guān)信息包括商品簡介和價(jià)格等。用戶可以通過顯示該網(wǎng)頁的終端設(shè)備例如個(gè)人計(jì)算機(jī)、手機(jī)等選擇鞋,例如用鼠標(biāo)(如使用觸模屏則是用手指)點(diǎn)擊其中一只鞋,然后可以選擇查看其進(jìn)一步詳細(xì)信息或者進(jìn)行虛擬試穿,如進(jìn)行虛擬試穿,則終端設(shè)備呈現(xiàn)虛擬模特,試穿完成后用戶可以從上述的呈現(xiàn)區(qū)域10中另選一只鞋。
[0004]在網(wǎng)上商城呈現(xiàn)鞋時(shí),采用圖1所示的方式比較便于用戶選擇,因?yàn)槠渲邪谋容^完整的圖像,并且包含鞋的相關(guān)信息,使用戶能夠比較全面地了解商品情況。但在進(jìn)行虛擬試穿時(shí),上述呈現(xiàn)方式往往使用戶的操作較為繁瑣,因?yàn)槠聊荒軌虺尸F(xiàn)的鞋的數(shù)量有限,使用戶經(jīng)常做滾屏或翻頁操作,而用不便于記住剛才試穿過哪些鞋。
【發(fā)明內(nèi)容】
[0005]有鑒于此,本發(fā)明提供一種呈現(xiàn)商品的圖像的方法和裝置,有助于使用戶方便地對鞋進(jìn)行虛擬試衣操作。
[0006]為實(shí)現(xiàn)上述目的,根據(jù)本發(fā)明的一個(gè)方面,提供了一種呈現(xiàn)商品的圖像的方法。
[0007]本發(fā)明的呈現(xiàn)商品的圖像的方法包括:終端設(shè)備從服務(wù)器獲取多個(gè)商品的標(biāo)識;終端設(shè)備按照所述多個(gè)商品的標(biāo)識,從服務(wù)器獲取所述多個(gè)商品的指定視角的圖像;終端設(shè)備呈現(xiàn)所述圖像,并使所述圖像沿預(yù)設(shè)方式排列。
[0008]可選地,使所述圖像沿預(yù)設(shè)方式排列的步驟包括:使所述圖像沿橫向或沿縱向排成單排或多排。
[0009]可選地,所述商品是鞋,所述指定視角是鞋的俯視。
[0010]可選地,在終端設(shè)備呈現(xiàn)所述圖像時(shí),多個(gè)鞋橫向排列,各個(gè)鞋縱向設(shè)置,并且呈現(xiàn)鞋架圖像,所述鞋架圖像包括鞋架底面圖像和鞋架側(cè)面圖像,其中所述鞋架底面圖像為所述鞋的圖像的背景,所述鞋架側(cè)面圖像遮蔽各個(gè)所述鞋的圖像中的鞋的下端;并且該方法還包括:接收用于改變所述鞋架呈現(xiàn)視角的操作,然后改變所述鞋架圖像的呈現(xiàn)視角,并且保持所述鞋的圖像的呈現(xiàn)視角。
[0011]根據(jù)本發(fā)明的另一方面,提供了一種呈現(xiàn)商品的圖像的裝置。
[0012]本發(fā)明的呈現(xiàn)商品的圖像的裝置包括:標(biāo)識獲取模塊,用于從服務(wù)器獲取多個(gè)商品的標(biāo)識;圖像獲取模塊,用于按照所述多個(gè)商品的標(biāo)識,從服務(wù)器獲取所述多個(gè)商品的指定視角的圖像;圖像呈現(xiàn)模塊,用于呈現(xiàn)所述圖像,并使所述圖像沿預(yù)設(shè)方式排列。
[0013]可選地,所述圖像呈現(xiàn)模塊還用于使所述圖像沿橫向或沿縱向排成單排或多排。
[0014]可選地,所述商品是鞋,所述指定視角是鞋的俯視。
[0015]可選地,所述圖像呈現(xiàn)模塊還用于在呈現(xiàn)所述圖像時(shí),使多個(gè)鞋橫向排列,各個(gè)鞋縱向設(shè)置;并且還用于呈現(xiàn)鞋架圖像,所述鞋架圖像包括鞋架底面圖像和鞋架側(cè)面圖像,其中所述鞋架底面圖像為所述鞋的圖像的背景,所述鞋架側(cè)面圖像遮蔽各個(gè)所述鞋的圖像中的鞋的下端;并且所述裝置還包括調(diào)整模塊,用于接收用于改變所述鞋架呈現(xiàn)視角的操作,然后改變所述鞋架圖像的呈現(xiàn)視角,并且保持所述鞋的圖像的呈現(xiàn)視角。
[0016]根據(jù)本發(fā)明的技術(shù)方案,在獲取了商品的標(biāo)識后,獲取這些商品的指定視角的圖像并按一定方式排列,能夠比較集中地在屏幕上呈現(xiàn)商品的圖像,從而便于用戶從中選取商品,對于服飾類的商品來說,有助于用戶方便地進(jìn)行3D虛擬試衣的操作。并且在本實(shí)施例中,瀏覽商品、試穿商品和換穿商品時(shí),有規(guī)律地呈現(xiàn)圖像的變化情況,使用戶清楚當(dāng)前瀏覽到的位置,并清楚哪些已試穿,哪些未試穿,從而有條理地進(jìn)行3D虛擬試衣操作。本實(shí)施例中以鞋為例進(jìn)行了說明,該方案也可以用于展示帽或者其他服飾,同樣可收到類似的技術(shù)效果。
【附圖說明】
[0017]附圖用于更好地理解本發(fā)明,不構(gòu)成對本發(fā)明的不當(dāng)限定。其中:
[0018]圖1是根據(jù)現(xiàn)有技術(shù)的網(wǎng)頁中呈現(xiàn)鞋的圖片的示意圖;
[0019]圖2是根據(jù)本發(fā)明實(shí)施例的呈現(xiàn)商品的圖像的方法的基本步驟的示意圖;
[0020]圖3A是根據(jù)本發(fā)明實(shí)施例的鞋架在打開狀態(tài)下的示意圖;
[0021]圖3B是根據(jù)本發(fā)明實(shí)施例的鞋架在關(guān)閉狀態(tài)下的示意圖;
[0022]圖4是根據(jù)本發(fā)明實(shí)施例的查看鞋細(xì)節(jié)的示意圖;
[0023]圖5是根據(jù)本發(fā)明實(shí)施例的可成批置換鞋的鞋架的示意圖;
[0024]圖6是根據(jù)本發(fā)明實(shí)施例的成批置換鞋的流程的示意圖;
[0025]圖7A和圖7B是根據(jù)本發(fā)明實(shí)施例的平移鞋的狀態(tài)的示意圖;
[0026]圖8是根據(jù)本發(fā)明實(shí)施例的平移鞋的流程的示意圖;
[0027]圖9A和圖9B是根據(jù)本發(fā)明實(shí)施例的試穿鞋時(shí)鞋架狀態(tài)的示意圖;
[0028]圖10是根據(jù)本發(fā)明實(shí)施例的試穿鞋時(shí)處理鞋架狀態(tài)的示意圖;
[0029]圖1lA和圖1lB是根據(jù)本發(fā)明實(shí)施例的換穿鞋時(shí)鞋架的狀態(tài)的示意圖;
[0030]圖12是根據(jù)本發(fā)明實(shí)施例的換穿鞋時(shí)處理鞋架狀態(tài)的示意圖;
[0031]圖13是根據(jù)本發(fā)明實(shí)施例的呈現(xiàn)商品的圖像的裝置的示意圖。
【具體實(shí)施方式】
[0032]以下結(jié)合附圖對本發(fā)明的示范性實(shí)施例做出說明,其中包括本發(fā)明實(shí)施例的各種細(xì)節(jié)以助于理解,應(yīng)當(dāng)將它們認(rèn)為僅僅是示范性的。因此,本領(lǐng)域普通技術(shù)人員應(yīng)當(dāng)認(rèn)識至IJ,可以對這里描述的實(shí)施例做出各種改變和修改,而不會(huì)背離本發(fā)明的范圍和精神。同樣,為了清楚和簡明,以下的描述中省略了對公知功能和結(jié)構(gòu)的描述。
[0033]圖2是根據(jù)本發(fā)明實(shí)施例的呈現(xiàn)商品的圖像的方法的基本步驟的示意圖。本實(shí)施例中,商品是鞋。如圖2所示,該方法主要包括如下的步驟S21至步驟S24。
[0034]步驟S21:服務(wù)器確定用戶選擇的鞋。用戶使用終端設(shè)備,在電子商務(wù)的人機(jī)界面中選擇鞋,每選一種鞋,服務(wù)器根據(jù)作為網(wǎng)頁元素的該鞋的圖像與鞋的商品的標(biāo)識之間的對應(yīng)關(guān)系確定鞋,然后將該鞋的標(biāo)識保存下來。根據(jù)本實(shí)施例的方法,用戶在選擇多只鞋之后再進(jìn)行虛擬試穿,所以用戶可以一次性地將想要試穿的鞋都挑選出來。
[0035]步驟S22:服務(wù)器將用戶選擇的鞋的商品標(biāo)識發(fā)送給終端設(shè)備。
[0036]步驟S23:終端設(shè)備根據(jù)收到的鞋的商品標(biāo)識,從服務(wù)器下載鞋的圖像。
[0037]步驟S24:終端設(shè)備將下載的鞋的圖像按一定方式排列呈現(xiàn)。例如,可將鞋沿橫向或沿縱向排成單排或多排。將下載的鞋的圖像按一定方式排列呈現(xiàn)在這里的作用是將用戶在電子商務(wù)的人機(jī)界面例如網(wǎng)上商城挑選的鞋的圖像集中呈現(xiàn)在屏幕中以便于用戶直接進(jìn)一步進(jìn)行挑選和虛擬試衣。
[0038]在電子商務(wù)的人機(jī)界面中,鞋的圖像的視角通常是側(cè)向(參考圖1),這種呈現(xiàn)方式能夠較好地展現(xiàn)鞋的全貌,但同時(shí)也比較占用屏幕空間。在步驟S24之后是通過虛擬試衣來觀察鞋的效果,所以步驟S24中無需展現(xiàn)鞋的全貌,而是要盡可能充分利用屏幕面積。可將鞋按通常的擺放方式呈現(xiàn),即各個(gè)鞋橫向排列,各個(gè)鞋縱向設(shè)置,如圖3A所示,圖3A是根據(jù)本發(fā)明實(shí)施例的鞋架在打開狀態(tài)下的示意圖。在圖3A中,多只鞋“放置”在鞋架上,鞋架包括鞋架底面301和鞋架側(cè)面302。以俯視的視角呈現(xiàn)每只鞋的鞋面,這樣能夠分辨各只鞋。因此需要在服務(wù)器上保存鞋的俯視圖像。
[0039]鞋架30能夠以3D的方式呈現(xiàn),即其能夠在不同的方向上以一定角度偏轉(zhuǎn)。在用戶選中鞋架并且上下移動(dòng)鼠標(biāo)或手指時(shí),鞋架可以前后俯仰;左右移動(dòng)鼠標(biāo)或手指時(shí),鞋架可以向左或向右轉(zhuǎn)動(dòng),這些偏轉(zhuǎn)的角度不宜過大,同時(shí)鞋保持原有的呈現(xiàn)視角,即輸出的圖像不變,以節(jié)省系統(tǒng)的運(yùn)算資源。呈現(xiàn)時(shí)的優(yōu)選方式是由鞋架側(cè)面302遮蔽鞋的下端,如圖3A所示,這樣在鞋架偏轉(zhuǎn)時(shí)在視覺效果上傾向于鞋能夠與鞋架一起偏轉(zhuǎn),而不是原角度不動(dòng)。
[0040]在步驟S24之后,用戶可以調(diào)取鞋架,例如點(diǎn)擊網(wǎng)頁中的“我的鞋架”按鈕,此時(shí)呈現(xiàn)鞋架外觀,如圖3B所示,圖3B是根據(jù)本發(fā)明實(shí)施例的鞋架在關(guān)閉狀態(tài)下的示意圖。點(diǎn)擊