[問題] RWD網站展示圖都是怎麼產生的?

看板Web_Design作者 (小平)時間9年前 (2015/04/21 19:23), 編輯推噓2(207)
留言9則, 2人參與, 最新討論串1/1
常常看到一些網站會擺上 各種解析度下網站呈現的樣貌圖 例如: http://goo.gl/kG09qW http://goo.gl/3wOXD8 不知道有沒有工具可以套用自己的圖片? 目前據我所知 有個類似功能的網站: http://frame.lab25.co.uk/ 但我想要的是上面2張範例圖的效果 我不懂PhotoShop、Illustrator等工具 也沒辦法自己生出一張 所以想尋求現有工具的協助 謝謝 -- 13:42 gocreating@linux1 [~] >./初音 ./初音: Command not found 13:42 gocreating@linux1 [~] > -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.113.66.22 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1429615386.A.FFF.html

04/21 22:04, , 1F
你也可以用css 弄一個opacity mask
04/21 22:04, 1F

04/21 22:04, , 2F
假設你想要很美的圖片.... 我是認為外包請美工幫你做
04/21 22:04, 2F

04/21 22:10, , 3F
也比較不會有版權問題 通常這個都有現成PSD可以改
04/21 22:10, 3F

04/21 22:23, , 4F
可是我要說generator就那幾個 內行的都看得出來用哪個
04/21 22:23, 4F

04/21 22:24, , 5F
只要用反查詢就知道哪個網站生出來的了
04/21 22:24, 5F

04/21 22:24, , 6F
改psd其實很容易...你學一下就會了 背景漸層色改一下
04/21 22:24, 6F

04/21 23:29, , 7F
用 phantomjs 能直接輸出畫面
04/21 23:29, 7F

04/21 23:31, , 8F
再用php或是nodejs之類的,就能自動化和成了
04/21 23:31, 8F

04/21 23:31, , 9F
不過底圖跟上面的反光mask要自己找
04/21 23:31, 9F
文章代碼(AID): #1LDZCQ__ (Web_Design)