1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. 網設必備-各瀏覽器、各解析度安全顯示範圍樣版下載

網設必備-各瀏覽器、各解析度安全顯示範圍樣版下載

2013/06/10

梅問題-網設必備-各瀏覽器各解析安全範圍樣版下載

  一般製作平面稿時,有經驗的設計師應該都知道,要預留出血,主要用意就是防止,影像或文字太頂邊被裁切掉的問題,或是在剪輯影片,也會有所謂的安全框的部分,但在設計網頁時,是否也有安全區域呢?答案是有的,雖然網頁不像平面、影音,會有被裁切掉的問題,但會有捲軸的問題,因此一般會盡可能不要出現下方的捲軸,所以這時候就考驗各個網設的功力,以前梅干都會先拍畫面,再自行抓取安全範圍,但現在不用這麼麻煩啦!最近梅干發現國外有個網站,很貼心的將各瀏覽器,與解析度的安全範圍給整理出來,並且還有提供PSD分層檔可下載,因此身為網頁設計師的你怎能錯過呢?


網頁安全範圍:

網站名稱:Designers Toolbox Web Safe Area
網站網址:http://designerstoolbox.com/designresources/safearea/

進入網站後,下方就有系統平台、瀏覽器類型可選擇。
梅問題-網設必備-各瀏覽器各解析安全範圍樣版下載


比方梅干是選擇Vista系統、IE瀏覽器,接著下方就會顯示出,各螢幕解析度,與安全顯示範圍,同時後方還有PSD分層檔可下載。
梅問題-網設必備-各瀏覽器各解析安全範圍樣版下載


下載完畢,解壓縮後,進到Photoshop就會看到安全範圍的顯示樣版,接著就可依照安全範圍,開始設計啦!
梅問題-網設必備-各瀏覽器各解析安全範圍樣版下載