【iOS / 安卓】套用模擬版型，MockUPhone讓手機、電腦自訂畫面！螢幕截圖、廣告設計

不知道大家有沒有這個疑惑？有時候看手機教學步驟或是網站上圖片是套用在手機上、電腦上的介面樣式，讓整體性看起來更逼真，到底是怎麼做出來的呢？B編今天就要揭開這個秘密告訴你，其實是有一個模組可以套用，讓你在寫文章、分享教學的排版更好看！

快訊

產品套用模組

這個模組應該是在廣告設計上比較常用到，當你透過模板來合成圖片，能讓網友看到比較逼真的畫面之外，整體上質感也比較好，Mockuphone裡面的模板很多種，有iOS、Android、Windows Phone、平板、桌電、筆電、電視等裝置模型，B編覺得螢幕截圖加上模型版邊框整個看起來更專業，就看你想要把圖片套用在哪台手機畫面，輕鬆套用，不需要使用修圖軟體修過，超級方便！

Mockuphone 模板
■ iOS：iPhone 模擬版型
■ Android：安卓手機模擬版型
■ Windows手機：Windows Phone 模擬版型
■ 電腦：Mac、筆電、桌電模擬版型
■ 電視：電視模擬版型

套用版型教學

這邊以iPhone為範例，先選擇一個你想要呈現的型號手機

▼ pick (選擇)
Image 196.png

▼ Drop files here (匯入圖片)
Image 197.png

▼【➀選擇圖片】→【➁開啟舊檔】
Image 198.png

▼ 如果要增加更多圖片【➀Add more file 選擇更多圖片】→【➁ Generate product mockups】
Image 199.png

▼【➀按右鍵】→【➁另存圖檔】

Image 205.png

▼ 實際套用出來的圖片，質感是不是很讚啊~
Image 206.png

奇奇的科技筆記

更多好用程式、網站推薦

► 工具：18款免費去背軟體推薦！
► Excel去背教學：免安裝！圖片快速去背、教學步驟！
► 字體辨識：快速辨識字型、中文字體辨識工具線上版！
► 人臉辨識：免安裝、上傳照片就能搜尋他是誰！
► 文法檢查：3個線上快速檢查英文文法工具網站！
► 停止更新：微軟將終止 Office 2010 更新！
► 終止服務：微軟將終止Mac版 Office 2016！
► 線上去背：【免安裝】圖片丟上去就能自動去背景！
► 去背App：【iOS適用】手機一鍵免費幫你去除背景！
► 圖片轉文字：【免安裝檔案】一招教你快速圖片轉文字！
► Windows：【微軟】電腦可免費升級Wndows 10！
► 旋轉影片：【影片翻轉APP】一招教你旋轉、翻轉手機影片！
► Office：【Office】微軟將推出手機版Office 三合一軟體！
► Excel：【Excel 密技】Excel 快捷鍵功能表一覽！
► Windows：【電腦快捷鍵】Windows隱藏版鍵盤設定！
► YouTube：【密技】YouTube快捷鍵總整理！
► Skype：【小技巧】Skype快速鍵一覽！
► Facebook：【FB密技】Facebook快捷鍵總整理！
► PDF轉檔：【PDF轉檔】PDF線上轉檔神器！
► 解壓縮軟體：【免費下載】WinRAR 檔案免費下載！
► 色彩代表網站：【色彩時光機】可查詢每個年代流行的配色組合！
► 防毒軟體：【卡巴斯基】中文版防毒軟體免費下載！
► 影片剪輯：【限時免費】威力導演16 免費下載！
► 圖片去背：【去背神器】一鍵快速去背！
► 照片去背：【去背教學】1招教你照片去背方法！
► PDF轉檔：【PDF 轉 PPT】免費PDF轉PPT程式！
► 檔案翻譯：【研究生神器】PDF英翻中不用1秒！
► PDF檔案：【PDF截取】完美分離PDF圖片、文字

【iOS / 安卓】套用模擬版型，MockUPhone讓手機、電腦自訂畫面！螢幕截圖、廣告設計

MockUPhone, 手機, iOS, Android, Windows Phone, 平板,筆記型電腦,桌機, 電視