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