Please enable JavaScript.
Coggle requires JavaScript to display documents.
BASIC LAYOUT image - Coggle Diagram
BASIC LAYOUT
2 TỔNG QUAN NGÀNH
2 G.E đi làm ở đâu?
1. Brand Identity designer: thiết kế nhận diện.
TẠI SAO CHỌN PHÂN NGÀNH?
Về già sẽ chậm, những sẽ có kinh nghiệm, phân ngành càng sớm càng tốt
2. UI/UX designer: thiết kế giao diện và trải nghiệm người dùng
3. Motion designer: thiết kế chuyển động
Link Title
4. Promotional designer: thiết kế quảng cáo (social post, bìa sách,bao bì, banner, biển hiệu, poster game, etc.
5. Publication designer: thiết kế sách, báo, tạp chí, ca ta lô, etc.
3 G.E có những ngành nào?
Link Title
6. Freelance
5. Studio
4. In-house
3. Advertising agency
2. Product/Digital agency
1. Branding agency
1 G.E là gì?
"Graphic design là một ngành nghệ thuật thị giác chuyên nghiệp, được dùng để
truyền tải thông điệp hay thông tin
đến cho người xem, để làm cho nội dung dễ đọc & dễ tiếp thu, hay để ảnh hưởng tới người khác." - ROBIN LANDA
"Graphic design là
xử lý vấn đề
." - CHIP KIDD
Năm 1953, Arthur Holly Compton, thắng giải Nobel vật lý vì đã
tạo ra gờ giảm tốc
, một phát mình rất hữu dụng kể cả đến ngày hôm nay.
Gờ giảm tốc xử lý vấn đề chạy xe quá nhanh một cách rất kinh tế & nhanh chóng. Nhưng cái gờ giảm tốc này
không phải Graphic Design
.
-> Graphic Design hoạt động khác các loại design khác
Người lái xe có thể bỏ qua biển báo, nhưng không thể bỏ qua cái gờ.
👉
"Graphic design là một
cuộc hành trình trong đầu
chúng ta, từ mắt tới
tâm lý. Khi
sắp đặt đúng
các
yếu tố thị giác
, nó có thể
làm ta muốn làm
,
hay không làm
gì đó. "- CHIP KIDD
Nhưng mà cái này là Graphic Design.
1 BỐ CỤC LÀ GÌ
Link Title
Sự sắp xếp các yếu tố thị giác
Khung xương của design
Có thể dẫn dắt người xem
Cách sắp xếp các yếu tố thị giác (hình dạng, hình ảnh, chữ, đường, điểm, etc.) trên một canvas (giấy, túi xách, poster kĩ thuật số, tường nhà, biển hiệu, đường phố, etc.)
Bố cục không nói tới màu sắc gì, chọn chữ thế nào, chọn hình dạng
nào, bố cục chỉ nói tới sự sắp xếp của chúng
Có rất nhiều cách dạy bố cục khác nhau, khóa này chỉ nói tới căn
bản cho người mới vào ngành, tập trung thực tế
3 HỆ THỐNG LƯỚI (Grid System)
1 CĂN BẢN VỊ TRÍ
"Nghệ thuật dường như có nguy cơ bị nhấn chìm bởi lời nói."- RUDOLF ARNHEIM
ART & VISUAL PERCEPTION
Vị trí của các yếu tố thị
giác phải luôn rõ ràng.
Điểm nào ở vị trí 1/3 thì thường được nhìn thấy trước. Vì vậy muốn nhấn element nào thì đặt ở đó.
Đôi khi có ngoại lệ do có
ý đồ khác.
2 NGUỒN GỐC GRID SYSTEM
Grid system được
sử dụng chủ yếu
để design sách, báo, tạp chí, etc.
“Hệ thống lưới trong tay của designer không hơn không kém là
một công cụ hữu ích
làm cho việc sắp xếp ảnh & chữ trở nên thú vị hơn, nhưng nó bản chất
không đảm bảo sự thành công
”.- J. MÜLLER-BROCKMANN
3 VẼ HỆ THỐNG LƯỚI
“Trước khi làm, thì designer
cần phải biết có bao nhiêu chữ và hình cần phải bỏ vào design & bản chất của chúng là gì
”.- MÜLLER-BROCKMANN
1. XÁC ĐỊNH KHU VỰC CHỮ (TYPE AREA)
Ví dụ: khi layout sách tiểu thuyết. Ta có:
Phần chữ nội dung
Số trang
Trong layout chữ thế này, chữ quá sát lề gây bức bối khó chịu, nản đọc.
Đỡ hơn, nhưng giờ đây phần nội dung bị đẩy xuống dưới trang, giống như đang bị tụt huyết áp, chầm kẻm.
Giờ thì khoảng cách 2 lề này bằng nhau, nhìn tù túng và nghiêm túc. Không có cảm giác của một cuốn tiểu thuyết lắm.
OK
Link Title
Nếu là design poster thì ta cho lề như dưới đây cũng được.
2. CHIA CỘT CHO TYPE AREA
Ví dụ đây là một trang catalogue, cần có chữ và hình ảnh.
Chia số lượng cột theo nhu cầu
3. CHIA HÀNG THEO NHU CẦU.
4. QUYẾT ĐỊNH FONT CHỮ, LEADING, SIZE, TRACKING.
5. CHỈNH CHO KHU VỰC CHIA GRID HỢP VỚI DÒNG CHỮ.
6. SIX-FIELD GRID
7. LAYOUT HOÀN CHỈNH
4 NGUYÊN LÝ THỊ GIÁC
(Visual principle)
1 ĐIỂM TỤ (FOCAL POINT)
- Điểm nào nổi bật làm ta dán mắt vào thì ta gọi đó là điểm tụ.
- Trong Design thường ta chỉ cần MỘT ĐIỂM TỤ duy nhất.
- Điểm tụ nên là một cái gì đó quan trọng, điều ta muốn người xem thấy rõ nhất.
MÀU SẮC
KÍCH CỠ
CÔ LẬP
HÌNH DẠNG
TÍNH CHẤT
CHỈ CHỌN MỘT ĐIỂM TỤ DUY NHẤT, LÀM NÓ NỖI LÊN.
GIẢM KÍCH CỠ CÁC YẾU TỐ KHÔNG PHẢI LÀ ĐIỂM TỤ.
THIẾT KẾ SAO CHO ĐIỂM TỤ CÓ YẾU TỐ CAO HƠN CÁC NƠI KHÁC TRONG DESIGN.
DÙNG NHỮNG THỨ GỢI NHIỀU CẢM XÚC CHO ĐIỂM TỤ (mặt người, cảm xúc, etc....)
2 TƯƠNG QUAN TO NHỎ (CONTRAST)
3 TRỌNG LƯỢNG THỊ GIÁC (VISUAL WEIGHT)
Mỗi yếu tố thị giác (đường, điểm, hình ảnh, hình dạng, etc...) đều có một trọng lượng nhất định (visual weight)
Chia thiết kế làm 2 theo chiều dọc rồi cân, ta có 3 loại cân bằng (visual weight): symmetrical, asymmetrical, off-balance
Tùy mục đích mà ta chọn loại cân bằng thích hợp
Rule: làm loại nào thì ta cũng phải làm cho rõ
Dạng cân bằng đối xứng như nhìn qua gương, dạng này dành cho các layout nghiêm túc, thẳng thừng or trịnh trọng.
Dạng cân bằng 2 bên nặng bằng nhau, một yếu tố nặng nhất được cân lại bởi nhiều yếu tố nhẹ khác ở bên kia.
Một bên nặng hơn bên còn lại một cách rõ ràng.
4 THẲNG HÀNG (ALIGNMENT)
5. LẶP LẠI (REPETITION)
Giữ sự nhất quán sẽ giúp người xem ghi nhớ bản thiết kế của mình lâu và rõ hơn
6. KHOẢNG CÁCH, KẾ CẬN (PROXIMITY)
Khoảng cách có thể kết nối thông tin và cũng có thể phân tách thông tin
7. TỔNG HỢP
5. XỬ LÝ CHỮ CĂN BẢN
1. Headline và Body text
Mix 2 typeface mà không rõ ràng, thà là chọn không chân và có chân
2. Luật của Debbie Millman
Không được có 2 khoảng cách sau dấu chấm
Không bao giờ sử dụng Justification Alignment
Không bao giờ dùng Hyphen
Giữ mọi thứ thống nhất
Chữ càng to thì khoảng cách giữa các chữ phải càng hẹp
Jusitification là căn đều cả hai bên lề
Hyphen là cái dấu gạch ngang, đừng để nó xuống dòng
Chữ càng to thì mình phải kerning, dùng cho Headline và LOGO
3. Nhìn chân chữ
https://youtu.be/-f3B2_am3ms
4. Để ý kích cỡ
- Phải luôn để ý xem Design của mình trưng bày ở đâu và cho ai đọc
9x5 or 9x5.5, 7px, dễ đọc thì 8px or 9px. nét chữ quá mảnh sẽ không thể đọc
6. BÀI TẬP
Typeface gợi ý:
Hevetica, Univers, Rockwell, Futura, Akzidenz-Grotesque, Baskerville, Gotham, Avenir, Garamond, Didot
