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

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

網頁安全範圍:
網站名稱:Designers Toolbox Web Safe Area
網站網址:http://designerstoolbox.com/designresources/safearea/

進入網站後,下方就有系統平台、瀏覽器類型可選擇。
梅問題-網設必備-各瀏覽器各解析安全範圍樣版下載
比方梅干是選擇Vista系統、IE瀏覽器,接著下方就會顯示出,各螢幕解析度,與安全顯示範圍,同時後方還有PSD分層檔可下載。
梅問題-網設必備-各瀏覽器各解析安全範圍樣版下載
下載完畢,解壓縮後,進到Photoshop就會看到安全範圍的顯示樣版,接著就可依照安全範圍,開始設計啦!
梅問題-網設必備-各瀏覽器各解析安全範圍樣版下載

相關文章

Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO

Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO

「W3layouts」上千個免費可商用RWD自適應版型下載

「W3layouts」上千個免費可商用RWD自適應版型下載

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用





回應本篇 »

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

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

共 1 梅留言

  • 第1梅
    canfish 說道:

    多謝梅桑,我來好好研究一下