Skip to main content

Shots Mockup 截图模板,輕鬆製作產品展示圖

Author
MS
A little bit about you
Table of Contents

殺雞焉用牛刀,如果需求不大的情況下沒必要特地安裝專業的應用,Shots 的特色就是簡單易用,而且也不需要另外下載,只需要開啟瀏覽器輸入:https://shots.so/ 就可以直接用。

Shots
#

Create Amazing MockupsShots Website

Shots.so 界面
https://res.cloudinary.com/dn7e0hw3h/image/upload/v1727968175/blog-images/Shots.so/Shotso%20mockup%20layout.png
#

Shots.so 界面分為左右兩側,左邊的是 Mockup 以及 Frame;右邊就有已經設計好的 Layout 排版。

左側可以選擇 Mockup 以及 Frame,在 Mockup 中可以選擇例如邊框的圓角,陰影以及位置,還有就是模板,模板的種類說不上多,但是大部分的筆電,以及手機都有(雖然大部分都是蘋果產品), 至於 Frame 框可以選擇,圖片尺寸,模板,產品的位置,以及背景圖片。至於背景可以用 Unsplash 的圖片,又或者自己設計的。

至於右側就是預覽設計好的排版,如果不滿意也可以手動在左側調整。

Shots 心得
#

Shots 產品能讓像是不知道從何開始設計原型的朋友來說是相當不錯的,因為有設計好的模板以及佈局,只需要彈指間就能設計出有質感的產品圖。

只不過如果有進階需求的用戶來說,或許 Shots 並不是最好的選擇,原因是 Shots 是簡化,自由度對於設計專業用戶來說來說 shots 的功能或許並不能符合他們的需求,畢竟 Photoshop 等專業設計軟體,有更進階的功能例如圖層功能。

對我來說 Shots 可以讓我很輕易的設計出相當有質感的封面圖,而且速度我覺得可以接受,也不需要在本地端安裝任何軟體。只不過 Shots 目前是以網站的形式運作,很難保證服務會一直持續。

https://res.cloudinary.com/dn7e0hw3h/image/upload/v1726414400/blog-images/Shots.so/Shots_Mockup_Example.jpg_i3dfxw.jpg

https://res.cloudinary.com/dn7e0hw3h/image/upload/v1727968075/blog-images/Shots.so/960_1x_shots_so_mhskoe.jpg

隨手用 Shots 設計的模板,感覺向但不錯。

Related