是一個適合所有網頁設計師的工具 - 我們已經整理了一些我們認為您在日常工作流程中特別有用的工具!繼續滾動查看為您的網絡瀏覽器精心挑選的Google Chrome擴展程序列表,這些擴展程序可能會改變您的工作方式。
從檢查您的網站的可用性,識別字體,測試響應式設計等,準備為您的工作流程添加一個全新的效率層。誰知道,你甚至可能會發現一些你甚至不知道自己需要的工具!我們希望您喜歡并且不要忘記查看我們針對各類設計人員的Chrome擴展程序集,以下載更多便捷資源。
1. UX檢查
UX Check旨在通知您網站上任何可能的可用性問題,而無需涉及真實用戶。該擴展根據尼爾森的十大可用性啟發式調用了您網站中需要改進的任何區域? - 一系列用戶友好界面設計的一般原則。如果您無法與用戶自己進行可用性測試,這是一個理想的工具。您甚至可以將反饋導出到文檔中,以便以后與其他團隊成員共享!
2. Fontface Ninja
你是那種喜歡從你在網上遇到的字體獲得字體靈感的設計師嗎?不要瘋狂地在線搜索字體,請嘗試使用Fontface Ninja,這是一個Chrome擴展程序,可讓您將鼠標懸停在屏幕上的文本上,以便立即幫助您識別字體,字符大小,行間距,字母間距甚至十六進制顏色碼。
最重要的是,Fontface Ninja使您可以通過在擴展程序的下拉窗口中輸入內容來使用任何文本自行測試字體。如果你非常喜歡它,你可以找到一個方便的鏈接來找到網絡字體的來源,這樣你就可以免費購買和/或下載它。
3. 頁面標尺Redux
Page Ruler Redux是網頁設計師(和網站開發人員!)的首選數字標尺。使用擴展程序可以對屏幕上的任何網頁元素進行準確,像素完美的測量。只需將標尺拖過網站的任何部分,然后檢查所選元素的高度,寬度和位置。您甚至可以調整標尺的顏色,以確保根據網站的背景有足夠的對比度!
4. Fardos的顏色
這不僅僅是您的普通顏色選擇器或吸管工具。除了在網絡上識別顏色十六進制代碼之外,Color by Fardos還提供了一些其他有用的功能:識別顏色的不同色調和色調,根據顏色理論獲得顏色配對建議,并直接從您的任何漸變中獲取CSS瀏覽器。這是獲得其他網站調色板靈感的完美方式,無需完全復制它們。
5. 窗口調整器
這款出色的Chrome擴展程序可讓您重新調整瀏覽器窗口的大小,以模仿各種不同的移動和桌面分辨率 - 非常適合快速測試響應式網頁設計。在不同的瀏覽器分辨率上查看您的布局,確保您的網頁設計在所有設備上都是一流的。雖然該工具具有一些可供選擇的預設分辨率,但您也可以通過更改窗口的大小,高度和位置來自定義這些分辨率。