Tiện ích mở rộng Chrome tốt nhất dành cho nhà thiết kế

Tiện ích mở rộng của Chrome

Là một nhà thiết kế đồ họa, việc bạn nhận thức được các xu hướng, các nhà thiết kế, họa sĩ minh họa, quảng cáo khác là điều bình thường... Và do đó, bạn sẽ sử dụng Internet. Nhưng, Bạn có biết rằng có những tiện ích mở rộng trong Chrome có thể giúp bạn rất nhiều trong công việc không?

Chúng tôi đã tập hợp các tiện ích mở rộng Chrome tốt nhất để bạn xem qua. Một số bạn có thể quen thuộc và những người khác có thể mới đối với bạn. Điều quan trọng là bạn thấy rằng những điều đó có thể giúp bạn rất nhiều trong công việc. Chúng ta sẽ đi với họ chứ?

Wireframe tức thì

Chúng tôi bắt đầu với tiện ích mở rộng Chrome lý tưởng cho những người tạo trang web. Và đó là, với điều này, những gì bạn có thể thấy là bộ xương của một trang web, tức là các wireframe của nó. Bằng cách này, bạn sẽ có được một ý tưởng về cách nó được xây dựng.

Mặc dù hiện tại bạn không thấy nó có ý nghĩa gì nhiều, nhưng khi tạo một trang web cho khách hàng, bạn cần biết đối thủ cạnh tranh của mình làm điều đó như thế nào và điều này có thể giúp bạn thấy nơi bạn nên đặt các phần tử để có kết quả trực quan tốt hơn.

Nếu bạn cũng có kiến ​​thức về nhiệt độ xem ở người dùng (nghĩa là những phần mà người dùng nhìn thấy nhiều nhất trên web), bạn sẽ có thể thu được kết quả rất hiệu quả.

Không có gì

Laptop mở trình duyệt

Một tiện ích mở rộng khác của Chrome mà bạn nên cài đặt (hãy nhớ rằng chúng miễn phí) là tiện ích này. Nó được sử dụng để khám phá kiểu chữ nào đã được sử dụng trên một trang web, mặc dù nó cũng hữu ích cho bạn, trong trang web WhatFont, để tìm hiểu kiểu chữ của áp phích, hình ảnh, v.v.

Trong trường hợp của tiện ích mở rộng, tất cả những gì bạn phải làm là chọn nguồn và nó sẽ tìm kiếm nó là gì, hoặc ít nhất nó sẽ hiển thị cho bạn một số nguồn rất giống nhau.

Nó rất hữu ích khi bạn muốn một phông chữ mà bạn thích nhưng bạn không thể dành hàng giờ đồng hồ để tìm kiếm nó một cách mù quáng.

Pixel hoàn hảo

Khi bạn tạo một bản phác thảo cho khách hàng, liên quan đến một trang web, bạn biết rằng đôi khi nó không phải lúc nào cũng giống nhau. Tuy nhiên, nếu bạn là người rất cầu toàn, bạn có thể làm mọi thứ có thể để đạt được điều đó.

Chà, tiện ích mở rộng này giúp bạn so sánh thiết kế bạn đã tạo và kết quả sẽ xuất hiện trên máy tính của bạn. Bằng cách này, bạn sẽ biết liệu mọi thứ có khớp chính xác hay có điều gì đó không đúng. Vì vậy, bạn có thể chỉnh sửa phần đó để nó trông giống hệt như những gì bạn đã nghĩ và nghĩ ra lúc đầu.

Công cụ thiết kế

Đây là một trong những tiện ích mở rộng khác của Chrome mà bạn nên thử. Ngoài ra, nó cung cấp cho bạn nhiều công cụ trong một: mã định danh phông chữ được sử dụng trong văn bản, khả năng xem lại các màu đã được thêm vào các trang hoặc thậm chí là các giới hạn.

Chúng tôi có thể nói rằng nó là một tất cả trong một, bởi vì nó bao gồm nhiều tiện ích mở rộng mà chúng tôi đã nói đến (và về những tiện ích chúng tôi sẽ nói bên dưới).

phong cách

Bạn có muốn thực hiện các thay đổi trong thiết kế của trang web để hiển thị chúng cho khách hàng không? Và không chạm vào bất cứ thứ gì trên web? Vâng, nó có thể với phần mở rộng này. Để làm điều này, những gì bạn sẽ chạm vào là các thuộc tính CSS và những gì nó sẽ làm là, dựa trên những gì bạn đặt, thay đổi trang web để xem trước theo cách bạn muốn.

Và bây giờ bạn sẽ nói, và để làm gì?

Chà, nó có một số công dụng:

  • Một mặt, bạn có thể cho khách hàng tiềm năng thấy bạn sẽ làm gì với trang web của họ để cải thiện trang web (và hãy tin chúng tôi khi chúng tôi nói với bạn rằng điều này tốt hơn bất kỳ sơ yếu lý lịch nào).
  • Mặt khác, vì bạn có thể chỉ cho họ trực tiếp, trong một cuộc họp, những gì bạn có thể làm để khiến trang web thay đổi mà không cần phải động chạm quá nhiều. Hoặc nếu.

Thước trang

cơ rôm

Đây là một trong những tiện ích mở rộng ít được biết đến của Chrome, nhưng sự thật là bạn có thể cho nó nhiều công dụng. Đầu tiên, chúng tôi sẽ cho bạn biết rằng nó được sử dụng để đo lường các thành phần của trang web, không chỉ ở cấp độ pixel mà còn khoảng cách giữa các thành phần khác.

Ví dụ, hãy tưởng tượng rằng bạn đã đặt ba hộp nằm ngang. Và bạn muốn cả ba cách nhau một khoảng như nhau. Vâng, công cụ này giúp bạn bình phương chúng.

Ngay cả khi bạn nghĩ rằng nó không hữu ích lắm, nhưng nếu bạn là người cầu toàn và muốn nó trông đẹp mắt, chắc chắn bạn sẽ sử dụng nó.

Chụp toàn màn hình

Đây là một trong những cách nổi tiếng nhất hiện có và nó cho phép bạn chụp ảnh màn hình của trang web, nhưng không chỉ phần hiển thị trong trình duyệt mà toàn bộ trang web. Chẳng hạn, đó là lý tưởng khi bạn muốn trình bày dự án cho khách hàng và bạn không cần phải chụp từng ảnh mà có một cái nhìn tổng quát hơn về kết quả cuối cùng. Điều tương tự cũng có thể được sử dụng cho những thứ bạn thấy trên Internet và muốn lấy làm tài liệu tham khảo, vì bạn thích thiết kế, màu sắc, v.v.

Máy phân tích độ tương phản màu

Chúng tôi thực sự thích tiện ích mở rộng này vì nó có thể giúp bạn tập trung vào một đối tượng nhất định. Công cụ này được sử dụng để đảm bảo tính dễ đọc của văn bản, cũng như sự tương phản về mặt hình ảnh nói chung.

Nói cách khác, nó sẽ cho bạn biết liệu văn bản và màu sắc bạn đã chọn có đẹp không và mọi thứ đều có thể đọc được.

Được rồi tại sao chúng tôi thích nó là vì bạn có thể xem kết quả theo một số biến. Ví dụ, nếu trang web tập trung vào những người lớn tuổi bị đục thủy tinh thể thì sao? Chà, bạn sẽ thấy nó như thế này và bạn sẽ biết nó có đúng hay không. Nếu công chúng là những người bị mù màu thì sao? Vâng giống nhau.

Bằng cách này, bạn sẽ cải thiện kết quả cuối cùng vì bạn sẽ tập trung vào những nhóm đó.

Máy phát điện Lorem Ipsum

ký hiệu mở rộng mảnh ghép

Như bạn đã biết, khi bạn tạo một trang web, nó cần phải có một số văn bản để biết nó trông như thế nào. Đối với điều này, Lorem Ipsum được sử dụng, một văn bản hiện có nhiều biến số.

Chà, với Lorem Ipsum Generator bạn sẽ có thể tạo văn bản theo số lượng từ, cụm từ, chữ cái... và như vậy bạn sẽ chỉ phải sao chép và dán.

ColorZilla

Bạn có nhớ phần mở rộng của Không có gì? Với nó, bạn đã xác định được một kiểu chữ. Chà, với điều này, những gì bạn sẽ làm là xác định màu mà họ đã sử dụng. Bằng cách này, nó sẽ cung cấp cho bạn mã để bạn có thể sử dụng nó trong các chương trình chỉnh sửa hình ảnh của mình và có được tông màu giống như bạn thích.

Như bạn có thể thấy, có rất nhiều tiện ích mở rộng của Chrome mà nếu bạn làm việc trong lĩnh vực thiết kế thì bạn nên bật. Trên thực tế, có nhiều hơn nữa, nhưng điều tốt nhất là hãy thử những thứ này và xem cái nào phù hợp nhất với công việc của bạn. Bạn có giới thiệu nữa không?


Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.