THỦ THUẬT PHỐI MÀU KHI THIẾT KẾ WEB sweetsoft.vn/thu-thuat-phoi-mau-khi-thiet-ke-web_288_63_2_a.html Với số tài liệu in ấn, tập sách hay thiệp, mẫu thiết kế web sử dụng màu để tạo hệ thống phân cấp, vẽ mắt thêm biểu mẫu vào Tuy nhiên, biết lý thuyết màu sắc giúp bạn làm tốt việc phối màu dự án trực tuyến Dưới nhìn tổng quan nguyên lý màu sắc, cung cấp cho bạn kiến thức để áp dụng việc chọn màu cho việc thiết kế web Ngoài ra, tham gia lớp nghệ thuật trường nghệ thuật giúp bạn hiểu nhiều lý thuyết màu sắc Mức bản: Nguyên lý vòng màu (Color Wheel Theory) Là người thiết kế, việc làm quen với thuộc tính ánh sáng màu sắc nhìn thấy thật cần thiết Có nhiều thơng tin lĩnh vực nghệ thuật Cũng có nhiều khóa học dành riêng để nghiên cứu màu sắc thuộc tính Tuy nhiên, ý đến màu sắc (hue) (hoặc màu tạo từ màu khác) Vòng màu thường chia thành 12 màu Có màu (primary color): Đỏ, Vàng, Xanh Lam; màu cấp (secondary color) là: Vàng, Tím, Xanh Lá; màu cấp (tertiary color) màu pha từ màu cấp cấp Tổ chức màu giúp ta hiều cách xếp vật lý ánh sáng màu, giải mã hài hòa màu sắc 1/5 Sự hài hòa xu hướng màu sắc Sự hài hòa màu sắc yếu tố việc tạo giao diện màu Những giao diện màu thơng dụng dễ bị phụ thuộc vào xu hướng Ví dụ, vào thập niên 50, xu hướng màu sắc văn hóa người Mỹ màu sang, màu chủ đạo là: Vàng, Xanh Lam Đỏ Nhưng vào thập niên 60, xu hướng màu sắc theo màu đất màu tùng lam Sau đó, thập niên 70, 80 ánh sáng nê-ông thịnh hành Mặc dù vậy, ngày tạo nhiều màu thông qua định dạng kỹ thuật số, làm cho bạn khó xác định giao diện (theme) Chúng ta có thuận lợi cho phép tự sang tạo theme độc vô nhị việc sử dụng hài hòa màu sắc Sự hài hòa màu sắc tạo nhiều cách khác nhau, có “quy luật” chủ yếu việc chọn cách này: Màu bổ sung (Complementary colors): Vịng trịn ví dụ Complementary Color Màu bổ sung đối lập với vòng tròn màu, ví dụ Đỏ Xanh Lá Đó cách thông thường để bắt đầu cho giao diện màu Tên “bổ sung” (Complementary) có nguồn gốc từ thật cho thấy màu sắc khơng có liên hệ với theo cách thức vật lý Do chúng làm bật cho cách tự nhiên Có lẽ nhiều nhà thiết kế sử dụng màu sau áp dụng bổ sung để tạo màu khác Màu tương tự (Analogous colors): 2/5 Vịng trịn ví dụ Analogous Color Đây màu nằm sát bên vòng tròn màu, nhu Vàng, Vàng-Xanh Lá Xanh Lá Theo trực quan chúng có quan hệ với chúng hài hịa! Sự hài hịa chứa màu tương tự có xu hướng lấn át tương phản tương tự màu sắc Bộ màu Triadic (Triadic colors): Vịng trịn ví dụ Triadic Color Thơng thường, màu chọn để phối màu (việc thường theo xu hướng màu Đen Xám, Trắng màu hỗn tạp ) Tuy nhiên, màu đặt cách vòng màu, chúng gọi “Triadic” Khác với màu tương tự (analogous color), hài hòa theo xu hướng phân biệt nét rõ ràng thường quy luật khác Lý đơn giản hài hòa chứa màu có liên hệ với vịng màu Nhưng điều khơng có nghĩa chúng hợp Nhiều giao diện sử dụng sử dụng “Triadic” để lấy hoắc màu làm tảng, sau sử dụng màu khác để làm màu nhấn RGB so với chế độ màu khác 3/5 Khi bạn biết màu RGB so với màu CMYK màu Pantone, việc so sánh chúng cần thiết Hàng dưới: Màu RGB sáng hơn, nhiều màu sống động để thị lên hình CMYK Pantone xài tốt cho việc in ấn Màu cộng (Additive Colors) màu trừ (Subtractive Colors) Lý màu RGB sử dụng tốt hình vi tính chúng màu cộng (additive colors) Chúng dựa vào phát ánh sáng, giống cách hoạt đọng ti vi mà máy vi tính Với chế độ màu cộng, kết hợp nhiều màu, ánh sáng trắng xuất nhiều Vì thế, màu Đen RGB theo nghĩa đen khơng có màu Mặt khác, màu trắng tạo thông số cao nhiều màu kết hợp thành Màu CMYK dựa mẫu màu trừ (Subtractive Colors) Máy in trộn nhiều màu CMYK(Lục Lam, Hồng Sẫm, Vàng Key* Đen )với để tạo hình dáng màu riêng biệt Càng nhiều màu thêm vào, màu tốt đen Màu Pantone danh sách riêng màu mà công ty Pantone dành riêng cho thiết bị in ấn Bạn thấy phiên thực màu Pantone bạn xem chúng sách màu Pantone thức *Màu Key: K=Key (trong tiếng Anh nên hiểu theo nghĩa then chốt hay chủ yếu để ám màu đen màu có tên tiếng Anh black chữ B sử dụng để màu xanh lam (blue) mơ hình màu RGB Chuyển đổi màu Vấn đề đặt vài nhà thiết kế vướng phải họ phải sử dụng logo website màu sử dụng thiết kế CMYKvà Pantone Dĩ nhiên bạn sử dụng CMYK Pantone để phối màu, sáng nhiều bạn đăng tải lên web với chế độ màu RGB Đó lí hầu hết cơng ty chuyển đổi màu trước cho thương hiệu họ Nếu nhân viên bạn cho bạn hướng dẫn đầy đủ với số màu thực tế mà bạn muốn sử dụng tốt Nếu khơng, thử sử dụng cung cụ chuyển đổi màu trực truyến, công cụ từ web.forret.com biểu đồ chuyển đổi màu Pantone-CMYK-RGB từ Crigital Media Thủ thuật áp dụng Sử dụng quy luật liệt kê trên, bạn cảm thấy tốt chọn màu cho web Tuy nhiên, có nhiều màu để chọn tạo website Đây vài thủ thuật nhỏ giúp bạn xa công việc sáng tạo theme: 4/5 · Sử dụng nguồn online: Adobe Kuler Color Explorer đưa công cụ giúp nhà thiết kế nghĩ cách phối màu mà nằm quy luật hài hòa màu sắc · Chọn lựa từ chế độ màu sáng: Công cụ Photoshop’s Color Picker có thuộc tính cài đặt sẵn để hỗ trợ người dùng chọn màu tốt cho thiết kế web Bạn không chọn màu RGB mà chọn từ màu mà đa số hình hiển thị Chỉ cần check vào ô “Only Web Colors” (“Chỉ cho màu web”) cửa sổ thoại Color Picker · Cứ trang trí, đừng phân Adobe’s Photoshop có chế độ chọn màu “Web Safe” tâm: Hãy nhớ văn phải rõ ràng, dễ đọc Màu sắc không nên làm phân tâm người đọc có ý nghĩa dẫn dắt ý cho người xem nhằm xác định mục tiêu · Sử dụng khoảng trống trắng: Nếu “khoảng trống trắng” màu trắng, để mắt thư giãn chỗ Màu sáng đa màu chỗ có xu hướng làm người xem khó chịu · Kiểm tra vòng tròn: Khi bạn thắc mắc màu nhìn hợp (hoặc khơng hợp) nhau, kiểm tra với vòng màu RGB Hãy cố gắng làm quen với việc chuyển màu sắc thoải mái với việc đánh giá mối quan hệ nhiêu màu sắc kết hợp chúng Một bạn quen với vòng tròn màu, bạn nên kết hợp màu sắc vào thiết kế theo cách bạn cách hoàn hảo Đừng quên bạn tạo phối màu mà bạn thực thích, lưu lại bạn sử dụng tương lai 5/5 ... (blue) mơ hình màu RGB Chuyển đổi màu Vấn đề đặt vài nhà thiết kế vướng phải họ phải sử dụng logo website màu sử dụng thiết kế CMYKvà Pantone Dĩ nhiên bạn sử dụng CMYK Pantone để phối màu, sáng nhiều... cộng, kết hợp nhiều màu, ánh sáng trắng xuất nhiều Vì thế, màu Đen RGB theo nghĩa đen khơng có màu Mặt khác, màu trắng tạo thông số cao nhiều màu kết hợp thành Màu CMYK dựa mẫu màu trừ (Subtractive... khác 3/5 Khi bạn biết màu RGB so với màu CMYK màu Pantone, việc so sánh chúng cần thiết Hàng dưới: Màu RGB sáng hơn, nhiều màu sống động để thị lên hình CMYK Pantone xài tốt cho việc in ấn Màu cộng