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

選擇喜歡的照片素材

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

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

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

我們現(xiàn)在通過(guò)電腦愛好者的官方淘寶店，來(lái)截取一張這本雜志的封面圖片（圖2）。接下來(lái)點(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）。不過(guò)有的時(shí)候我們發(fā)現(xiàn)自動(dòng)抓取的圖片里面中文顯示有問題，我們首先點(diǎn)擊上傳圖片右上角的刪除按鈕。然后還是利用電腦里面的截圖軟件來(lái)進(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)的分辨率，接下來(lái)就可以進(jìn)行模板以及產(chǎn)品圖片和整合。在整合完成以后再點(diǎn)擊這個(gè)分辨率命令，就會(huì)在一個(gè)瀏覽器的新標(biāo)簽中顯示出整合后的圖片，然后通過(guò)另存為就可以完成下載操作了（圖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è)棘手的問題了。

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

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

現(xiàn)在點(diǎn)擊操作界面中的“Generate product mockups”按鈕，通過(guò)操作界面的進(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ā)送到自己的電子郵箱里面（圖7）。或者復(fù)制右下角的共享鏈接，將它發(fā)送給其他的同事來(lái)使用。如果用戶對(duì)合成的效果圖不慎滿意的話，那么可以考慮重新選擇一個(gè)產(chǎn)品的模仿，或者重新上傳一張更好的圖片來(lái)進(jìn)行合成操作。