10 Tiện ích mở rộng của Chrome mà mọi nhà thiết kế phải có (2022)

Mar 22 2022
Các tiện ích mở rộng của Chrome rất quan trọng và cần thiết đối với mọi nhà thiết kế. 1.

Các tiện ích mở rộng của Chrome rất quan trọng và cần thiết đối với mọi nhà thiết kế.

1. Chế độ tối

Phần mở rộng này rất cơ bản và mọi nhà thiết kế nên thử nó. Tiện ích mở rộng Chế độ tối mang lại giao diện trực quan khác bằng cách chuyển trang web chủ đề Ánh sáng sang chủ đề tối. Đôi khi thật khó để tưởng tượng một số trang web sẽ trông tuyệt vời như thế nào khi ở chế độ tối. Vì vậy, plugin này tạo ra phép thuật nghịch đảo làm cho trang web ở chế độ tối.

Link tải tiện ích mở rộng Chế độ tối

2. Màu sắc của fardos

Bằng cách sử dụng tiện ích mở rộng này, bạn có thể chọn màu từ bất kỳ trang web nào. Bạn có thể hỏi, đó không phải là tiện ích mở rộng bộ chọn màu bình thường mà tôi đã có?
Câu trả lời là Không, Một trong những tính năng thú vị nhất trong Color by fardos là bạn có thể nhập bất kỳ tên màu nào và bạn sẽ nhận được các sắc thái, sắc thái, tứ sắc, tam sắc, bổ sung và bổ sung chia tách của màu cụ thể đó.
Thật khó để tìm kiếm một trang web và biết những thứ bổ sung và cơ bản khác của màu sắc. Vì vậy, tôi sử dụng plugin này để tiết kiệm thời gian của mình.

Link tải phần mở rộng Color by fardos

3. Whatfont

Đây là một tiện ích mở rộng tương tự như Fontsninja, plugin này giúp bạn tìm họ phông chữ, kích thước, chiều cao dòng, màu sắc và độ nặng của phông chữ được sử dụng trên một trang cụ thể trong trang web.

Liên kết tải xuống tiện ích mở rộng Whatfont

4. Heurio - Công cụ Kiểm tra UX & Phản hồi Trực quan

Công cụ này sẽ giúp giao tiếp giữa nhà thiết kế và nhà phát triển. Sử dụng tiện ích mở rộng này, bạn có thể biến bất kỳ trang web nào thành canvas và thêm các ghi chú của bạn để sau này có thể chia sẻ với nhà phát triển. Thông qua phần mở rộng này, những hiểu lầm nhỏ đó sẽ được loại bỏ trong giai đoạn triển khai.
Tất cả những gì bạn cần làm là mở trang web, nhấp vào tiện ích mở rộng, ghim ý tưởng của bạn bằng cách nhấp vào bất kỳ phần tử nào trên trang web và chia sẻ liên kết với tất cả các thay đổi với nhóm nhà phát triển.

Link tải phần mở rộng Heurio

5. Bộ chỉnh cửa sổ

Tiện ích mở rộng này thay đổi kích thước cửa sổ của bạn thành bất kỳ độ phân giải nào để bạn có thể mô phỏng bất kỳ thiết bị nào. Bạn có thể đặt chiều cao và chiều rộng để thay đổi cửa sổ trang web thành một cửa sổ cụ thể.
Thông qua tiện ích mở rộng này, bạn có thể xem trang web trông như thế nào trên các thiết bị khác nhau ngay cả khi không thay đổi kích thước trình duyệt.

Link tải Window resizer

6. Bảng màu trang web

Phần mở rộng này giúp bạn trích xuất tất cả các màu từ trang web. Bạn thậm chí có thể xuất những màu đó dưới dạng hình ảnh. Bảng màu trang web hỗ trợ trình tạo bảng màu. Bạn có thể tạo liên kết có thể chia sẻ. Bảng màu trang web được liên kết với Adobe Swatch, coolors.co, v.v.
Một tiện ích mở rộng trình duyệt để tạo bảng màu toàn diện. Một công cụ phải có cho các nhà thiết kế và nhà phát triển front-end. Khai thác bảng màu miễn phí.

Liên kết để tải xuống phần mở rộng bảng màu trang web

7. Savee

Lưu hình ảnh từ bất kỳ trang web nào trực tiếp vào bảng của bạn trên savee.it
Lưu tất cả hình ảnh không gian làm việc của bạn trong thư viện và cảm thấy khó khăn khi tìm những hình ảnh đó?
Tiện ích mở rộng này giúp bạn lưu trữ tất cả hình ảnh, cảm hứng, v.v. của mình ở một nơi và bạn có thể truy cập những hình ảnh này từ mọi nơi.

Liên kết tải xuống tiện ích mở rộng Savee

8. Sitesee

SiteSee là một bộ sưu tập các trang web đẹp, hiện đại được tuyển chọn.
SiteSee sẽ thay thế tab mặc định của bạn, biến trang chủ của bạn thành một thư viện hình nền của các trang web đẹp. Với tiện ích mở rộng này, bạn sẽ không bao giờ bỏ lỡ bản cập nhật. Mỗi ảnh chụp màn hình đều có thể nhấp được và sẽ đưa bạn trực tiếp đến điểm đến mong muốn.
Thông qua tiện ích mở rộng này, tôi dễ dàng tiêu thụ những nguồn cảm hứng tuyệt vời mà không cần truy cập bất kỳ trang web nào và tìm kiếm chúng.

Liên kết tải xuống tiện ích mở rộng Sitesee

Đây là cách tab của tôi trông giống như khi sử dụng Sitesee

9. Hướng dẫn phong cách Unstack

Unstack Style Guide là một tiện ích mở rộng của Chrome cho phép bạn lấy tất cả thông tin thiết kế bạn cần từ bất kỳ trang web nào một cách dễ dàng và hiệu quả, bao gồm bảng thương hiệu, màu văn bản và loại phông chữ.
Sử dụng tiện ích mở rộng này, bạn có thể sao chép các hướng dẫn kiểu bằng một vài cú nhấp chuột và xuất chúng.

Link tải tiện ích mở rộng Hướng dẫn tạo kiểu tóc của Ustack

Tiện ích mở rộng Hướng dẫn phong cách Unstack

10. Công cụ kiểm tra độ tương phản màu

Độ tương phản rất quan trọng trong giao diện Người dùng, hầu hết người mới bắt đầu không biết cách kiểm tra độ tương phản và những vấn đề người dùng sẽ gặp phải do độ tương phản là gì. Vì vậy, công cụ kiểm tra Độ tương phản màu thực sự giúp ích rất nhiều bằng cách cho bạn biết đâu là yếu tố không đáp ứng tiêu chuẩn WCAG Cấp AA.
Phần mở rộng này không chỉ giúp bạn kiểm tra độ tương phản mà còn có thể lưu màu, sao chép mã hex của các màu.

Link tải phần mở rộng Color Contrast Checker

Bản xem trước tiện ích mở rộng Trình kiểm tra độ tương phản màu

Tôi hy vọng bài viết này giúp ích cho bạn, tôi đã viết một bài tương tự về plugin Figma ( 20 plugin mà mọi nhà thiết kế phải có ). Bạn cũng có thể kiểm tra điều đó.

Tôi là Dinesh , một người nghiện thiết kế. Tôi đã chia sẻ rất nhiều thứ về UI / UX trên các nền tảng xã hội khác nhau. Theo dõi tôi trên mạng xã hội và hãy nói về UI / UX. Hãy theo dõi với tôi và đừng bỏ lỡ bài viết tiếp theo của tôi.

Chúc bạn thiết kế vui vẻ.

LinkedIn | Instagram

© Copyright 2021 - 2023 | vngogo.com | All Rights Reserved