萬立夫

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

選擇喜歡的照片素材

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

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

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

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

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

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

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

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

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

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

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

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