top of page

Tại sao cũng cùng là một thiết kế y như nhau, nhưng: đăng ở chỗ này là “đúng chân ái”, bê sang chỗ khác lại là “lỗi sai nghiêm trọng?”

  • 7 thg 5
  • 4 phút đọc

Đây là một trong những lỗi mà nhiều designer mới hay gặp phải, dù nguyên nhân cũng chẳng xa lạ gì, chỉ xoay quanh brief mà thôi. 


Lấy ví dụ từ một tình huống bài tập “giải mã brief”, được đưa ra trong Sống Dai cùng Design của YD nha:


Yêu cầu: thiết kế presentation để dạy học với gam màu vàng làm chủ đạo. 

Đối tượng là các chủ Doanh nghiệp, những người đã đi làm, độ tuổi từ 25-40. 


Vậy des nên chọn tone màu vàng đậm/trầm hay sáng/tươi sẽ đạt hiệu quả cho thiết kế? Tại sao? 


Ở bài viết “Làm sao vượt qua “cảm tính cá nhân” khi làm bộ màu cho thương hiệu của khách hàng?” thì mọi người đã hiểu và chọn ra gam màu vàng tone pastel là lựa chọn cuối cùng cho bài presentation. Bởi nhờ sự tương phản vừa đủ, gam màu dịu nhẹ khiến mắt người đọc không quá mỏi hay phải cố gắng để đọc thông tin trong thiết kế. Như vậy làm tăng hiệu quả tiếp thu bài học và không làm cho người học bị nản lòng, khó chịu sau cả ngày dài làm việc mệt mỏi. 


Slide presentation với tiêu đề “Highlights Review”, sử dụng màu nền be và chữ đen tương phản rõ, kèm minh họa người dùng ống nhòm và nội dung bullet points.

Tuy nhiên, ở bài này, YD muốn mọi người phân tích theo 1 góc độ khác: Cũng là gam màu pastel đó nhưng khi post lên kênh Facebook. 


Mockup bài đăng Facebook với thiết kế tông vàng pastel bị hòa vào nền trắng của giao diện, khiến nội dung khó nhìn và thiếu nổi bật.

Bạn có thể thấy, khi đăng lên Facebook, nền trắng của giao diện nền tảng sẽ "nuốt" luôn thiết kế của bạn. Mắt người xem không nhận ra ranh giới giữa bài đăng và phần còn lại của trang khiến thiết kế bị chìm, dù màu sắc nhìn trên file rất ổn. 


Mặc dù, có người xem dùng giao diện đen thay vì trắng nên rất dễ thấy, nhưng chúng ta không biết lúc nào họ dùng giao diện đen/ trắng, vì vậy cần dùng sắc độ màu sao cho có thể tương phản tốt với 2 màu đen - trắng để đạt hiệu quả truyền thông tối đa. 


Như vậy: 

Cùng một màu nhưng khi xuất hiện hai nơi sẽ cho ra hai kết quả: Một chỗ trở thành thiết kế bị lỗi. Một chỗ lại là lựa chọn đúng đắn, phù hợp. 


👉 Điều này có nghĩa là: không có gam màu đúng/sai tuyệt đối mà chỉ có màu đúng/sai bối cảnh (mà trong bài này thì bối cảnh = giao diện nền tảng).


Qua những phân tích ở trên đây, YD muốn nhắn gửi đến bạn 3 điều quan trọng mà các des mới vào nghề, mới tìm hiểu thiết kế cần lưu ý để việc chọn màu thiết kế được phù hợp:


Hiểu rõ về tư duy tương phản trong thiết kế:

Bản chất của tương phản: không chỉ là sự khác biệt màu sắc, mà là khoảng cách thị giác giữa các yếu tố (chữ với nền, hình ảnh với khoảng trắng).


Khoảng cách càng lớn, mắt người xem càng nhận ra nội dung nhanh và dễ hơn. Khoảng cách càng nhỏ, não phải xử lý lâu hơn và đôi khi bỏ qua luôn.


Như trong ví dụ một tờ giấy viết chữ trắng trên nền màu đậm rất dễ đọc. Nhưng nếu chữ đó in trên nền màu nhạt thì bạn vẫn đọc được nhưng lúc này mắt phải làm việc nhiều hơn để có thể đọc được mà bạn không nhận ra.


Hình minh họa sự khác biệt giữa thiết kế có tương phản cao (chữ trắng trên nền tím đậm dễ đọc) và thiết kế thiếu tương phản (chữ trắng trên nền vàng nhạt khó đọc).

Nếu thiết kế trên mạng xã hội hoặc thiết kế để đào tạo giảng dạy mang lại cảm giác này cho người đọc, thì sẽ khiến họ tụt mood, giảm khả năng yêu thích, không muốn “cố gắng” một cách đầy mệt mỏi như vậy. 


Hiểu đúng về tư duy màu sắc trong thiết kế: 

Không có gam màu “yếu” hay “mạnh. Không có “đúng/sai” mà phụ thuộc vào bối cảnh của thiết kế vì vậy khi phân tích bất kỳ brief nào, bạn cũng cần lưu ý đến các yếu tố thuộc về bối cảnh nhắc đến của thiết kế đó để cho ra ấn phẩm phù hợp, đỡ phải thiết kế đi thiết kế lại nhiều lần. 


Kỹ năng của designer trong việc chọn và phối màu tương phản:

Kỹ năng này không chỉ có tư duy thẩm mỹ, mà còn là khả năng Test màu và Đặt câu hỏi đúng trước khi bắt đầu phác hoạ nên thiết kế.


Test màu được thực hiện bằng cách luôn “ướm thử” lên các nền tảng, những nơi đăng khác nhau, thậm chí là test cả việc in ấn nữa để hạn chế rủi ro thấp nhất.


Việc đặt câu hỏi, bạn cần có một checklist những điều sau đây khi thiết kế: 

  • Thiết kế này sẽ xuất hiện ở đâu? Là kênh nào: MXH/ presentation/in ấn/...? 

  • Người xem sẽ nhìn nó trong điều kiện nào? Là ban ngày hay ban đêm?

  • Họ sẽ xem thiết kế trên thiết bị nào? Là màn hình điện thoại hay màn hình máy tính? 

  • Mắt có đang phải cố để đọc không?


Nếu câu trả lời cho câu cuối là "có" thì khả năng cao tương phản đang có vấn đề, lúc này bạn cần quay trở lại test màu và điều chỉnh tương phản thích hợp hơn. 


Một thao tác nhỏ nhưng cần thiết lúc này nếu bạn chưa tự tin vào khả năng nhìn nhận màu sắc của mình là: Khi làm xong, hãy up thử lên nền tảng mà thiết kế sẽ xuất hiện rồi hỏi thêm bạn bè rằng: Thiết kế này lướt qua nhanh có dễ thấy và dễ đọc không?


Nếu câu trả lời là "có", thì độ tương phản đã ổn, và ngược lại nếu "không" thì bạn cần điều chỉnh lại độ tương phản tốt hơn.


Tóm lại, thiết kế thông minh là thiết kế biết "nhập gia tùy tục" đòi hỏi người thiết kế phải thấu hiểu về kiến thức nền tảng cũng như có khả năng dự đoán những ứng dụng linh hoạt của các thiết kế của mình để hạn chế rủi ro cuối cùng. Đó là chưa kể, nếu thiết kế đó cần in ấn ra nữa thì bạn cần phải lưu tâm nhiều hơn để tránh mất chi phí không đâu nhé.


Hy vọng những chia sẻ này của YD đã giúp bạn có thêm kinh nghiệm trong việc lựa chọn màu sắc, phối màu cho thiết kế. Chúc cho các thiết kế của bạn ngày càng thăng hạng nhé! 


_

𝐘𝐄𝐍 𝐃𝐄𝐒𝐈𝐆𝐍 & 𝐁𝐑𝐀𝐍𝐃 𝐒𝐓𝐘𝐋𝐄

𝐄. Yendesign.brandstyle@gmail.com

𝐖. Yendesign.art

𝐒. Brand Style      

   Graphic Design

 
 
 

Bình luận


Logo_Yen Design_25.05-03.png
  • Instagram
  • Facebook

Đăng ký tài khoản tại Yen Design & Brand Style để tận hưởng các khoá học, nhận bản tin hàng tuần và nhiều hơn thế nữa!

STUDIO

EST. 2022

VIỆT NAM

BRAND STYLE

WEBSITE DESIGN

GRAPHIC DESIGN

©2021 , BY YEN DESIGN & BRAND STYLE

bottom of page