Những yếu tố cơ bản trong thiết kế đồ hoạ

MỤC LỤC Lời nói đầu Graphic design là gì?

6

Các Elements trong Design

16

Points

21

Lines

33

Shapes

39

Form

61

Space

69

Size

93

Color

109

Lời kết

124

Tài liệu tham khảo

LỜI NÓI ĐẦU

Bắt đầu từ con số 0, design không phải là chuyên ngành của mình nhưng mình bắt đầu với nó cũng như bạn bây giờ vậy. (Trừ những bạn cao thủ ẩn danh hoặc không ẩn danh đang đọc nhé!!!). Hãy cứ bắt đầu đi dù bạn đang làm gì. Những yếu tố trong thiết kế mình sắp nói dưới đây mình không đề cập hết được nhưng nó là khái quát chung. Hy vọng là bạn sẽ thích. Lần đầu thực hiện những công việc này, nếu có gì sai sót, mong các bạn bỏ qua.

Thân!

Elements of design

GRAPHIC DESIG LÀ GÌ?

“ Graphic Design: the art or profession of using design elements (as typography and images) to convey information or create an effect, also: a product of this art “ “ Thiết kế đồ họa là nghệ thuật sử dụng các yếu tố thiết kế (typography & hình ảnh) để truyền tải thông điệp hoặc tạo ra một sự ảnh hưởng. Đây là một sản phẩm nghệ thuật.“ Theo trang Merriam-Webster

Hình ảnh: Google Image

6

Elements of design

GN Chà, các bạn thấy sao? có vẻ

Cụ thể hơn thì Thiết kế đồ hoạ là việc sử dụng

trừu tượng đúng không? Để

các phần mềm xử lý ảnh (Photoshop), vẽ vector

mình nói rõ hơn nhé

(Illustrator), dàn trang (Indesign),…

Thiết kế đồ họa là kết hợp giữa

dựa trên nền tảng mỹ thuật của người làm thiết

ý tưởng sáng tạo và khả năng

kế và nhu cầu cụ thể của khách hàng, để tạo ra

cảm nhận thẩm mỹ, thông qua

các files kỹ thuật số, dùng để in trên các bề mặt

các công cụ đồ họa để truyền

phẳng như sách, báo, tạp chí, các chất liệu ngoài

tải thông điệp bằng những hình

trời (biển quảng cáo, trên xe buýt, sân vận động,

ảnh đẹp, ấn tượng, đi vào lòng

hay in trên các sản phẩm gia dụng như bàn, ghế,

người Và Thiết kế đồ họa là

nhãn hàng, bao bì sản phẩm, hay thời trang như

loại hình nghệ thuật ứng dụng,

áo thun, túi xách) …

kết hợp hình ảnh chữ viết và ý tưởng một cách sáng tạo để truyền đạt thông tin hiệu quả và thú vị qua các hình thức ấn phẩm in ấn và trực tuyến.

7

Elements of design

MULTIMEDIA DESIGN Lĩnh vực này bao trùm, rộng hơn, nhưng Thiết kế đồ họa (Graphic Design) vẫn là nền tảng, trong đó các sản phẩm như quảng cáo, truyền thông, giải trí kỹ thuật số còn được làm bằng những phần mềm chuyên biệt khác (dựng phim, làm kỹ xảo, thiết kế web tương tác, xử lý âm thanh, làm Games, diễn hoạ nội thất, làm hoạt hình 3D…), thể hiện qua các định dạng khác như đồ hoạ động, video, âm thanh, text, hoạt hình,nhưng có thể là tích hợp 2 hay nhiều định dạng này với nhau, có tính tương tác cao, để phát và truyển tải đến người dùng qua các kênh như internet, truyền hình, hiển thị trên các thiết bị đầu cuối như TV, máy tính, thiết bị cầm tay, smartphone, màn chiếu, ….

MỘT CÁCH DỄ HIỂU … THÌ NÓ LÀ VẬY!

8

Elements of design

Hình ảnh: Unsplash.com

9

Elements Elements of design

6

10

HÏnh ảnh: Unsplash.com

Elements of design

ĐI TỪ TRONG RA NGOÀI Tìm hiểu 1 vấn đề nào đó thì theo mình, chúng ta phải đi tìm hiểu từ những cái nhỏ nhất. Thiết kế đồ họa cũng vậy chúng ta bắt đầu từ những thứ cơ bản nhất, căn nguyên của thiết kế đồ họa. Đã bao giờ bạn nhìn vào một tác phẩm thiết kế mà bạn lại thắc mắc là tại sao lại đặt hình tròn ở góc này, tại sao lại quả chuối ở chỗ kia. Chúng không tuân theo 1 cái gì sao hay đơn giản là người design thích đặt ở hình tròn, hay quả chuối vào chỗ đấy thôi? Ở trang bên mình có 1 tấm poster, hãy lật sang và quan sát nhé!

11

Elements of design

30’s

Hãy rành ra

12

Hình ảnh: 30 days challenge of ColorMe.

Quan sát bức poster

Elements of design

13

Elements of design

Hình ảnh: Google Image

Không phải là “mình thích thì mình làm thôi” đâu mà tất cả những sự sắp đặt các hình khối, đồ vật trong 1 tác phẩm thiết kế đều tuân theo những yếu tố và những quy tắc trong thiết kế đồ họa (Elements of design và Principles of design). Trong cuốn ebook này, vì do lượng kiến thức quá nhiều nên mình sẽ

14

tập trung vào Elements of design.

Rồi!!! Chúng ta đã đến phần sâu nhất trong thiết kế đồ họa nói riêng và thiết kế nói chung và giờ cùng bắt đầu đi ra nào!

Elements of design

15

Elements of design

ELEMENTS OF DESIGN Elements of design khác gì Principles of Design?

Nguyên tắc thiết kế là

Mỗi nguyên lý thiết kế

Không

các quy tắc hoặc đúng

đều truyền tải các thông

nguyên tắc thì sẽ thiết kế

hơn là các nguyên tắc

điệp riêng. Ví dụ tương

của bạn sẽ không được

để làm theo. Một số dựa

phản (Contrast) hai đối

bền vững.

trên dữ liệu khoa học,

tượng

một số dựa trên tâm lý

thông điệp rằng các đối

con người, một số chỉ

tượng khác nhau. Lặp đi

đơn giản được đúc rút

lặp lại (Repetiton) một

qua thời gian. Bạn có thể

kích thước hoặc màu sắc

không tuân theo bất kỳ

trên các nguyên tắc khác

nguyên tắc nào, nhưng

nhau truyền đạt ý tưởng

ít nhất bạn cũng nên

rằng họ bằng cách nào

biết được những nguyên

đó giống nhau.

tắc này xuất hiện ra sao trước khi “chống lại” nó chứ, đúng không?

16

truyền

tải

một

nắm

được

các

Chốt lại, nguyên tắc là các quy tắc hoặc nguyên tắc để làm theo, là lớp keo kết nối các xu hướng, phong cách thiết kế.

Elements of design

8 YẾU TỐ POINTS

DOTS

SHAPES

FORM

TEXTURES

SPACE

SIZE

COLORS

17

Elements of design

CÒN VỀ YẾU TỐ CỦA THIẾT KẾ?

Yếu tố của thiết kế ( Elements of design) là bộ phận cấu thành một sự vật, sự việc, hiện tượng.

Các yếu tố thiết kế là những thứ mà chúng ta thực sự sử dụng trong một thiết kế.

Khi chúng ta nói về visual grammar, đối tượng và cấu trúc là những thứ tạo nên hầu hết các yếu tố trong thiết kế

ELEMENTS OF DESIGN Giống như nguyên tắc, các yếu tố cũng truyền tải thông điệp. Một dấu chấm là 1 câu chuyện, 1 đường line đã là 1 câu chuyện khác. Mỗi yếu tố thì có một chức năng khác nhau và bạn không cần phải dung hết các yếu tố trong 1 tác phẩm thiết kế của bạn.

Các yếu tố là những thứ thực tế chúng ta thêm vào bản thiết kế.

Nguyên tắc giúp cho bạn biết cách tổ chức các yếu tố bản thiết kế.Hãy nhớ rằng mục tiêu của bạn là truyền đạt một điều gì đó đến người xem, còn các yếu tố và nguyên tắc là những công cụ giúp bạn đạt được điều đó.

18

Elements of design

BẮT ĐẦU RA NGOÀI NÀO!

19

Elements of design

20

Elements of design

21

Elements of design

POINTS, DOTS: NHỎ NHẤT NHƯNG QUAN TRỌNG NHẤT

- Points là tọa độ trong không gian, không có kích thước hoặc diện tích.

- Dots là cách chúng ta nhìn thấy điểm. Dots là điểm tập trung sự chú ý.

- Lines là tập hợp các điểm với nhau. Điểm và chấm là yếu tố cơ bản nhất và là những khối xây dựng cho mọi thứ khác.

Hình ảnh: Unsplash.com

22

Elements of design

Point là tọa độ được xác định bởi trục

Points, dots và Line có các đặc điểm và

tọa độ. Điểm là yếu tố đơn giản nhất.

có chức năng riêng biệt. Trong thực tế,

Theo định nghĩa chúng ta không thể

hầu hết các yếu tố khác được phát triển

thực sự vẽ một điểm. Và thứ chúng ta

từ points, dots và lines vì vậy trước tiên

có thể vẽ là chấm. Chắc hẳn các bạn khi

chúng ta cần phải hiểu điểm, chấm và

nhắc đến Dot sẽ nghĩ ngay ra hình tròn.

đường là gì đã nhé!

Nhưng thực tế là chấm là có thể kết hợp từ những thứ khác như shape, form liền một khối với nhau cũng có thể coi đó là một Dot.

Ly cà phê dưới đây cũng là dots Hình ảnh: Unsplash.com

23

Elements of design

Như mình đã nói ở trên

Đặc điểm để biết đó là

Một

Điểm (Point) là tọa độ

một chấm (dot) đó là 1

trong khoảng trống của

được xác định bởi trục

điểm thu hút sự chú ý.

một trang vẫn là một dấu

tọa độ. Điểm là yếu tố

Khi kích thước của dấu

chấm (Dot). Nó vẫn thu

đơn giản nhất.Theo định

chấm tăng lên, chúng ta

hút mắt chúng ta đến nó.

nghĩa chúng ta không thể

bắt đầu thấy chấm (dot)

Đó là thu hút sự chú ý và

thực sự vẽ một điểm. Và

dưới dạng hình dạng nào

đó chính là Chấm (dot).

thứ chúng ta có thể vẽ là

đó nhưng chấm (dot) vẫn

chấm. Chắc hẳn các bạn

giữ được các tính chất và

khi nhắc đến chấm (dot)

đặc điểm cơ bản.

hình

sẽ nghĩ ngay ra hình tròn .Nhưng thực tế là chấm là có thể kết hợp từ những thứ khác như shape, form liền một khối với nhau cũng có thể coi đó là 1 chấm (dot).

DOTS EVERYTHING

24

POINTS

vuông

nằm

Elements of design

Hình ảnh: Unsplash.com

25

Elements of design

Hình ảnh: Unsplash.com

22

26

Elements of design

2 CHẤM VỚI NHAU CÓ MỐI QUAN HỆ NHƯ THẾ NÀO?

Mọi chuyện thú vị hơn rồi đấy!

Khi chúng ta đặt thêm 1 chấm ( dots) nữa cạnh 1 chấm thì sẽ ra sao?

2 chấm đặt cạnh nhau thì sẽ thay đổi sự nhấn mạnh giữa Chấm với phần không gian xung quanh. Phần không gian xung quanh giữa 2 dấu chầm rất quan trọng.Sự thay đổi khoảng cách giữa 2 chấm làm thay cấu trúc của chấm đó Khi được đặt gần nhau hơn và càng gần nhau thì chúng ta càng thấy chúng như là 1 và có chiều sâu hơn.

27

23

Elements of design

POINTILISM Một hình vẽ được phát triển vào cuối những năm 1800 sử dụng các chấm nhỏ màu chính để tạo ra những hình ảnh, trong đó màu sắc trung bình có thể nhìn thấy. Kỹ thuật này được gọi là Pointilism, và lần đầu tiên nó được sử dụng để mô tả công trình của nghệ sĩ ngừoi Pháp Georges Seurat.

Pointilism lợi dụng cách mắt của chúng ta làm việc với não. Thay vì nhìn thấy hàng trăm hoặc hàng ngàn điểm chấm cá nhân, đôi mắt chúng kết hợp với não bộ chúng ta pha trộn những chấm đó với màu sắc và tao ra hình ảnh.

Poitilism không phải là kỹ thuật dễ dàng để làm chủ. Một sự kết hợp hoàn hảo các chấm với nhau phải có 1 ý tượng sáng tạo tuyệt vời.

Poitilism là trong hội hoạ, nghệ thuật nói chung.

Trong giới design, họ gọi là half tone. Kỹ thuật half tone Lật để xem nhé!

Sunday afternoon on the island of la grande jatter Hình ảnh: Pinterest.com

28

Elements of design

29

Elements of design

HALF TONE Half Tone là một thuật ngữ mà người ta dùng để miêu tả một đối tượng bằng những chấm tròn nhỏ. Hay nói cách khác, half tone ở đây là một hình thức thể hiện mọi chất liệu qua chấm tròn.

Sử dụng halftone làm tăng tính “nghệ” khá cao cho tác phẩm của bạn. Kỹ thuật ngon bổ rẻ này đã cứu cánh cho nhiều pha cạn ý tưởng của mình đấy.

Phong cách Retro đang rất hot rần rần trong thời gian gần đây cũng sử dụng halftone kết hợp với những gam màu sặc sỡ, tương phản nhau. Gợi lại về những năm 70 80 của thế kỷ trước.

30

Elements of design

Hình ảnh: Google Image

31

Elements of design

32

Elements of design

33

Elements of design

LINE LÀ GÌ?

Hình ảnh: Unsplash.com

30

34

Elements of design

Khi sử dụng mỗi đường (lines) trong bản thiết kế của bạn, nó có thể được sử dụng để tách, tổ chức, nhấn mạnh hoặc phân cấp không gian cho trang. Một mình hoặc như là một phần của một yếu tố đồ họa khác, các đường kẻ có thể tạo ra các mẫu, thiết lập tâm trạng, cung cấp kết cấu hình ảnh, tạo chuyển động và xác định hình dạng.

Trong bản vẽ, một đường (lines) là nét của cây bút chì nhưng trong thiết kế đồ hoạ, đó là hai điểm kết nối. Các đường (lines) có thể dài hoặc ngắn, thẳng hoặc cong.

Các đường có thể nằm ngang, dọc hoặc đường chéo. Các đường (lines) có thể là tập hợp của nhiều đoạn (lines) tập hợp với nhau, tập hợp nhiều điểm xếp cạnh nhau Các đường (lines)

có thể truyền đạt cảm xúc và thông tin rất tốt Trong thiết kế đường line để làm gì thì đây.

Line làm tổ chức, line tạo định hướng, tạo sự chuyển động, nhấn mạnh, line truyền tải ý nghĩa và tạo texture được nữa!

35

31

Elements of of design design Elements

MOODLINES Các đường Lines đã được các nghệ sỹ và nhà thiết kế sử dụng để truyền đạt tâm trạng kể từ những bức vẽ đầu tiên trong những bức tường hang động. Những đường đó truyền đạt cảm xúc thì người ta gọi là Mood Lines.Theo thời gian, được lặp đi lặp lại nhiều lần, John Ormsbee Simonds đã ghi chép lại ý nghĩa của 48 Mood Lines.

Ví dụ trong poster film, việc ứng dụng mood line là việc vô cùng quan trọng và cần thiết.

Mood line thường được sử dụng phổ biến, vì mỗi một ML mại mang đến một thông điệp, truyền đạt hình ảnh khác nhau cho người xem.

Vậy nên khi sử dụng vào sản phẩm truyền thông, cần lựa chọn chính xác ML phù hợp với nội dung muốn truyền tải

48 moodline do Joh

Nguồn: Zevende

34

36

Elements of design

hn Ormsbee Simonds đã ghi chép lại.

esign.com

37

34

Elements of design

38

Elements of design

39

Elements of design

SHAPES Tiếp theo những yếu tố trong thiết kế là đến hình dạng (shape) Hàng ngày, những hình dạng luôn xuất hiện xung quanh chúng ta. Liệu bạn có nhận ra được những ý nghĩa ẩn chứa trong chúng? Mỗi 1 hình dạng lại cho chúng ta 1 cảm xúc riêng.

40

Hình ảnh: Unsplash.com

Elements of design

Những hình cong tròn mang hơi hướng nhẹ nhàng, dễ tiếp cận trong khi những đường thẳng và cạnh, thì lại mang sức mạnh. Trong khi thiết kế đồ hoạ việc sử dụng các shapes không chỉ truyền tải ý nghĩa, thông điệp mà nó còn phân cấp thông tin.

TIÊU ĐỀ

41

Elements of design

SHAPES LÀ GÌ VÀ CÁC LOẠI SHAPES Shape được tạo thành từ các đường lines và shape có dạng hình 2 chiều (2d) và 3 chiều (3d). Bạn có thể sử dụng hình dạng (shapes) trong thiết kế để truyền tải ý nghĩa cũng như tổ chức thông tin Có 3 loại hình dạng (shapes) cơ bản đó là

1

2

3

Dạng hình học cơ bản

Dạng hình học tự nhiên

Dạng hình học trừu tượng

Geometric Shapes

Organic shapes

Hình ảnh: Google Image

42

Abstract Shapes

Elements of design

Là loại hình theo mình nó

Geometric Shapes: Như cái tên của nó, Geometric là

là dạng có thể kết hợp cả

hình học. Từ các khối hình học, từ đơn chiều đến đa

3 loại Basic Shapes trên.

chiều, từ những cạnh, góc sắc nhọn, mạnh mẽ.

Nó khá là trừu tượng và những tốc độ bạn hiểu được những hình đó tỉ lệ

Organic shapes: Sử dụng các hình trong tự nhiên, cũng có thể là các hình giống thế nhưng là nhân tạo

thuận với trí tưởng tượng của bạn đó

43

Elements of design

44

ABSTRACT SHAPES

Elements of design

Đây là loại hình dạng (shapes) dùng những hình mang tính trừu tượng như các kí tự, logo, hay bảng chữ cái Abstract Shapes mang đến một hơi hướng mở. Một cảm giác khó tả. Thực sự đúng như cái tên của nó Abstract ( có nghĩa là trừu tượng)

Hình ảnh: Pinterest.com

45

Elements of design

46

Elements of design

Hình ảnh: Google Image

47

Elements of design

Hình ảnh: Google Image

48

Elements of design

Hình ảnh: Google Image

49

Elements of design

50

Elements of design

Hình ảnh: Google Image

51

Elements of design

52

Elements of design

Hình ảnh: Google Image

53

Elements of design

54

Elements of design

Hình ảnh: Google Image

55

Elements of design

56

Elements of design

57

Elements of design Elements of design

58

58

Elements of design Elements of design

59

59

Elements Elements of of design design

60

60

Elements Elements of of design design

HÏnh ảnh: Google Image

61

61

Elements Elements of of design design

HÏnh ảnh: Google Image

62

62

Elements of design Elements of design

63

63

Elements of design

PHẦN ĐỌC THÊM FORM ERGONOMIC (CÔNG THÁI HỌC)

64

Elements of design

Hình ảnh: Google Image

65

Elements of design

66

Hình ảnh: Google Image

Elements of design

67

Elements of design

68

Elements of design

69

Elements of design

70

Elements of design

71

Elements of design

72

Elements of design

73

Elements of design

74

Elements of design

Bức chân dung được điêu khắc và có vẻ như chất liệu đó là đồng Hình ảnh: Pinterest.com

75

Elements of design

Hình ảnh: Google Image

76

Elements Elementsof ofdesign design

77

Elements of design

78

Elements of design

79

Elements of design

80

Elements of design

81

Elements of design

82

Elements of design

HÏnh ảnh: Apple.com

83

Elements of design

HÏnh ảnh: Pinterest.com

84

Elements of design

85

Elements of design

86

Elements of design

Hình ảnh: Google Image

87

Elements of design

88

Elementsofofdesign design Elements

Cover by TĂšng

89

Elements of design

90

90

Hình ảnh: Google Image

Elements of design

91

Elements of design

92

Elements of design

93

Elements of design Elements of design

94

Elements of design Elements of design

95

Elements of design

96

Elements of design

97

Elements of design

98

Elements of design

Hình ảnh: Google Image

99

Elements of design

Hình ảnh: Google Image

100

Elements of design

101

Elements of design

102

Elements of design

103

Elements of design

104

Elements of design

HÏnh ảnh: Pinterest.com

105

Elements of design

HÏnh ảnh: Pinterest.com

106

Elements of design

107

Elements of design

108

Elements of design

109

Elements of design

Hình ảnh: Unsplash.com

110

Elements of design Elements of design

111

Elements of design

112

Elements of design

Hình ảnh: Google Image113

Elements of design

114

Elements of design Hình ảnh: Unsplash.com

115

Elements of design

HUE HUE

116

SATURA

ATION

Elements of design

BRIGHTNESS

Hình ảnh: Unsplash.com

117

Elements of design Elements of design

1 HUE

118

2 SATUR

RATION

Elements of design Elements of design Hình ảnh: Google Image

3 BRIGHTNESS

119

Elements of design

Hình ảnh: Go

120

Elements of design

oogle Image

121

Elements of design

122

Elements of design

Hình ảnh: Google Image

123

Elements of design

TÀI LIỆU THAM KHẢO 1. Vanseo design - The elements of design 2. Designer.vn 3. Pinterest.com 4. Unsplash.com 5. Designschool.canva.com 6. Graphic #1 by ColorMe 7. “Chạm - Sờ - Nắm” by Hiệp 8. Behance.net 9. RGB.vn - [INFOGRAPHIC] SẮC MÀU CẢM XÚC. 1. Vanseo design - The elements of design 2. Designer.vn 3. Pinterest.com 4. Unsplash.com 5. Design-

1. Vanseo design school.canva.com 6. Graphic #1 by ColorMe 7. “Chạm - Sờ - Nắm” by Hiệp 8. Behance.net 9. RGB.vn - [INFOGRAPHIC] SẮC MÀU CẢM XÚC. | |1.

-The elements of design | 2.Designer.vn | 3.Pinterest.com | 4.

Unsplash.com | 5.Designschool.canva.com| - The elements of design| 2. Designer.vn| 3. Pinterest.com| Unsplash.com| 5. Designschool.canva.com| Graphic#1 #1by byColorMe| ColorMe 7. | 7.“Chạm “Chạm - Sờ - Nắm” Hiệp8. |Behance.net| 8. Behance.net | 9. RGB.vn - [infographic] 6.6.Graphic - Sờ - Nắm” byby Hiệp| 9. RGB.vn - [infographic] Sắc Sắc | màumàu cảmcảm xúc|xúc1. Vanseo design - The elements of design 2. Designer.vn 3. Pinterest.com 4. Unsplash.com 5. Designschool.canva.com 6. Graphic #1 by ColorMe 7. “Chạm - Sờ - Nắm” by Hiệp 8. Behance.net 9. RGB.vn - [INFOGRAPHIC] SẮC MÀU CẢM XÚC. 1. Vanseo design - The elements of design 2. Designer.vn 3. Pinterest.com 4. Unsplash.com 5. Designschool.canva.com 6. Graphic #1 by ColorMe 7. “Chạm - Sờ - Nắm” by Hiệp 8. Behance.net 9. RGB.vn - [INFOGRAPHIC] SẮC MÀU CẢM XÚC.

124

Elements of design

LỜI KẾT Những yếu tố trên là cơ bản nhất trong thiết kế và chúng rất quan trọng. Định hướng đầu tiên về những thứ bạn cần có trong tác phẩm cuả bạn. và các nguyên tắc của thiết kế có thể được hiểu như những gì bạn cần làm để thực hiện các yếu tố của thiết kế. Thời đại bây giờ bùng nổ về thiết kế đồ hoạ. Như là một dịch vụ thiết yếu trong hầu hết mọi lĩnh vực. Nên là sở hữu cho mình những kiến thức và những skill về Thiết kế đồ hoạ không chỉ giúp bạn có thêm thu nhập từ ngành tay trái mà còn làm bạn trở thành người phong phú hơn đấy!

Hy vọng cuốn sách này ít nhiều giúp được bạn.

Cảm ơn đã đọc đến đây.

Thank you!

125