Bạn đang xem: Accent color là gì
Bài này công ty nói đến mà lại sản phẩm công nghệ cơ phiên bản của UI thiết kế, một ít về Design System.
Lời ngỏ
Trong này bản thân đã triệu tập đa số vào Web Design và hồ hết lắp thêm bao bọc. Mình viết bài bác này bên dưới ánh mắt cá nhân là 1 designer của Agency đề nghị có thể nó sẽ không còn cân xứng cùng chưa đầy đủ cùng với đông đảo đơn vị Product bự. Nếu gồm thiếu hụt sót thì mong muốn chúng ta bổ sung.
1.Basic Color Guide
Màu sắc là 1 trong trong những nhân tố khiến cho ngôn từ của kiến thiết, giúp phần đông người đọc giá tốt trị cùng thông điệp xây đắp ý muốn truyền thiết lập cho người tiêu dùng. Thông thường, trong một thi công đang tồn tại 4 team color chính: “Primary color (màu nhà đạo), Accent Color (Màu nhấn), Semantic Màu sắc (màu sắc ngữ nghĩa) cùng Neutral màu sắc (màu trung tính). Bên cạnh đó thì sẽ sở hữu được thêm team màu sắc mang lại ibé, chart ….
1.1.Primary Color:
Thông thường, màu sắc chủ đạo sẽ tiến hành rước theo màu sắc của Brand. Tuỳ thuộc vào bộ dìm diện nhưng mà sẽ sở hữu từ một cho 2 màu cùng những dãi màu tương ứng. Đó là màu sắc tạo ra tầm nhìn tổng thể của website. Ví dụ nlỗi ta thấy Facebook gồm greed color White, còn Pornhub thì color cam với Black :)))
1.2. Accent Color:
Thường dùng làm highlight các đối tượng nhỏng CTA, slider, links, floating button … thường thì trong xây dựng, Accent Màu sắc nên làm chiếm ~10% vào phân chia Color của kiến thiết. Còn lại 60% mang lại Primary, 30% mang đến màu Second-Primary.
1.3. Semantic Color:
Nhóm màu để diễn đạt ngữ nghĩa, thông tin như: Error, success, warning, information. Thông thường những color này vẫn dùng theo tlỗi viện thực hiện bên trên code nhỏng Bootstrap, Material Design
Red: lỗi, chú ý.Blue: biểu thị công bố.Green: tinh thần thành công, chính xácYellow: chình ảnh báo
Là dải color trung tính được dùng rất nhiều trong xây đắp, dải color này đã nghiêng về color xám. Vì trong tự nhiên và thoải mái không tồn tại color xám, phải thường các màu sắc trung tính vẫn đang còn một Satuation nhỏ dại. Như ví dụ trong hình phía trên, màu xám có một Saturation xanh.
Thông thường thì mình đang lấy Hue của color Primary với bớt Stuation để tạo nên dãi color Neutral này.
1.5 Cách thi công hệ thống màu sắc sắc:
Hệ màu HSL (Hue, Sturation, Lightness)
Thông thường HEX với RGB là 2 hệ color thường dùng rộng cơ mà cơ mà HSL bắt đầu là hệ màu có lợi hơn cùng HSL cũng chính là hệ màu cơ mà Browser sẽ đón nhận một phương pháp thẳng. Có một hệ color cũng có thể có đề xuất cũng như là HSB dẫu vậy HSL và HSB là nhì hệ màu hoàn toàn khác nhau.
Với HSB: 0% Brightness(B) luôn luôn là màu đen dẫu vậy 100% Brightness chỉ cần màu trắng lúc Saturation bởi 0.Với HSL thì 0% L sẽ mang đến ta màu Đen và 100%L đã mang đến ta màu trắng, luôn luôn là điều này.Với hệ màu HSL chúng ta cũng có thể dễ dàng tạo thành một Color scheme bằng cách đổi khác thông số kỹ thuật Lightness.
