這個線上工具蠻方便的
可以當作網頁設計時要把握圖像佈局的很好參考
http://dummyimage.com/
Dynamic Dummy Image Generator - DummyImage.com
使用方法很簡單喔
How do I use it?
Simply add the width, an 'x', and the height (example) of the image you want and my script will spit out a gray box to the size you want with the image dimensions in black Arial text centered in the middle of the box.
如下網址後面加圖像尺寸「寬度 x 高度」就好了
「http://dummyimage.com/」
譬如
http://dummyimage.com/340x123
會自動生成如「340x123」 字的一樣大的尺碼
也可以在HTML當中寫成這樣...
<img src="http://dummyimage.com/340x123" alt="A Dummy Image">
具體的圖像佈局以「連結」的方式呈現囉
還不確定圖像的設計時、這個工具應該蠻好用的
-----------------------------------------------------------------------
出處網址
http://www.lifehacker.jp/2010/02/100204dumimage.html
Lifehacker「Dummy Image Generator」介紹(日文) 分享
0 個留言:
張貼留言