萬立夫

現(xiàn)在在進(jìn)行各種各樣的產(chǎn)品推廣的時(shí)候，圖片肯定是不可或缺的一部分內(nèi)容。而不同的圖片推廣方式，就會(huì)起到不同的宣傳效果。比如我們就在一些宣傳圖片上看到將宣傳的產(chǎn)品嵌入到電腦或者手機(jī)的屏幕中，會(huì)給人一種進(jìn)行瀏覽的感覺。

選擇喜歡的照片素材

利用很多網(wǎng)上現(xiàn)成的模板生成器，就可以實(shí)現(xiàn)用戶需要的產(chǎn)品推廣效果。通過瀏覽器打開Magic Mockups這項(xiàng)云服務(wù)的網(wǎng)址（http：// magicmockups.com/），可以輕松地將屏幕截圖轉(zhuǎn)換成真實(shí)世界里面的素材。首先通過網(wǎng)站左側(cè)的列表，來尋找要使用的照片素材。通過照片上方我們可以看到各種各樣的分類，其中包括Laptop、Phone、Tablet等。用戶從中選擇一個(gè)喜歡的照片素材后，在窗口右側(cè)里面就可以開始進(jìn)行編輯。

將鼠標(biāo)移動(dòng)到照片屏幕上方的時(shí)候，就會(huì)顯示出這個(gè)素材支持的圖片大小。比如選擇的這個(gè)照片素材顯示的分辨率是1440×900，如果用戶要想獲得最好的顯示效果，那么最好采用推薦的這個(gè)分辨率的產(chǎn)品圖片才行（圖1）。若采用的圖片分辨率過大或者過小的話，在上傳以后都會(huì)出現(xiàn)模糊的情況發(fā)生。

上傳推廣的產(chǎn)品圖片

我們現(xiàn)在通過《電腦愛好者》的官方淘寶店，來截取一張這本雜志的封面圖片（圖2）。接下來點(diǎn)擊網(wǎng)站上方的“Upload Image”按鈕，在彈出的對(duì)話框里面選擇需要進(jìn)行上傳的產(chǎn)品圖片，上傳完成以后就可以看到該圖片成功地嵌入到選擇模板的正中。如果用戶選擇的模板里面既有電腦又有手機(jī)的話，那么就會(huì)在點(diǎn)擊“Upload Image”按鈕后彈出一個(gè)菜單，這樣就可以分別選擇嵌入到不同設(shè)備中的產(chǎn)品圖片。

要想對(duì)網(wǎng)站進(jìn)行宣傳的話，那么現(xiàn)在點(diǎn)擊這項(xiàng)云服務(wù)上面的“Capture URL”按鈕。在彈出的對(duì)話框里面再粘貼上宣傳網(wǎng)站的網(wǎng)頁(yè)鏈接，這樣這項(xiàng)云服務(wù)就可以對(duì)這個(gè)網(wǎng)頁(yè)鏈接進(jìn)行自動(dòng)的抓圖操作，抓取完成以后的圖片就會(huì)自動(dòng)嵌入到模板的框里面（圖3）。不過有時(shí)候自動(dòng)抓取的圖片會(huì)有中文顯示的問題，建議還是利用電腦里面的截圖軟件來進(jìn)行抓圖，再上傳到服務(wù)器里面進(jìn)行操作就可以了。

當(dāng)嵌入的產(chǎn)品圖片用戶覺得沒問題的話，那么就點(diǎn)擊網(wǎng)頁(yè)上方的“Download”按鈕，在彈出的菜單里面可以看到多個(gè)不同的圖片分辨率。其中包括960×640、1280×853、1600×1067乃至5000+等等。用戶只需要根據(jù)自己的要求點(diǎn)擊相應(yīng)的分辨率，接下來就可以進(jìn)行模板以及產(chǎn)品圖片的整合。在整合完成以后再點(diǎn)擊這個(gè)分辨率命令，就會(huì)在一個(gè)瀏覽器的新標(biāo)簽中顯示出整合后的圖片，然后通過另存為就可以完成下載操作了（圖4）。

最新產(chǎn)品模板應(yīng)有盡有

雖然Magic Mockups這項(xiàng)云服務(wù)已經(jīng)提供了大量的產(chǎn)品模板供用戶進(jìn)行選擇，但是如果用戶注意觀察的話就會(huì)發(fā)現(xiàn)這些產(chǎn)品都很難了解到具體的型號(hào)，而且有的模板背景可能會(huì)影響到用戶對(duì)產(chǎn)品的注意力。若使用一些新產(chǎn)品作為產(chǎn)品的介紹圖片就會(huì)非常困難，遇到這樣的問題又應(yīng)該怎樣解決呢？其實(shí)只需要換一個(gè)類似的云服務(wù)，就可以解決這個(gè)棘手的問題了。

通過瀏覽器打開M o c k U Ph o n e這個(gè)云服務(wù)的官方網(wǎng)頁(yè)（https：//mockuphone.com/），通過網(wǎng)頁(yè)的正中可以看到該云服務(wù)推薦的最新產(chǎn)品模板，其中就包括iPhone X、iPhone 8和Google Pixel等等。除此以外，這個(gè)云服務(wù)和我們之前介紹的那個(gè)云服務(wù)一樣，也可以按照不同的類型來依次進(jìn)行選擇。而且MockUPhone這個(gè)云服務(wù)里面不僅可以選擇常見的手機(jī)、電腦、平板，還可以選擇之前沒有的智能電視模塊。通過向?qū)У姆绞竭x擇需要的產(chǎn)品模板以后，就可以看到這個(gè)模板的顯示效果，其中包括橫向以及縱向的顯示效果（圖5）。滿意的話直接點(diǎn)擊效果圖，就能進(jìn)入到操作界面了。

同Magic Mockups這項(xiàng)云服務(wù)一樣，為了讓自己展示的產(chǎn)品圖片在模板里面顯得更加的真實(shí)，操作界面里面會(huì)給出一個(gè)圖片的最佳分辨率。這里我們就按照這個(gè)分辨率將《電腦愛好者》的官方頁(yè)面進(jìn)行截取，接下來將截取的圖片通過拖拽的方式釋放到操作界面的圖片框里面，這樣就可以方便地上傳到云端服務(wù)器里面了。如果上傳的圖片分辨率和MockUPhone云服務(wù)提示的分辨率不符的話，操作界面就會(huì)出現(xiàn)一個(gè)紅色的驚嘆號(hào)（圖6）。雖然這個(gè)云服務(wù)也會(huì)盡量讓圖片可以放入模板里面，不過最終的合成效果可能會(huì)不盡如人意。

現(xiàn)在點(diǎn)擊操作界面中的“Generate product mockups”按鈕，通過操作界面的進(jìn)度條我們就可以看到圖片合成的進(jìn)度。當(dāng)圖片成功地嵌入到產(chǎn)品模板后，網(wǎng)頁(yè)就會(huì)自動(dòng)跳轉(zhuǎn)到合成的效果圖。如果對(duì)效果非常滿意的話，那么點(diǎn)擊效果圖左下角的“Download my mockups”按鈕，這時(shí)會(huì)彈出一個(gè)下載對(duì)話框，在對(duì)話框里輸入一個(gè)自己的電子郵箱，點(diǎn)擊下載按鈕后就會(huì)發(fā)送到自己的電子郵箱里面。

當(dāng)然也可以復(fù)制右下角的共享鏈接，將它發(fā)送給其他的同事來使用。如果用戶對(duì)合成的效果圖不甚滿意的話，那么可以考慮重新選擇一個(gè)產(chǎn)品的模板，或者重新上傳一張更好的圖片來進(jìn)行合成操作。endprint