8 công cụ mà một nhà thiết kế web sẽ cần

2024 Tác giả: Malcolm Clapton | [email protected]. Sửa đổi lần cuối: 2023-12-17 04:15

Screensiz.es

Screensiz.es là trang web có thể dễ dàng giúp bạn tìm kích thước vật lý, độ phân giải màn hình, tỷ lệ khung hình và nhiều thông số khác về màn hình của các mẫu điện thoại thông minh, máy tính bảng và màn hình phổ biến nhất. Tất cả thông tin đều ở dạng đơn giản và dễ hiểu - dưới dạng bảng. Có hàng chục thiết bị, máy tính bảng Android khác nhau, bao gồm BlackBerry Playbook, Microsoft Surface Pro và Barnes & Noble Nook. Đối với các thiết bị ít phổ biến hơn, việc tìm kiếm thông tin bạn cần cũng khá dễ dàng. Screensiz.es cũng đưa ra xếp hạng mức độ phổ biến của thiết bị dựa trên thống kê tìm kiếm của Google và một số tiêu chí khác.

Các mẫu tinh vi

Mẫu tinh tế cung cấp một loạt các mẫu nền mà bạn có thể sử dụng làm nền cho các trang web của mình. Những họa tiết đơn giản nhưng dễ chịu sẽ đáp ứng thị hiếu của những người đam mê thiết kế tối giản, những người muốn một thứ gì đó hơn là một nền trắng trơn. Một trong những tính năng tốt nhất của trang web là xem trước bất kỳ mẫu nào đã cho sẽ trông như thế nào trên trang web của bạn. Cần lưu ý rằng tất cả các mẫu được cung cấp miễn phí theo ý của bạn.

Loại bị mất

Nhớ phông chữ bạn đã thấy trên trang web yêu thích của mình? Có một cơ hội tốt là phông chữ này được lấy từ trang web Lost Type, nơi tập hợp nhiều nhà thiết kế đã đặt tác phẩm của họ ở đó để bán với giá tùy ý bạn. Có lẽ, Lost Type có thể được coi là danh sách các trang web mà mọi nhà thiết kế (và không chỉ) nên biết. Không có nhiều nơi trên web mà bạn có thể có được một phông chữ độc đáo chất lượng cao và không phải trả nhiều tiền cho nó.

bút đỏ

Red Pen cho phép bạn giải quyết một công việc rất quan trọng một cách đơn giản và nhanh chóng, giống như không có trang web nào khác. Bạn kéo tác phẩm hoặc bố cục đồ họa của mình vào một cửa sổ đặc biệt trên trang web và dịch vụ cung cấp cho bạn một liên kết duy nhất mà bạn có thể xuất bản trên mạng xã hội. Bằng cách nhấp vào liên kết này, bất kỳ ai cũng có thể nhấp chuột vào một nơi tùy ý và để lại ở đó những nhận xét và bình luận của họ về những gì anh ta nhìn thấy. Một công cụ không thể thiếu để nhận được phản hồi nhanh chóng từ nhiều đối tượng nhất.

Vòi hoa văn

Pattern Tap không phải là một công cụ theo nghĩa truyền thống của từ này, nhưng nó chắc chắn sẽ hữu ích cho một nhà thiết kế. Mục đích của Pattern Tap là truyền cảm hứng cho bạn với các ý tưởng về các yếu tố khác nhau của trang web. Ví dụ: trang web chứa một danh sách lớn các trang 404 mẫu, trình phát âm thanh, nút, đường dẫn, v.v. Nếu bạn cạn kiệt cảm hứng, việc xem xét các hiện thân khác nhau của một ý tưởng có thể thúc đẩy bạn đi đúng hướng. có nhiều ý tưởng trong tầm tay bạn, được tập hợp trên một trang web, tốt hơn nhiều so với việc liên tục lướt Web, chọn lọc qua hàng tấn thông tin trực quan. Pattern Tap cũng cho phép bạn tìm kiếm theo các tiêu chí như màu sắc, kiểu dáng và loại yếu tố.

Phông chữ Blokk

Cái tên Blokk đã tự nói lên điều đó. Thông thường, khi thiết kế bố cục, nhà thiết kế cần thể hiện sự đầy đủ của nó bằng văn bản, điều này thường dẫn đến nỗ lực không cần thiết. Rõ ràng là bạn có thể sử dụng một số loại trình tạo văn bản kiểu Lorem Ipsum, nhưng cũng có một giải pháp thanh lịch hơn. Phông chữ Blokk biến những thứ vô nghĩa được nhập từ bàn phím (fywalge) thành một thứ gì đó mỏng và đẹp. Thay vì các cụm từ Latinh vô nghĩa, bạn sẽ có được các dòng thanh mảnh bắt chước các dòng văn bản.

Biểu tượng do Brankic1979 đặt

Một bộ biểu tượng miễn phí tuyệt vời, hoàn hảo cho việc thiết kế các ứng dụng, trang web và các dự án khác. Từ số đến bánh răng đến micrô, bộ này chứa hơn 350 mục và bạn chắc chắn sẽ tìm thấy thứ gì đó đáng giá trong đó. Điều chính là các biểu tượng miễn phí cho cả mục đích sử dụng cá nhân và thương mại.

Màu của Hailpixel

Tất nhiên, không thiếu những người chọn màu. Đây là một trong những công cụ mà một nhà thiết kế luôn phải có trong tay, và Color by Hailpixel chắc chắn rất đáng để quan tâm. Trang web sẽ mở ra và hiển thị cho bạn một màn hình trống với một liên kết đen duy nhất (# 000000). Khi bạn di chuyển con trỏ xung quanh màn hình, bạn sẽ thấy màu nền thay đổi như thế nào và cửa sổ ở trung tâm sẽ hiển thị mã hex tương ứng của màu này. Nhấp bằng chuột sẽ tạo ra một dải màu hiện tại với giá trị bằng số của màu này. Do đó, với các chuyển động của chuột, bạn có thể thu thập một bảng các màu mong muốn để sử dụng thêm. Nhấp vào "bánh răng" nằm trên mỗi dải đã lưu sẽ hiển thị một bảng có cài đặt cho màu đó, nơi bạn có thể đặt chính xác hơn các giá trị RGB và HSL. Một công cụ tuyệt vời.

Bạn có công cụ trực tuyến yêu thích của riêng mình không? Hãy cho chúng tôi biết trong phần bình luận.