設計師必備的Chrome插件,超好用!??!

2021-8-26    seo達人



01.Go Full Page

設計師在網(wǎng)上沖浪時,看到一些排版精美、設計優(yōu)秀的界面總想要保存下來,以便日后尋找靈感。

不知道大家都是怎樣保存整個網(wǎng)頁的。

我之前的笨辦法是這樣的:先是一屏一屏地截圖,然后再拼接起來,特別是拼連接處時需要小心翼翼地對齊,簡直是太麻煩了。

現(xiàn)在的高效方法就是使用Go Full Page,它是整個網(wǎng)頁的截圖工具,可以輕松松松地保存整個頁面。

輕輕動一下手指

圖片

便生成了一個長圖

圖片

 

02.WhatFont

如果我們想查看網(wǎng)頁中的字體,這就是神器WhatFont。僅僅通過鼠標停留在字體上就可以查看Web字體,簡單又優(yōu)雅。

圖片

 

03.ColorPick EyeDropper

我經(jīng)常有一種苦惱,比如同樣是藍色,為什么別人家的顏色這么干凈清透,令人愉快?這時候就不得不舔屏了……

ColorPick EyeDropper就是一款吸色工具,能夠直接從網(wǎng)頁中選取顏色值。

圖片

 

04.Window Resizer

當想對各屏幕的尺寸測試設計稿時,可以使用Window Resizer快速調(diào)節(jié),了解設計稿在不同屏幕上的兼容性。

圖片

 

05.CSS Peeper

如果想更加全面的獲得網(wǎng)站上的一些信息,比如圖標、svg、圖片、字體樣式、元素間距等等,CSS Peeper便是一個完美工具。

可以查看字體樣式,可以查看元素之間的間距

圖片

可以查看網(wǎng)頁中使用的顏色

圖片

可以查看網(wǎng)頁中出現(xiàn)的圖片或圖標

圖片

 

Chrome拓展程序的安裝也是超簡單,在拓展程序中搜索,然后點擊應用就可以啦。

拓展程序地址:https://chrome.google.com/webstore/category/extensions

 

原文地址:栗子設計喵 (公眾號)

作者:栗子

轉載請注明:學UI網(wǎng)》設計師必備的Chrome插件,超好用?。。?

藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務



日歷

鏈接

個人資料

藍藍設計的小編 http://www.yvirxh.cn

存檔