極速產生樣版範例圖片與範例文字

極速產生樣版範例圖片與範例文字

在進行網頁prototype設計時,因為是在prototype階段,經常會需要不同大小的假圖片與假文字。以下是要教大家如何使用Visual Studio 2013加上Web Essentials擴充套件來進行極速產生假圖片與假文字。

Youtube

請用看的與聽的。

placehold.it速記

  • place
  • place-250x150
  • place-250x150-[color]
  • place-250x150-[color]-t=[yourtext]

lorempixel.com速記

  • pix
  • pix-250x150
  • pix-250x150-[type]
  • pix-g-250x150-[type]
  • pix-g-250x150-[type]-yourtext

在影片中的type只有以animals為例,其實共有13種類別可以指定:

  • abstract
  • animals
  • business
  • cats
  • city
  • food
  • nightlife
  • fashion
  • people
  • nature
  • sports
  • technics
  • transport

沒有留言:

張貼留言

感謝您的留言,如果我的文章你喜歡或對你有幫助,按個「讚」或「分享」它,我會很高興的。