有的時候,我們委託建站公司或者企業內部的設計師,設計了一張設計稿圖片。因為一張設計稿圖片內容是比較多的,如果我們直接雙擊開啟圖片,看到的效果就會有一定的偏差。而且當設計師和想要檢視的人不在同一個地方。那麼在預覽設計稿圖片的時候,也會出現偏差。現在教你怎麼用瀏覽器檢視網站的設計稿圖片,讓你看圖片的時候,就好像是看到了網站設計出來的效果一樣。
工具/原料
設計稿
瀏覽器
方法/步驟
開啟瀏覽器,瀏覽器有很多比如百度瀏覽器,360瀏覽器,搜狗瀏覽器,獵豹瀏覽器,谷歌瀏覽器等等。我這裡用的是獵豹。
開啟圖片所在的位置,如圖所示
一般情況下,我們都是直接雙擊圖片,來檢視。雙擊檢視有一個缺點,就是隻能看到區域性,要看到下面的內容就必須往下拉,如果滾動就變成放大圖片了。
用瀏覽檢視設計稿的好處就是可以直觀的看到,設計稿完成後的效果。操作方法:請先還原瀏覽器視窗(圖一),還原的樣子是(圖二)
找到設計稿所在的資料夾位置,然後將設計稿拖拉至瀏覽器視窗中。拖進來後,就可以鬆手了
拖進來以後看到是這樣的。只要在點選一下圖片,然後在放大瀏覽器視窗,就可以和看網頁是一樣一樣的了。
最終效果展示。學會了麼?