網頁效果展示，線上生成器

摘要： Screely 網站連結地址： https://www.screely.com/ 先給大家看一個例子： 大家在準備作品集時是不是有個環節就是包裝自己的作品？ 然後會去國內/國外各大資源網站找自己中意的mockup，翻了一上午卻發現哪個都無法完成自己的預期展示效果。...

Screely

網站連結地址： https://www.screely.com/

先給大家看一個例子：

大家在準備作品集時是不是有個環節就是包裝自己的作品？

然後會去國內/國外各大資源網站找自己中意的mockup，翻了一上午卻發現哪個都無法完成自己的預期展示效果。

甚至有的同學，會自己做素材展示模版，有些浪費時間。

上圖為大家展示的就是用此網站為大家10秒鐘實現的展示效果，是不是很6？

接下來引導大家如何來使用吧：

1.開啟網站是這樣的：

2.點選中間按鈕“Browse files”上傳你想展示的內容圖片；

圖片上傳方式非常便捷，支援剪貼簿複製貼上、直接拖動，支援PNG、JPG、SVG、GIF格式

3.上傳圖片後，就可以開始編輯了，頁面右邊的視窗就是編輯圖片的視窗：

1.選擇視窗外觀型別-可選擇中間有網址框樣式

2.選擇視窗外觀型別-可選擇多種tab展示樣式

3.為展示頁面選擇襯托背景，還可以自定義輸入顏色哦

4.“vertical”顧名思義“垂直；高度”這裡是選擇展示區域距離上邊/下邊的間距，這裡建議大家調高一些，視覺上更會舒服，大氣

5.“horizontal”解釋為“水平的；水平位置”這裡是調整展示區域的大小，等比放大/縮小

6.選擇下載時的圖片格式

7.這裡可以為外觀調整夜間模式，智慧吧？

不過神器有一點是不能匯出gif格式，所以如果做gif還是需要大家自己來鑽研啦～

好了，學會了嗎？開動吧！

喜歡關注噢，不定期更新，後續會建立微信公眾號為大家提供設計類、時下流行的設計製作方法，希望大家多多支援哦～～