BÀI MỚI

Bài Viết Mới Nhất
Browsing Category "design"

Content không chỉ có chữ

- Saturday, February 25, 2017

1. Mẫu quảng cáo facebook:

http://www.mauquangcao.com/

2. Làm infographic:

http://piktochart.com/

3. Làm banner web

http://bannersnack.com/

4. Làm facebook post, cover, poster...

http://canva.com/
http://www.uplevo.com/get-started

5. Làm thư viện ảnh, slide, clip ngắn:

http://slide.ly/
(làm trong powerpoint hoặc prezi cũng được, nhưng hình ảnh bên này đẹp hơn)

6. Video, clip ngắn, introduction

http://fiverr.com/
(phải tốn 5$ để mua)

7. Clip Animation:

https://www.moovly.com/, làm clip animation đơn giản

8. Video , slide

https://spark.adobe.com/ làm video ngắn - slide trình bày. <= Mình chưa làm được, ai làm được bày mình với

9. Kho icon

http://freepik.com/

10. Làm video intro https://flixpress.com

Làm video ngắn có chèn hình, video, nhạc, text, nhiều hiệu ứng đẹp: https://studio.stupeflix.com/en/create/

Phương pháp phối màu dành cho Designer

- Thursday, December 1, 2016

Là một nhà thiết Graphic hay Designer, việc chọn cho mình một bảng màu đẹp, ấn tượng và có sự cân bằng màu sắc tốt (good balance), là một trong những phần cần chú trọng khi thiết kế bất cứ thể loại nào. Với sự phát triển của công nghệ, những trang web cũng có thể tư vấn cho bạn màu sắc để thiết kế đẹp.

http://colorschemedesigner.com/csd-3.5/



1. Mono: phương pháp phối màu đơn sắc > dùng pha màu nền
2. Complement: Phương pháp phối màu bổ sung > Phối màu nền
3. Triad: Phương pháp phối màu chỏi > Màu cho tên sản phẩm
4. Tetred: PP phối màu bổ sung từng phần
5. Analogic: PP phối màu tương tự
6. Accented Analogic: Phối màu kết hợp tương tực và màu chỏi
Các bạn tham khảo nhé.


Nếu không phối bạn có thể xem nhưng bảng phối màu đẹp tại đây:

http://www.colourlovers.com/




Nếu các bạn là người mới thì có thêm tham khảo học tập ở trang https://dribbble.com/


Color Combinations and Color Schemes

Trang hỗ trợ html5:  http://html5maker.com/#/templates

Sử dụng FONT CHỮ nào cho THƯƠNG HIỆU của bạn

- Friday, August 5, 2016
- Script: Thanh thoát & lãng mạn
- Thin San Serif: Thời thượng & cao cấp
- Bold San Serif: Mạnh mẽ và vững vàng
- Handwriting: Cá tính và tự do
- Serif: Thanh lịch & xa hoa
- Bold condensed: Chắc chắn & đáng tin
- Paint: Quậy - quái - kỳ
- Free Flows: Nữ tính & tự do
- Typewriter: Lạ cũ & thiếu hoàn hảo
- Retro Vintage: Cũ kỹ & hoài cổ













Màu Sắc áp dụng trong thiết kế

- Sunday, July 24, 2016
HƯỚNG DẪN CĂN BẢN VỀ HIỆU ỨNG TÂM LÝ MÀU SẮC (COLOR PSYCHOLOGY) TRONG MARKETING VÀ TRONG PHỐI MÀU TỰ DO

Trong content marketing, màu sắc được coi là một tín hiệu cảm xúc.
Trong đại dương rộng lớn của những content marketing, màu sắc có thế làm cho nội dung của bạn trở nên nổi bật
Đó là những điều khiến cho người xem thấy những gì bạn muốn họ thấy, cảm nhận được những gì bạn muốn họ cảm nhận và làm những điều bạn muốn họ làm. Những màu sắc mà bạn chọn ấy cũng sẽ ảnh hưởng đến khả năng sử dụng và việc nội dung của bạn có dễ đọc hay không. Điều này khiến cho sự hiểu biết về tâm lý học màu sắc trở nên vô cùng quan trọng đối với thành công trong nội dung của bạn.
Tuy nhiên, sự lựa chọn màu nghèo nàn cũng có thể thay đổi một cách tiêu cực đến khả năng ảnh hưởng trong thông điệp của bạn. Làm sai cách, những nội dung hay những lời kêu gọi hành động tuyệt vời của bạn sẽ dễ dàng bị ngó lơ. Thậm chí ngay cả NASA cũng quan tâm về màu sắc đến mức họ cung cấp những nguồn tài nguyên online miễn phí để giúp cho những người không phải designer có thể chọn đúng sắc thái màu.
Sau khi đọc bài này, bạn sẽ hiểu về nguyên lí màu sắc và hiệu ứng tâm lý màu sắc cơ bản. Thêm nữa, bài viết có bao gồm một biểu đồ màu lục giác, giúp cho việc chọn đúng màu dễ dàng hơn với bất kì công cụ thiết kế nào.
Bạn đã sẵn sàng để trở thành một chuyên gia ? Hãy bắt đầu nào!
Tóm tắt
Phần 1: Kiến thức về nguyên lí màu sắc
  • Những căn bản về nguyên lí màu sắc
  • Tìm hiểu về tương phản và màu sắc
  • Chọn cách phối màu
Phần 2: Tâm lí màu sắc (Psychology of color) trong marketing
  • Ý nghĩa của màu sắc
  • Sở thích màu sắc theo giới tính
  • Bài kiểm tra màu sắc của bạn

Phần 1: Kiến thức về nguyên lí màu sắc

1. Những căn bản về nguyên lí màu sắc:

Hiểu biết về cách vận hành của màu sắc không chỉ dành cho những họa sĩ cả ngày dài gắn bó với bản vẽ và bột màu. Bất cứ ai làm content marketing đều cần hiểu biết về căn bản của nguyên lí màu sắc, bởi không có vấn đề gì khi bạn sử dụng màu sắc trong nội dung của mình
Màu sơ cấp (primary)
Màu sơ cấp là ba màu sắc tạo nên tất cả những màu còn lại. Đó là đỏ (red), xanh lam (blue), vàng (yellow). Đó là ba màu có thể dùng để tạo nên cấp màu tiếp theo, những màu thứ cấp.

Trường hợp ngoại lệ, nhiều khi nói đến màu sơ cấp, trong nguyên lí màu sắc liên quan đến ánh sáng, những màu sơ cấp sẽ là cyan (xanh lơ), magenta (hồng sẫm) và yellow (vàng). Đừng quên hệ màu CMYK cho in ấn và RGB cho hiển thị trên màn hình. Và khi phối màu, quan trọng là màu cụ thể nào mà bạn dùng để có được màu đỏ sao cho đạt tới màu mới phù hợp. Nhưng hãy đơn giản thôi và nên gắn với 3 màu xanh (blue), đỏ (red), vàng (yellow) 
Màu thứ cấp (secondary)
Màu thứ cấp là những màu tím (purple), xanh lục (green) và cam (orange). Chúng được tạo thành bằng cách trộn 2 màu sơ cấp với nhau. Nếu bạn nhìn trong bánh xe màu, bạn sẽ thấy màu thứ cấp ở giữa 2 màu sơ cấp.
Red + blue = purple
Blue + yellow = green
Red + yellow = orange
3

Màu cao cấp (tertiary)
Màu cao cấp là màu thứ cấp được gia thêm một bước nữa. Chúng được gọi bằng “hai-tên” màu, ví dụ như: red-purple, red-orangeyellow-green, v.v…
Chúng được tạo thành bằng cách trộn màu sơ cấp với màu thứ cấp.
4

Màu thuần túy (pure color)
Là màu sơ cấp, thứ cấp, cao cấp nhưng không pha trộn thêm sắc trắng, đen hay một màu thứ ba, chúng tinh khiết (hay bão hòa). Những màu này có đặc điểm là gắt, sáng, vui vẻ và tươi mới.
Chúng thường là màu của đồ chơi trẻ em, vật trang trí trong nhà trẻ và những trang phục mùa hè.
5

Màu Tint
Khi một màu thuần túy (pure color) được thêm vào màu trắng, bạn sẽ có một màu nhẹ. Vài người định nghĩa chúng là những màu pastel. Những màu này sáng hơn và nhạt hơn màu thuần túy và chúng không gắt.
Màu nhạt nằm trong phạm vi từ màu có một ít sắc trắng đến màu gần như là trắng.6

Màu shade

Khi màu thuần túy được thêm vào màu đen sẽ tạo thành màu shade. Chúng sẫm màu và làm giảm độ sáng của màu thuần túy, nằm trong khoảng từ những màu tối hơn một chút đến những màu gần như đen hoàn toàn.
7

Màu tone
Khi màu xám (đen + trắng) được pha thêm vào với màu thuần túy, bạn có được một màu tone. Bạn thường nghe người ta nói màu này cần được “giảm tone” xuống, có nghĩa là nó quá gắt và họ muốn điều chỉnh mức cường độ màu (intensity).
Thêm màu đen và trắng với những lượng khác nhau vào một màu sẽ làm giảm bớt cường độ (intensity) của nó nhanh chóng.
8

Bánh xe màu hoàn chỉnh
Thật tuyệt, giờ chúng ta đã có được một bánh xe màu hoàn chỉnh với màu sơ cấp, thứ cấp và cao cấp, cộng thêm những màu tint, màu shade, màu tone. Bạn có thể thấy tất cả chúng được xếp vừa vặn như thế nào trong bánh xe màu dưới đây.
9

Tất cả những màu lạnh nằm phía bên trái bánh xe, trong gam màu lam (blue) và luc (green). Những màu ấm thì nằm bên phải bánh xe, trong gam màu vàng và đỏ.
Giờ bạn đã hiểu về nguyên lí màu và bánh xe màu, bạn có thể bắt đầu dùng màu sắc một cách có mục đích trong content marketing của mình.

2. Dùng tương phản màu sắc (contrast) đúng cách

Khi đến với những kĩ thuật về màu sắc, việc sử dụng tương phản là đặc biệt quan trọng, và nó hầu như sẽ dẫn dắt bạn để có thể tranh luận một cách tối đa với designer của mình.
Tương phản là cách mà một màu tách biệt với những màu còn lại. Nó là thứ làm cho text hoặc đối tượng trở nên khác biệt với nền. Tương phản cao là khi dễ dàng nhận thấy màu sắc tách biệt với những màu còn lại. Còn tương phản thấp thì khó nhận thấy sự tách biệt.
10
Thường thường người ta cho rằng sự khác nhau trong màu sắc là thứ tạo nên tương phản. Nhưng thực tế là không đúng. Bạn có thể có hai màu hoàn toàn khác nhau nhưng lại không có tương phản giữa chúng bởi vì tone của chúng gần giống nhau. Để kiểm tra tương phản giữa các màu của bạn hãy chuyển chúng sang chế độ màu grayscale và nhìn mức độ tương phản giữa chúng.
11

Màu ở dạng thuần khiết vốn có sự tách biệt về sáng và tối trong các màu.
Ví dụ, màu vàng là màu sáng, trong khi xanh lam (blue) thì tối. Vàng và cam có ít tương phản với nhau dù là 2 màu khác nhau. Khi những màu khác nhau có cùng tone (mức sắc độ xám như bạn vừa được biết), chúng cũng sẽ không thể tương phản nhiều. Hai màu như thế chưa đủ để được chọn khi bạn quyết định tạo sự tương phản.
Sử dụng tương phản cao và thấp
Thông thường, tương phản cao là lựa chọn tốt nhất cho những content quan trọng bởi nó là cách dễ nhìn nhất. Màu tối trên màu sáng hoặc màu sáng trên màu tối là dễ đọc nhất. Nó có thể không gây hứng thú nhưng nó dễ đọc.
 Một chú ý như sau, thử nghĩ: Nếu mọi thứ đều tương phản cao, sẽ không có cái gì tách biệt cả và nó gây mệt mỏi cho mắt sau đó (Ví dụ: Hãy nghĩ đến một màn hình máy tính màu đen với dòng text màu xanh sáng)
Designer thường thích cách dùng phương pháp tương phản thấp hơn. Họ thích làm cho mọi thứ trông thật đẹp mắt, nhưng đẹp mắt thì thường không phải cách dễ đọc nhất. Sự kết hợp màu sắc tương tự nhau tone trên tone rất phổ biến và sự tỉ mỉ của chúng khá gây thu hút, tuy nhiên chúng cũng gây khó khăn cho người đọc.
Pro tip: Cố tìm sự cân đối giữa phối màu đẹp và tính dễ đọc để tạo sự rõ ràng nhất trong thị giác
Để dùng những màu tương tự trong khi vẫn có được sự tương phản mà bạn muốn, hãy tạo một bảng màu với cả màu bổ túc (complementaryvà màu tương tự (analogous).

Phần 1: Kiến thức về nguyên lí màu sắc

3. Chọn cách phối màu:

Bánh xe màu có thể giúp bạn chọn cách phối màu tốt nhất cho Nút kêu gọi hành động (Call to action button), Infographic và Lead collection pop-up.
Chỉ cần phối màu đơn giản cũng sẽ giúp bạn có kết quả sau cùng khá tốt.
Một nghiên cứu từ đại học Toronto chỉ ra rằng hầu hết những người sử dụng Adobe Kuler đều là những người ưa thích cách phối màu đơn giản mà chỉ dựa vào 2 đến 3 màu ưa thích.
Mọi người thích sự đơn giản. Nó khiến nội dung của bạn dễ đọc hiểu hơn còn nếu chúng không nhất thiết phải được diễn giải rõ ràng thì có thể sử dụng qua nhiều màu sắc. Và nhớ rằng, màu sắc hàm chứa ý nghĩa nên mối màu mà bạn thêm vào hay bớt đi đều tác động đến thông điệp của bạn.
Quá nhiều màu gây nên sự lộn xộn trong thông điệp. Và vì thế, bánh xe màu (color wheel) sẽ giúp bạn chọn ra 2 hoặc 3 màu phù hợp.
3.1. Sử dụng màu bổ túc (Comlementary/Opposite colors)
Sự kết hợp màu bổ túc làm cho mọi thứ được tách biệt.
Màu bổ túc tức là những màu đối lập. Chúng đối diện với màu còn lại trên bánh xe màu, có nghĩa đó là màu sắc còn thiếu trong màu ở phía đối diện.
Đôi khi cách kết hợp này mang lại một sự căng thẳng thị giác vì hai màu ấy rất đối lập nhau.
Bạn có để ý rằng nhiều nhóm thể thao cũng dùng màu bổ túc. Từ bóng đá đến hockey, màu đối lập được dùng như một cách kết hợp màu tuyệt vời.
Ví dụ:
Màu lam (blue) đối lập với màu cam (orange)
12


Màu đỏ đối lập với màu lục (green)
 13
Màu vàng đối lập với màu tím (purple)
14

Sự đối lập ấy rất thu hút !
Khi mắt người nhìn vào một bức tranh full các loại màu xanh khác nhau, bất kì một điểm nào màu đỏ sẽ trở nên riêng biệt một cách đáng ngạc nhiên. Vì sao vậy ?
Bởi màu đỏ là màu đối lập với màu xanh. Khi mắt ta nhìn vào quá nhiều màu sắc gần giống nhau, nó sẽ muốn tìm một màu sắc đối lập như một sự giải tỏa cho thị giác. Sử dụng những màu bổ túc là cách dễ nhất để khiến cho thứ gì đó trở nên riêng biệt và nổi bật. Sử dụng chúng với chú ý đừng để cho content của bạn trở nên quá chói mắt.
Bạn sẽ không muốn dùng 50% màu cam với 50% màu lục đâu vì chẳng màu nào nổi bật cả và nó sẽ gây cảm giác mệt mỏi, chán chường cho mắt.
Protip: Hãy chọn một màu sơ cấp làm màu sắc chủ đạo của bạn rồi sau đó tạo điểm nhấn bằng với màu bổ túc của nó với tỉ lệ hơn 7:3. Cách phối này sẽ mang đến một cặp màu đẹp mắt, đồng thời cũng giúp mắt bạn được nghỉ ngơi khi nhìn mỗi màu trong cặp.
Hãy nhìn vào trang chủ của CoSchedule dưới hình sau. Bạn nhìn thấy màu gì ?
15

Màu chủ đạo là màu xanh tối (dark blue), nhưng nút quan trọng nhất của nó, nút “Get Started Now” là màu cam. Màu cam là màu đối lập với xanh lam. Trong đại dương ngập tràn màu xanh tối, mắt bạn sẽ tự nhiên chú ý đến màu cam nhanh hơn những màu khác. Chúng ta cũng phải đảm bảo rằng nút màu cam tương phản rõ rệt trên nền xanh tối để tăng thêm hiệu ứng thị giác.

Chú ý: Hãy quan tâm đến những trường hợp bị mù màuMột chú ý ngắn: Đỏ và xanh, hai màu bổ túc, nhưng lại đi kèm với một vấn đề. Một số người bị mù màu và họ không thể phân biệt giữa các màu cơ bản, và đỏ và xanh lục là một sự kết hợp thường rất mơ hồ với họ. Những màu có quá nhiều sắc đỏ và xanh sẽ khiến họ lúng túng. Bạn có biết rằng giao diện Facebook chỉ toàn màu xanh là do Mark Zuckerberg bị mù màu xanh –đỏ (red-green) ? Anh ta chỉ nhìn thấy màu xanh lam (blue)
16

 Ví dụ trên đây cho ta thấy 3 kiểu mù màu. DeuteranopeProtanope, và Tritanope. Tương tự như Mark, anh ta chỉ nhìn được màu xanh, không có gì ngạc nhiên khi màu xanh (blue) là một trong số những màu phổ biến hơn cả vì nó đều nằm trong giới hạn những màu có thể nhìn thấy của cả 3 kiểu người mù màu.
Để giúp đỡ cho những người bị mù màu, khi dùng màu phối hợp, hãy nhớ chúng phải tương phản thật cao. Đừng bao giờ chỉ dùng một màu duy nhất để thể hiện thông tin. Gom text vào những đoạn văn và infographic bất cứ khi nào có thể. Tương phản cao và text bổ sung sẽ đảm bảo rằng dù gặp phải vấn đề mù màu, nội dung của bạn sẽ vấn vừa dễ đọc vừa thú vị khi nhìn vào.
3.2. Sử dụng màu cận bổ túc (Split Complementary Colors)
Nếu bạn muốn dùng 3 màu sắc thay vì chỉ 2 màu, hãy dùng phương án màu cận bổ túc, đó là cách để lợi dụng sức mạnh của màu bổ túc nhưng vẫn có thể thêm một màu thứ 3 vào palette màu. Để dùng cách này, bạn sẽ chọn một màu làm màu cơ sở, sau đó chọn 2 màu liền kề với màu đối lập của nó.
Ví dụ, nếu chúng ta quyết định chọn xanh lục là màu chủ đạo, chúng ta hãy nhìn dọc theo bánh xe màu (color wheel) để tìm màu bổ túc của nó, màu đỏ (tức là tìm màu đối diện với màu lục trên color wheel). Sau đó tìm hai màu liền kề ngay bên cạnh nó. Giờ chúng ta có bộ ba màu cận bổ túc (split complementary colors scheme) hoàn hảo: xanh (green), đỏ-cam (red-orange) và đỏ-tím (red-purple)
17
Một bộ ba màu cận bổ túc tuy không có được mức tác động cao như một cặp màu bổ túc, nhưng hiệu quả thị giác thu được của nó với mắt bạn vẫn khá tuyệt vời. Nó cũng thêm độ phong phú cho bảng màu của bạn, giúp màu sắc được sử dụng một cách linh hoạt
3.3. Sử dụng màu tương đồng (Analogous Colors)
Màu tương đồng là ba màu bất kì đặt cạnh nhau trên bánh xe màu. Chúng được gọi là “related”, một loại họ màu mang lại cảm giác dễ chịu và thư giãn cho thị giác. Chúng không gây chói mắt, không đối lập hay xung đột nhau. Chúng cũng không đứng cách biệt với màu còn lại. Màu tương đồng có thể tạo nên một content tinh tế và đẹp mắt, nhưng bạn có thể cần thêm một màu bổ túc để làm nổi bật một item riêng biệt nào đó.
18

3.4. Dùng màu đơn sắc giai (Monochromatic Colors)
Màu đơn sắc giai là một màu kết hợp với các sắc đậm nhạt của nó (tints, shades, tones) tạo nên hiệu ứng hòa sắc. Sử dụng màu đơn sắc giai thậm chí còn tạo sự tinh tế và nhẹ nhàng hơn màu tương đồng. Bởi palette màu của bạn sẽ chỉ dựa vào một màu sắc đơn lẻ. Màu đơn sắc giai sẽ tạo hiệu quả tốt khi kết hợp với một màu bổ túc. Trên website của CoSchedulechúng tôi sử dụng màu xanh lam (blue) đơn sắc kết hợp với màu cam dùng cho content mà chúng tôi muốn nhấn mạnh.
Hầu hết các designer khi dùng màu bổ túc, họ thường kết hợp giữa một tập hợp phong phú những màu đơn sắc với một màu bổ túc duy nhất.

19

3.5. Sử dụng nhóm màu tam giác (Triangle Colors), nhóm màu chữ nhật (Rectangle Colors) và nhóm màu vuông (Square Colors)
Thật khó để tạo ra cách phối màu nào có thể vượt qua ranh giới sức mạnh của màu bổ túc hay những họ màu tương đồng và nhóm màu đơn sắc. Tất cả những gì bạn cần là một nhóm màu tam giác (triangle), nhóm màu chữ nhật (rectangle) và nhóm màu vuông (square)
19

Triangle (triad) là một cách phối màu tạo thành bởi 3 màu nằm cách đều nhau trên bánh xe màu
Rectangle (tetradic) là cách phối màu tạo thành bởi 4 màu, chúng được cấu thành từ hai cặp màu bổ túc.
Square tương tự như nhóm màu rectangle có điều hai cặp màu bổ túc được chọn là những mau nằm cách đều nhau trên bánh xe màu.
Ba cách phối màu trên có thế trông rất lộn xộn nếu bạn không cẩn thận. Cách áp dụng tốt nhất đó là dùng một màu làm màu chủ đạo, và những màu khác dùng cho những hightlight content. Cách phối màu tam giác (triangle) đặc biệt tạo cảm giác rực rỡ. Ba là một con số cân bằng và việc sử dụng 3 màu sẽ tạo sự cân bằng cho thị giác.

10 quy luật bố cục designer cần nắm vững

- Thursday, July 21, 2016
Như chúng ta đã biết, bố cục chiếm 1 vị trí quan trọng quyết định đến sự thành công của một thiết kế. Vậy nói một cách chính xác, bố cục là gì? Hiểu một cách đơn giản, bố cục là một phần của thiết kế mà trong đó, tất cả các yếu tố riêng biệt được kết hợp với nhau để tạo thành một tổng thể có sự gắn kết chặt chẽ. Khi bạn sắp xếp, phân bố, và liên kết thành công các yếu tố trong thiết kế của mình, cũng có nghĩa là bạn đã làm chủ được thiết kế đó. Trong Part 1 này, hãy cùng Ambius khám phá 5/10 quy luật bố cục trong thiết kế – những thủ thuật giúp bạn ngay lập tức làm chủ thiết kế của mình nhé! 
1 – Tìm trọng tâm
Một yếu tố quan trọng đầu tiên của bố cục, đó là tìm ra một điểm nhấn (trọng tâm) cho thiết kế của mình. Điều đó sẽ thu hút ánh mắt của người xem một cách tự nhiên  vào những phần quan trọng trong thiết kế của bạn.

Một số cách để tìm trọng tâm là thông qua các techniques như quy mô, độ tương phản và leading lines. Ví dụ như bức hình trên là thiết kế của Matthew Metz dành cho nhà kinh doanh thời trang Nordstrom. Do đó, tâm điểm của thiết kế này là người mẫu và quần áo của cô ấy. Vì vậy, cô người mẫu này đã được đặt tại vị trí trung tâm của bức hình. Một khối màu được đặt ở vị trí trung tâm làm nổi bật, thu hút sự chú ý về phía khuôn mặt của cô gái, sau đó đến trang phục của cô ấy.  Một đường dẫn hướng mắt xuống góc phải của khung hình cung cấp thêm thông tin cho người xem. Bức hình có một strong focal point. Vì thế mà nó cuốn hút mọi ánh nhìn của người xem theo sự dẫn dắt của người thiết kế.
Tương tự như vậy, các bạn có thể tham khảo thiết kế của Shauna Lynn Panczyszyn dưới đây. Poster này lấy tâm điểm là hình ảnh của một người đàn ông được đặt ở trung tâm, được đóng khung bởi những graphics với những nét vẽ nguệch ngoạc dẫn dắt ánh mắt của người xem về phía trung tâm của bức hình.
2 – Dẫn dắt ánh nhìn với leading lines
Cũng giống như việc bạn chỉ vào một cái gì đó khi bạn muốn mọi người nhìn vào nó, bố cục của một số dòng và hình khối theo một cách nào đó có thể dẫn dắt ánh mắt người xem khi nhìn thiết kế của bạn.
Phổ biến hơn cả là sử dụng các leading lines. Sơ đồ khối sử dụng các đường để trực tiếp dẫn dắt ánh mắt của người xem từ một trong các điểm trên thiết kế đến điểm tiếp theo một cách rõ ràng.
Ví dụ, hãy xem xét thiết kế của Design By Day dưới đây. Thiết kế sử dụng các leading lines mạnh mẽ dẫn dắt ánh mắt về phía tiêu điểm chính (tiêu đề), và sau đó đến các nấc thông tin khác nhau.
Một ví dụ nữa trong tấm poster này từ 1 Trick Pony có sử dụng đường dọc theo cánh tay trái của người đàn ông để dẫn dắt ánh mắt người xem đến và đi từ các biểu tượng và sau đó xuống phần còn lại của hình ảnh.
3 – Quy mô và cấp bậc
Quy mô và hệ thống phân cấp trực quan là một trong số những nguyên tắc sáng tạo cơ bản. Chúng có thể khiến thiết kế của bạn thành công và cũng có thể làm cho thiết kế của bạn bị phá vỡ.  Vì vậy, điều quan trọng là phải tổ chức chúng thật tốt. Hãy chắc chắn rằng bạn hiểu vì sao mọi thiết kế đều cần ba cấp độ của hệ thống phân cấp typographic.
Quy mô thường được sử dụng để giúp hệ thống cấp bậc giao tiếp với nhau. Sự sắp xếp gần và xa của các yếu tố biểu thị tầm quan trọng của chúng trong giao tiếp.
Ví dụ, poster này thiết kế bởi Jessica Svendsen sử dụng một hình ảnh được scale-up lên như là phần tử lớn nhất, giúp nó thu hút sự chú ý nhiều nhất.
Hay ví dụ, poster này được thiết kế bởi Scott Hansen sử dụng một hình ảnh thu nhỏ của hai người  giúp thể hiện tập trung những khung cảnh lớn trước mặt họ. Điều này ngay lập tức mang lại cho người xem một cảm giác về sự hùng vĩ và rộng lớn đến ngoáng ngợp của khung cảnh.
Bằng cách tương phản một yếu tố quy mô nhỏ bên cạnh một yếu tố quy mô lớn trong bố cục, bạn có thể tạo ra một số hiệu ứng khác nhau.
4 – Cân bằng hóa các yếu tố trong thiết kế của bạn
Cân bằng là một yêu cầu quan trọng đối với một thiết kế, nhưng làm thế nào để tạo ra sự cân bằng hoàn hảo trong thiết kế lại là một điều không dễ dàng.  Vâng, chúng ta hãy xem  xét hai loại phổ biến của sự cân bằng và tìm hiểu xem làm thế nào để làm chủ chúng nhé!
Đầu tiên là cân bằng đối xứng. Cân bằng đối xứng  là việc cân bằng thiết kế của bạn sử dụng tính đối xứng. Bằng cách phản chiếu một vài yếu tố thiết kế từ trái sang phải hoặc từ trên xuống dưới, bạn có thể tạo ra sự cân bằng mạnh mẽ, rõ nét trong thiết kế của mình.
Dưới đây là một ví dụ về cân bằng đối xứng. Đây là thiết kế thiệp mời đám cưới của Jennifer Wick sử dụng đối xứng bằng cách phản chiếu vị trí của các types và các yếu tố đồ họa. Bằng cách sử dụng tính đối xứng, thiết kế này toát lên vẻ thanh lịch, sạch sẽ và đẹp một cách cân đối.
Một loại cân bằng khác được cho là phổ biến hơn, đó là cân bằng không đối xứng. Cân bằng không đối xứng cũng là một thuật ngữ khá khó để giải thích bởi nó vẫn tạo ra sự cân bằng nhưng các yếu tố lại không đối xứng với nhau.
Dưới đây là một ví dụ thành công của sự cân bằng không đối xứng. Trong poster này, Munchy Potato đã sử dụng cân bằng không đối xứng bằng cách phân tán và mở rộng quy mô các yếu tố một cách có chủ đích.
Trong thiết kế trên, ba vòng tròn trung tâm là những yếu tố lớn nhất trong thiết kế, nhưng chúng được cân bằng hóa bởi các type, các dòng kẻ và hình tròn nhỏ với kết cấu phức tạp ở góc dưới.
Một kỹ thuật “bỏ túi” nữa để làm chủ cân bằng không đối xứng là bạn phải hiểu rằng mỗi phần tử trong thiết kế đều có  một “trọng lượng” riêng. Các vật thể nhỏ có thể “ít nặng” hơn so với các đối tượng lớn hơn. Dù thiết kế của bạn có rơi vào trường hợp nào đi chăng nữa, hãy nhớ rằng nhất định phải cân bằng hóa các yếu tố cho đến khi bạn đạt đến một trạng thái cân bằng hiệu quả.
5 – Sử dụng các yếu tố bổ sung cho nhau
Có thể bạn đã nghe nói về những màu sắc bổ sung, còn các yếu tố bổ sung trong một thiết kế thì sao? Một yêu cầu quan trọng góp một phần không nhỏ vào thành công và hiệu quả của một thiết kế chính là hãy dành thời gian để  “cố ý” chọn từng yếu tố trong thiết kế sao cho mỗi yếu tố ấy bổ sung cho toàn bộ thiết kế của bạn.
Một lỗi thường gặp trong thiết kế đó là sử dụng các hình ảnh không hề mang tính chất bổ sung cho nhau. Vì vậy, khi sử dụng nhiều hơn một hình ảnh trong thiết kế, bạn hãy cố gắng đảm bảo rằng tất cả chúng đều có hiệu quả và gắn kết khi được nhóm lại với nhau. Có rất nhiều cách khác nhau để đạt được sự gắn kết này.  Sau đây là một vài gợi ý.
Sử dụng hình ảnh từ cùng một buổi chụp hình.  Đây là một cách dễ dàng để đảm bảo hình ảnh của bạn trông gắn kết bởi chúng vốn được tại ra dưới sự chỉ đạo nghệ thuật giống nhau và phong cách chụp ảnh giống nhau. Xem xét tạp chí thiết kế bởi Jekyll & Hyde và Elena Bonanomi dưới đây để thưởng thức và tham khảo một bố cục đẹp.
Tô màu những bức ảnh với các màu sắc tương tự nhau. Với sự phổ biến của các bộ lọc và công cụ điều chỉnh hình ảnh, bạn có thể tô màu và điều chỉnh hình ảnh của mình sao cho bảng màu của chúng gắn kết và bổ sung cho nhau. Tham khảo thiết kế poster của A is a name  dưới đây. Tác giả đã dùng một bộ lọc đơn sắc cho từng bức ảnh để “buộc” mỗi hình ảnh lại với nhau một cách tự nhiên hơn.
Chọn các hình ảnh được chụp theo một cách tương tự nhau. Hãy chọn hình ảnh có tính thẩm mỹ và phong cách tương tự nhau,  ví dụ, nếu sử dụng một hình ảnh tối giản, hãy chọn nhiều hình ảnh tối giản khác để lấy cảm hứng bổ sung cho hình ảnh đó. Bạn có thể tham khảo thiết kế của  Feint dưới đây. Designer này đã chọn những hình ảnh mà tất cả đều toát lên một vẻ chắc chắn với rất nhiều kết cấu, chất liệu gỗ và tông màu lạnh.
Tạo một bố cục gắn kết cũng có nghĩa là ghép nối các hình ảnh khiến chúng bổ sung cho nhau. Mỗi kiểu chữ khác nhau khi sử dụng trong các trường hợp khác nhau phải có các tones và ideas để liên kết chúng.  Cụ thể, kiểu chữ cursive với nhiều swashes và các nút xoắn sẽ thể hiện sự sang trọng và tinh tế. Vì vậy, việc chọn kiểu chữ phải có mục đích và ý tưởng nhất định.
Ví dụ, trong poster này của Adam Hill đã sử dụng các hình ảnh cổ điển lấy cảm hứng từ truyền thống được bổ sung bởi một tiêu đề chữ thảo đậm và thân chữ serif phiến đậm. Một font sans-serif mỏng, sạch đến tối thiểu sẽ không phù hợp với rock and roll.
6 – Tăng (hoặc giảm) độ tương phản trong thiết kế của bạn
Độ tường phải là một công cụ rất hữu ích để làm nổi bật hoặc làm mờ đi một số yếu tố trong thiết kế của bạn. Khi nâng hệ số tương phản hoặc sử dụng tính năng tương phản màu sắc ở mức độ cao, bạn có thể làm nổi bật một yếu tố nào đó và thu hút sự chú ý của người xem. Tương tự như vậy, bằng cách giảm độ tương phản, bạn có thể khiến cho một yếu tố trở nên mờ nhạt đi để làm nền cho những đối tượng khác có “cơ hội” trở nên nổi bật.
Ví dụ thiết kế được thực hiện bởi Thebault Julien dưới đây đã sử dụng màu sắc tương phản ở mức độ cao để đóng khung và làm nổi bật những hình ảnh tiêu điểm. Thiết kế cũng sử dụng những kiểu chữ đậm hơn để làm nổi bật những phần thông tin quan trọng, đồng thời sử dụng kiểu chữ nhẹ và mỏng hơn để đẩy các yếu tố khác ra khỏi ánh đèn sân khấu.
Nếu các màu sắc rực rỡ trong thiết kế trên được sử dụng để làm nổi bật thiết kế thì ví dụ tiếp theo đây sẽ sử dụng một màu sắc rực rỡ để làm mờ nhạt đi một phần của thiết kế, tạo thành nền để làm nổi bật các yếu tố có màu tối khác.
Poster này được thiết kế bởi Melanie Scott Vincent sử dụng một chiếc kẹp giấy màu vàng trên nền màu vàng, tạo ra một sự khác biệt tương phản thấp giữa các đối tượng và background. Trong khi thông thường đây là điều cần tránh trong thiết kế thì trong trường hợp này, nó lại củng cố và làm nổi bật sự việc “ignored everyday”.

Bằng cách này, độ tương phản cũng có thể được sử dụng để “giấu” một yếu tố nhất định của thiết kế cũng như tạo ra một ý nghĩa trong đó. Vì vậy, hãy luôn nhớ sử dụng độ tương phản phải dựa vào MỤC ĐÍCH thiết kế của bạn.
7 – Lặp lại các yếu tố trong thiết kế của bạn
Có một câu nói rất hay mà bạn cần nhớ: “Repetition makes for successful compositions.”
Để duy trì tính nhất quán và một bố cục hợp lý cho thiết kế của mình, bạn hãy cố gắng đưa các yếu tố từ một phần của thiết kế và áp dụng nó vào các phần khác. Một phong cách nào đó có thể được lặp lại nhiều hơn 1 lần trong thiết kế hoặc có thể nói rằng: “một motif đồ họa” có thể được sử dụng nhiều hơn một lần. Vì vậy, bạn hãy cố gắng sử dụng lặp lại các yếu tố một cách thông minh để có một bố cục tốt.
Sự lặp lại là một yếu tố quan trọng khi nói đến việc bố trí nhiều trang trong một thiết kê. Lặp đi lặp lại các yếu tố trong thiết kế sẽ giúp mỗi dòng trang vào tiếp theo sẽ giúp trang sau tiếp nối trang trước, tạo ra một tập hợp trang có tính liền mạch.
Ví dụ, hãy xem những thiết kế tạp chí của Mauro De Donatis và Elizaveta Ukhabina dưới đây. Trong thiết kế này, thành phần trong mỗi cách bố trí là tương tự nhau. Sự khác biệt chỉ là trong nội dung văn bản, màu sắc và cách sử dụng các hình ảnh. Những thành phần lặp đi lặp lại này sẽ giúp độc giả nhanh chóng nhận dạng và quen thuộc với các thông tin trong thiết kế một cách nhanh chóng.
Để biết thêm các tips, thủ thuật và các ví dụ, hãy chắc chắn rằng bạn có check danh sách của nhà thiết kế này để học hỏi cách tạo bố cục nhiều trang nhé!
Sự lặp lại cũng là một yếu tố quan trọng khi nói đến việc thiết kế bố cục trang duy nhất. Bằng cách lặp lại các yếu tố đồ họa, bạn có thể khiến cho thiết kế của mình trở nên mạnh mẽ và gắn kết như tấm poster sự kiện của Jessica Hische dưới đây.
Poster này lặp đi lặp lại những stylisations nhất định như: type, các yếu tố đồ họa, và trọng lượng đường xuyên suốt suốt thiết kế để duy trì một thiết kế gắn kết và hiệu quả. Nếu thiết kế này đột nhiên sử dụng một đường dày, đậm cơ bản màu hồng ở đâu đó chính giữa thiết kế,  sự gắn kết ngay lập tức sẽ bị mất đi. Vì vậy, bằng cách giữ bảng chữ cái, bảng màu và phong cách đồ họa đơn giản và đồng nhất, thiết kế sẽ có được vẻ đẹp và sự mạnh mẽ.
8 – Đừng quên những khoảng trắng
Cách dễ nhất để “xúc phạm” những khoảng không gian màu trắng chính là việc gọi chúng với một useless name “khoảng trống”.
Không gian màu trắng khi sử dụng một cách có chiến lược sẽ giúp làm tăng độ rõ nét của thiết kế.  Nhìn một cách tổng thể, bằng cách cân bằng giữa những phần phức tạp và những khoảng không gian trắng trong thiết kế sẽ giúp thiết kế của bạn “dễ thở” hơn.
Ví dụ về thiết kế dưới đây của Cocorrina đã sử dụng những khoảng trắng để cân bằng các hình ảnh, kết cấu và các type khiến thiết kế trở nên thoáng đãng, sạch sẽ và tinh tế.
Vậy làm thế nào để chúng ta có thể sử dụng thành công những khoảng trắng trong thiết kế của mình?
Đầu tiên, hãy giảm quy mô các yếu tố đồ họa trong thiết kế của bạn. Bằng cách thu hẹp các hình ảnh, các types…bạn có thể tạo ra những khoảng không gian trắng đầy trang trọng quanh các tiêu điểm trong giới hạn trong khung thiết kế ban đầu. Ví dụ, hãy xem xét thiết kế thẻ công thức dưới đây của Serafini Creative. Bằng cách giảm quy mô của thiết kế và đưa nó về vị trí trung tâm, tác giả đã tạo ra một khung hình thật đẹp, thanh thoát và tinh tế được tạo bởi chính các khoảng trắng xung quanh.
Đừng lấp đầy mọi không gian bằng các kí tự hay câu chữ. Như đã đề cập ở trên, không gian màu trắng không phải là không gian trống rỗng, nó đang làm công việc riêng và phục vụ mục đích riêng của mình. Do đó, hãy cứ đừng điền vào bất kỳ khoảng trắng nào trong thiết kế của bạn. Hãy để cho những con chữ, những kí tự đó có không gian để “vẫy vùng”.
Ví dụ, hãy xem xét thiết kế trang web này của Creative Themes Web. Thiết kế có sử dụng một hình ảnh đại diện cho các sản phẩm, một trong những tiêu đề in đậm, hai đường nhỏ của bản thiết kế và sau đó là một liên kết để biết thêm thông tin. Nhờ bố cục đơn giản này và cách “điểm” những khoảng không gian trắng, thiết kế này trở nên hiệu quả và đẹp mắt hơn.
Khi thiết kế các phần trong tác phẩm của mình, bạn hãy tự hỏi bản thân xem mỗi phần tử trong tác phẩm đó có cần thiết 100% hay không. Bạn cần tất cả các type, bạn cần tiêu đề màu xanh sáng, hay bạn cần 3 hình ảnh khác nhau? Bằng cách loại dần đi các yếu tố không cần thiết trong các phẩn của thiết kế, bạn có thể tạo ra một thiết kế đẹp, thoáng tinh tế mà không bị trống trải.
9 – Căn chỉnh các yếu tố trong thiết kế của bạn
Khi thực hiện 1 thiết kế gồm nhiều thành phần trong đó, chúng ta không thể cứ “ném” tất cả chúng vào trang. Vì sao ư? Bởi vì việc sắp xếp các yếu tố này chính là cách nhanh chóng và dễ dàng nhất để biến hình thiết kế của bạn từ một “phức hợp tồi tệ” thành một tác phẩm thanh lịch và sang trọng.
Bạn gặp vấn đề trong việc sắp xếp các yếu tố ấy ư? Các bạn có thể tìm đến với Canva để xóa bỏ rắc rối ấy một cách nhanh chóng với một công cụ tự động căn chỉnh siêu tiện dụng. Chỉ cần kéo các phần tử trong thiết kế của bạn xung quanh trang và Canva sẽ sắp xếp chúng vào vị trí hợp lí nhất. Bạn sẽ cảm thấy kì diệu như có ma thuật vậy!
Hãy xem xét ví dụ dưới đây – một thiết kế tạp chí của Huck. Sự liên kết mạnh mẽ giữa các yếu tố của nó tạo ra một bố cục sắc nét, gọn gàng và hiệu quả, tạo cảm giác “mãn nhãn” cho người xem.
Gắn kết các yếu tố trong thiết kế một cách mạnh mẽ và hợp lý cũng là một cách hay ho giúp bạn tạo ra một “trật tự nhất định” trong thiết kế của mình. Vì vậy, nếu bạn đang sử dụng rất nhiều hình ảnh, rất nhiều type hoặc rất nhiều yếu tố đồ họa thì liên kết chính là người bạn tốt nhất mà bạn cần chọn để đồng hành.
Alignment cũng là yếu tố rất quan trọng khi bạn đối phó với các types. Có rất nhiều cách để sắp xếp các types nhưng một nguyên tắc nhỏ cho những phần thiết kế dài hơn là “kết dính” chúng với lề trái để tạo cảm giác thỏa mãn nhất cho mắt người xem.
10 – Chia thiết kế của bạn thành 3 phần 
Các quy tắc một phần ba là một kỹ thuật đơn giản mà các nhà thiết kế sử dụng để phân chia các thiết kế của họ thành ba hàng và ba cột. Và tại các điểm nơi mà các đường dọc và đường ngang giao nhau chính là những vị trí mà focal points nên được đặt.
Nhà thiết kế William Beachy đã cáp dụng quy luật này với các thiết kế của mình như bạn có thể thấy trong các ví dụ dưới đây. Bằng cách đặt các tiêu điểm ở mỗi giao điểm, thiết kế của ông trở nên nổi bật và hiệu quả. Beachy cũng lưu ý rằng “Để tránh việc một thiết kế chỉ tập trung vào phần trung tâm, bạn nên thêm một số chuyển động và một chút nhấn nhá.”
Sử dụng quy tắc một phần ba là một cách tuyệt vời để khởi động bố cục của 1 thiết kế vì nó cung cấp cho bạn một cách nhanh chóng, đồng thời dẫn dắt bạn định vị và đóng khung các yếu tố trong thiết kế của bạn.
Xem xét thiết kế dưới đây của Gajan Vamatheva cho National Geographic. Bạn hãy dành một chút thời gian để tưởng tượng, nơi các dòng một phần ba sẽ giao nhau. Bạn có thể nhận thấy rằng các đường giao nhau sẽ qua tiêu điểm của mỗi hình ảnh – hai người đi bộ trong image đầu tiên, và con chim lớn nhất trong image thứ hai. Các đường cũng sẽ cắt tại các điểm xung quanh các ô chữ. Nhìn kĩ và nắm vững quy tắc, các bạn sẽ thấy những điểm này.
Một cách tuyệt vời để bắt đầu thiết kế của bạn đó chính là sử dụng quy tắc một phần ba để tạo ra một mạng lưới. Lưới hình ảnh có thể giúp bạn sắp xếp các yếu tố đồ họa một cách hợp lý hơn. Bạn cần tập trung vào các focal points để thiết kế đạt bố cục tối ưu. Bạn cũng có thể sử dụng công cụcông cụ lưới của Canva để tạo lưới một cách dễ dàng với nhiều lựa chọn hơn.
Khi bạn tìm thấy một thiết kế mà bạn nghĩ đó là một thiết kế đẹp và hiệu quả, hãy thử phá vỡ nó và tìm kiếm các cấu trúc cơ bản xây dựng nên thiết kế đó. Bạn sẽ học được cách các designer nổi tiếng xây dựng bố cục cho thiết kế của họ như thế nào.
Có rất nhiều điều cần xem xét khi kết hợp và sắp xếp các thành phần trong 1 thiết kế. Đặc biệt, nếu bạn là một người mới bắt đầu, bạn cần nỗ lực và rất nhiều thời gian để di chuyển các yếu tố, thay đổi kích thước các thành phần và sau đó di chuyển chúng một lần nữa để có một trật tự xác định – hay còn gọi là bố cục.
Chúc các bạn sẽ tìm được cách thức của riêng mình khi xây dựng bố cục cho 1 thiết kế với sự chia sẻ nho nhỏ trên đây của chúng tôi!
Nguồn: designschool.canva.com