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

梅問題-網設必備!《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》線上真實假圖產生器製作網頁更方便

延伸文章

網設必備《imgIX》支援中文網頁假圖線上產生器

網設必備《imgIX》支援中文網頁假圖線上產生器

網設必備《Fake images please?》網頁假圖線上產生器

網設必備《Fake images please?》網頁假圖線上產生器


相關文章

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「Bestofthemes」RWD自適應網頁版型大集合,一塊來挖寶吧!

「Bestofthemes」RWD自適應網頁版型大集合,一塊來挖寶吧!

「The Noun Project」免費向量圖示搜尋器,可將圖示拖曳到繪圖軟體中

「The Noun Project」免費向量圖示搜尋器,可將圖示拖曳到繪圖軟體中

「Convertio」線上萬用一鍵轉檔平台,支援「文件、影音、圖片」

「Convertio」線上萬用一鍵轉檔平台,支援「文件、影音、圖片」

「DaVinci Resolve 達文西」國內外電影公司最愛的專業剪輯軟體免費下載

「DaVinci Resolve 達文西」國內外電影公司最愛的專業剪輯軟體免費下載





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。