編者按：今天給大家推薦兩個網站。一個是專門收錄日本幾個大城市街景為主的圖庫網站，可以自由使用于個人或非商業用途。另一個是用來檢視自適應設計的免費在線工具。可以隨時預覽在不同移動端口下的樣式。

街畫ガイド

http://komekami.sakura.ne.jp/

「街畫ガイド」（街頭相片指南）是一個日本免費圖庫，以收錄日本幾個大城市街景為主。包括東京、橫濱、大都會區、大阪、京都、關西等地區，根據網站說明，這是一個相當完整的免費照片數據庫，所有相片皆可免費下載并自由使用于商業或非商業用途，無須標示出處（授權說明）。

如果你想去日本旅行，「街畫ガイド」也能夠告訴你有那些值得造訪的景點名勝，通過網站搜索功能，可以快速找出東京在內的幾個日本府縣知名的建筑設施或街道。若你想要給網站或博客文章找插圖，但手邊又沒有合適的相片，也可以到「街畫ガイド」碰碰運氣，或許會有令你滿意的結果。

STEP 1

開啟「街畫ガイド」網站后，可以看到網站已經沒什么更新了，但依然有相當多的庫存照片可以使用，右側有分類標簽可快速選擇，看不懂日文沒關系，其實大部分都是漢字，當然你也可以通過 Google 翻譯將網站翻譯成中文顯示，對于中文用戶來說可能會更簡單一些。

STEP 2

右上角篩選功能可根據地區、城市來查找收錄的街景或名勝景點，包括東京、神奈川、大阪、埼玉、千葉、京都、靜岡、滋賀、兵庫、愛知及三重縣，選擇大分類后可于下方再選擇小范圍區域。

STEP 3

我還蠻喜歡「街畫ガイド」網站的排列方式，瀏覽動線相當流暢，除了會有某個地區的重要圖片外，下方還會有包括 Google Maps、地址、最近車站、營業時間和入場價格等基本數據，點擊上方照片可開啟更詳細內容。

STEP 4

要如何從「街畫ガイド」圖庫免費下載相片呢？點擊到詳細信息頁面后，會顯示拍攝的各項細節，再點上方相片就會打開原始圖片。只要右鍵另存新檔即可將它下載、保存使用。

下圖就是我從「街畫ガイド」獲取的其中一張相片范例，有興趣的朋友可自行去尋寶一下。

值得一試的三個理由：

• 以收錄日本各城市街景、景點名勝為主的免費圖庫。
• 涵蓋東京、橫濱、大都會區、大阪、京都、關西等地區。
• 免注冊可免費下載使用，適用于個人及商業用途無須標示出處。

Responsive Screenshots

「Responsive Screenshots」是一款用來檢視自適應設計的免費在線工具，只要輸入檢測網址，即可預覽網站在 iMac、Macbook、iPad 及 iPhone 下的顯示情形，比較可惜的是 Responsive Screenshots 不支持中文顯示，中文字在圖片上可能無法完整出現，但這個工具主要用意是查看網頁整體的版型或樣式，即使無法顯示中文也不影響它的可用性，只是截取的圖片沒那么好看。

STEP 1

開啟 Responsive Screenshots 網站后，可以看到一個網址列及四個默認設備，默認情況下會在 iMac 27、Macbook Pro 15、iPad 及 iPhone X 下測試網頁的顯示樣式情形。

STEP 2

如果有特殊需求，也可以從下方設備部分點擊、選擇其他同類產品，例如 Macbook 也可以選 13 吋或 Macbook Air 等不同產品線。

桌面計算機除了 iMac 27 外，也有 iMac 21.5 及 Apple Thunderbolt 屏幕。

STEP 3

輸入網址后，點擊右側的「Grab Shots」按鈕來獲取攝取畫面，網頁會提示你可能會耗費 5-10 秒鐘時間，取決于你測試的網頁大小而定，在結束前請先不要關閉網頁。

STEP 4

測試完成后 Responsive Screenshots 會顯示網頁在不同屏幕大小的設備呈現出來的效果，如同前面所說，有些使用 RWD 的頁面，當整體寬度足夠時才會顯示選單及側邊欄，若寬度不足（例如使用平板計算機或手機）就會隱藏選單及側邊欄，讓有限的空間可以被更有效率應用，也更能符合各種屏幕大小閱讀。

如果你想看更大張的攝取畫面，Responsive Screenshots 網頁最下方能下載JPEG格式攝圖，也能點擊「Download ZIP」批次下載所有測試結果。

值得一試的三個理由：

• 測試網頁在 iMac、Macbook、iPad 及 iPhone 設備顯示情形。
• 可依照需求調整不同屏幕尺寸大小。
• 產生后的截圖可下載，或打包批次下載所有畫面。

「2017年1月-10月的設計圈干貨大合集」

• 《新年福利！2017年1月設計圈實用干貨大合集》
• 《終于等到你！2017年2月設計圈實用干貨大合集》
• 《這一波穩了！2017年3月設計圈實用干貨大合集》
• 《接貨！2017年4月設計圈干貨大合集》
• 《干貨來了！2017年5月設計圈實用干貨大合集》
• 《2017年6月的這些設計圈干貨，你就別錯過了~》
• 《收貨！2017年7月超有用設計圈干貨大合集》
• 《暑期福利！2017年8月設計圈超實用干貨大合集》
• 《開學福利！2017年9月超實用設計圈干貨大合集》
• 《快看！2017年10月設計圈超實用干貨大合集》

================明星欄目推薦================

優優教程網： UiiiUiii.com?是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com