1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. 網設必備!《Unsplash It》線上相片假圖產生器製作網頁更方便

網設必備!《Unsplash It》線上相片假圖產生器製作網頁更方便

2015/08/24

梅問題-網設必備!《Unsplash It》線上真實假圖產生器製作網頁更方便

  之前分享過二個假圖線上產生器,但二個都只有單一色系,同時也可任何的更改尺寸與上文字,必竟只是假圖而已,所以只是一個示意圖,但對於畫面比較講究一點的朋友,可能會覺得灰灰的不怎好看,希望來一點照片看起來也比較生動些,而先前也分享過幾款CC0可商用的圖片平台,但這就得花時間一一的挑選,而最近梅干發現一個相片精緻的假圖網站,完全不用將照片下載,直接將圖片的連結路徑引用後,還可直接設定大小,甚至還可隨機產生不同的假圖,如此一來就可讓網頁在展示更加的生動啦!至於這平台要如何使用呢?其方法也很簡單,身為網設的你,現在就一塊來看看吧!


Unsplash It

網站名稱:unsplash.it
網站連結:https://unsplash.it/

Step1

當進入網站後,而這一個假圖的素材網,其實提供了蠻多假圖產生器,但比較常用的則是Basic與Random,一個是基本用法與隨機產生,其用法也很簡單,前方是素材的網址,後方分別為寬與高,當要隨時產生時,只要在後方加入?random就可以了。

梅問題-網設必備!《Unsplash It》線上真實假圖產生器製作網頁更方便


Step2

除此之外,也可指定所需的圖片,而這個平台中,總共提供了700多個的素材圖片可使用,進入圖片列表後,在圖片下方都有編號,這時只要在?image後方,輸入圖片編號,就可直接指定所需的圖片來作顯示。

梅問題-網設必備!《Unsplash It》線上真實假圖產生器製作網頁更方便


Step3

接著這邊,梅干分別用一個是隨機,與固定相片。

梅問題-網設必備!《Unsplash It》線上真實假圖產生器製作網頁更方便


Step4

哈!這樣就可正常的顯示,但照片的部分就無法支援 RWD的效果,因此想要讓網頁假圖更擬真,這個網站千萬別錯過了。
梅問題-網設必備!《Unsplash It》線上真實假圖產生器製作網頁更方便