Trực quan hóa bảng màu của bạn trực tuyến với Speculo
Loại điển hình quy trình thiết kế mockup có thể cảm thấy như một việc vặt Bạn phải lật giữa Photoshop (hoặc Phác thảo) để thay đổi màu sắc, kiểu chữ, kiểu và so sánh tất cả để xem bạn thích gì nhất.
Nếu bạn đi với một công cụ như Đặc điểm kỹ thuật Bạn sẽ có thể nghiên cứu và so sánh bảng màu năng động, ngay trong trình duyệt của bạn.
Ứng dụng này hoàn toàn miễn phí và chạy trong tất cả các trình duyệt chính từ Chrome đến Edge. Nó trình diễn sáu loại trang đích khác nhau, được thiết kế dưới dạng khung dây.
Theo mặc định, họ sử dụng đơn giản phối màu đó là bắt chước phong cách của Bootstrap. Bạn có thể thay đổi bất kỳ màu nào một cách dễ dàng và chúng sẽ tự động cập nhật trên trang.
Bạn cũng có thể thay đổi kiểu chữ để xem họ trông như thế nào trong mỗi thiết kế. Thật tuyệt nếu bạn có thể thêm trang web của riêng mình nhưng trang web chỉ hỗ trợ 7 phông chữ khác nhau:
- Arvo
- Lato
- Mở Sans
- Roboto
- Montserrat
- Helvetica Neue
- BLOKKeue
Các khung lưới trang đích không chi tiết lắm, vì vậy ứng dụng này có thể không giúp ích trong các giai đoạn sau trong quá trình thiết kế.
Tuy nhiên, những nhà thiết kế chỉ muốn nắm bắt ý tưởng nhanh sẽ ngay lập tức yêu ứng dụng web này. Nó cho phép bạn thay đổi bất kỳ màu nào với Mã HEX bạn thậm chí có thể xuất với một liên kết chia sẻ tùy chỉnh.
Nếu bạn di chuột vào bất kỳ khung dây nào, bạn có thể nhấp vào phóng to và xem xét kỹ hơn. Nó sẽ tự động phóng to cho chế độ xem toàn màn hình, do đó bạn có thể thấy phông chữ và màu sắc ở gần.
Một lần nữa, tôi thực sự không nghĩ rằng các mẫu này đủ chi tiết để trợ giúp cho các dự án trong các giai đoạn phát triển sau này. Nhưng, nếu bạn là căng thẳng cho ý tưởng và chỉ tìm đến chơi với màu sắc Speculo là một công cụ đáng kinh ngạc.
Bạn có thể duyệt qua mã nguồn trên GitHub để xem nó được tạo ra như thế nào. Nếu bạn có ý tưởng hoặc đề xuất cho Speculo, hãy chia sẻ với người tạo trang web, Ben Howdle.
