SlideShare une entreprise Scribd logo
1  sur  40
Télécharger pour lire hors ligne
Hồ Quỳnh Hoa
Nhóm Design – Câu lạc bộ Internet NVH TNTP
http://clbinternet.info
Bố cục và màu sắc trong thiết kế
Vòng tròn màu căn bản có 12 cung chia đều theo hình nan quạt trên diện tích
hình tròn, mỗi cung có 8 cấp độ màu đi dần vào tâm vòng tròn từ đậm đến
nhạt. 12 cung x 8 cấp độ sẽ tạo ra 106 màu căn bản và được đánh số từ 1 đến
106 đó cũng là kí hiệu khi ta chọn màu . Ví dụ: Số 1 là màu đỏ sậm nhất (C:0
– M:100 – Y:100 – K:45) số 36 là màu vàng tươi (C:0 – M:0 – Y:100 – K:0) số
84 (C:80 – M:100 – Y:0 – K:0) là màu tím rượu nếp than (híc nghe
mà…thèm) số 68 (C:100 – M:60 – Y:0 – K:0) là màu xanh nước biển…
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Các gam màu sắc
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Màu tương đồng: Với những màu cùng Gam nóng hoặc lạnh có
một sự tương quan nhất định, chúng được gọi là màu cùng tone,
hoặc màu tương đồng.
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục thiên về chữ
Cách trình bày này đặc biệt thích hợp với các tạp chí do chú trọng
tới ưu thế về hình ảnh. Lợi điểm của bố cục kiểu “cửa sổ lớn” là
phần hình ảnh và phần lời không trùng lên nhau. Không có vấn đề
“nghệ thuật vị nghệ thuật” ở đây mà chỉ có không gian rộng lớn
cho phần hình và chọn lọc chặt chẽ phần lời để có thể trình bày đủ
trong phần không gian nhỏ còn thừa lại.
Các nhà thiết kế thường trình bày hình ngay sát lề và loại bỏ tối đa
những phần không cần thiết nhằm tạo ấn tượng lớn cho người
xem. Phía dưới hình là hàng tiêu đề canh giữa, phần lời có thể
được trình bày dưới dạng hai hay ba cột.
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Sử dụng kiểu chữ trong thiết kế là 1 nghệ thuật.
Bố cục dùng kiểu chữ lớn sẽ tạo ấn tượng bởi cách kết hợp hoàn
hảo các kiểu chữ với nhau bằng các đường nét biến tấu của kiểu
chữ .
Các kiểu chữ có thể chạy sát nhau,không cần khoảng cách dòng
hoặc chồng 1 phần lên nhau hay chắp vá pha trộn để cho ra 1
mẫu thiết kế ấn tượng
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Bố cục và màu sắc trong thiết kế
Câu đố bằng tranh là loại câu đố có các hình vẽ thể hiện từ ngữ hoặc âm tiết.
Câu đố bằng tranh cải tiến là loại câu đố trong đó hình ảnh một từ hoặc một
cụm từ không được viết ra mà được thể hiện bằng một hình vẽ.
Các nhà quảng cáo không thể hiện mẫu quảng cáo dưới dạng câu đố vì tính rõ
ràng rất quan trọng, nhưng có thể thổi phồng lời quảng cáo bằng cách chèn
thêm một loạt hình minh họa.
Trong một số trường hợp, “lời quảng cáo” không gì khác ngoài một loạt hình
ảnh.
Một số mẹo bố cục hay.
Đặt đường kẻ
Chính bởi vì sự tác động thị giác của một yếu tố có thể được nâng lên bằng
cách biến đổi các số đo giữa nó và các yếu tố khác, tương tự như vậy sự tác
động của việc sắp đặt một đường kẻ cũng có thể được tăng cường thông qua
khoảng cách bất đồng đều.
Chân lý này cũng được áp dụng cho cách sắp đặt những đường kẻ dọc
trong một thiết kế nào đó. Cách sắp đặt lệch tâm, tạo ra một sự phân
chia thật dễ chịu giữa hình ảnh và văn bản. Khi đường kẻ dọc được
định vị ngay chính giữa tấm card theo chiều dọc thì sẽ tạo cảm giác
khó chịu & dường như nó tiến hành một cuộc đôi co chẳng thoải mái
chút nào giữa hình ảnh và văn
Bố cục và màu sắc trong thiết kế
1. Chiều cao của phần chữ này trùng khoảng không gian phía trên nó.
Hậu quả là một cảm giác tĩnh tại mâu thuẫn với thông điệp của tác
phẩm.
2. Chiếc xe hơi được định vị một cách đều đặn chính giữa phần tên tác
giả và phần tựa đề của cuốn sách và tình huống của nó không chắc chắn
cho lắm. Nó đang rơi hay đang giữ nguyên trạng thái vững chắc?
3. Phần tựa đề cuốn sách cũng được định vị một cách đầy tĩnh tại. Nó
hiện diện để được cân bằng một cách an toàn giữa chiếc xe hơi phía trên
và khuôn mặt ở phía dưới.
Một xác xe hơi, lộn tùng phèo và rơi thẳng về phía một khuôn mặt đầy
hoảng sợ; một bầu trời đầy chất Khải huyền (ngày tận thế); những mũi
tên hướng xuống chen giữa những ký tự của tựa đề sách: mỗi cái trong
những yếu tố thị giác này cộng hưởng với thông điệp của tựa đề sách và
nhấn mạnh những chủ đề về sự căng thẳng và sự phán xét đang treo lơ
lửng trên đầu.mối tương quan không gian giữa những yếu tố này cũng
cần phải được cân nhắc một cách kỹ lưỡng; chúng sẽ hoặc hỗ trợ hoặc
làm giảm đi sự rõ ràng và sự ảnh hưởng của chủ đề chính.
Giải pháp:
1. Kéo tên tác giả lên một
chút để nó gắn bó với
khung viền và đồng thời
cho chiếc xe hơi một cảm
giác “trôi nổi tự do” hơn.
2. Hạ thấp tựa đề xuống sẽ
đặt nó vào một vị trí thú vị
hơn về mặt thẩm mỹ, kết
nối thông điệp của nó một
cách trực tiếp hơn nữa đến
khuôn mặt người phía
dưới và làm tăng sự xác
nhận thấy rõ về chiếc xe
đang rơi bằng cách tăng rõ
rệt chiều cao của sự rơi
này.
Đối với chúng ta, những người mà trong suốt cuộc đời của mình
luôn hướng về thứ ngôn ngữ “Tây phương”, nên đã học cách đọc
từ trái qua phải. Có lẽ vì lý do này mà chúng ta chịu ảnh hưởng
mạnh mẽ để luôn chấp nhận hướng thị giác từ trái sang phải đồng
nghĩa với tiến lên phía trước và nhanh chóng; còn chuyển động từ
phải qua trái đồng nghĩa với thụt lùi và chậm chạp.
Hãy so sánh 2 logo này. Logo ở bên tay trái có dòng chuyển động
thị giác của hình minh họa chọi nhau với chuyển động rõ ràng
của phần typography; sự chuyển tải của chiều chuyển động và
tốc độ bị làm suy yếu đi rất nhiều. Những yếu tố trong hình ảnh
bên tay phải hoạt động rất ăn ý với nhau hướng đến việc thể hiện
thông điệp của chúng.
Tiêu đề được đưa ra là thế trong khi
hình ảnh dường như lại có vẻ tréo
ngoe với thông điệp được truyền
thông. Hướng chảy từ phải qua trái
của chiếc bình lại mâu thuẫn với
chuyển động tự nhiên của khối văn
bản.
Ở đây, hình ảnh đã được lật ngang và dòng
chuyển động thị giác của hình ảnh và tiêu đề
giờ đây đã thuận với nhau.
Một sự không nhất quán khác: phần chữ
trong bố cục này chảy theo một hướng
ngược lại chiều hướng mà chúng ta mong
đợi đó chính là dòng nước chảy tự nhiên
từ chiếc bình.
Sự đồng thuận: Tất cả những yếu tố
dẫn mắt người xem theo cùng một
hướng.
Cảm ơn các bạn đã theo dõi bài
thuyết trình

Contenu connexe

Tendances

Chuyển động máy quay
Chuyển động máy quayChuyển động máy quay
Chuyển động máy quayVâng Nghèo
 
bố cục trong chụp ảnh và quay phim
bố cục trong chụp ảnh và quay phimbố cục trong chụp ảnh và quay phim
bố cục trong chụp ảnh và quay phimThien Pham
 
Lý thuyết về màu sắc color theory- bản tiếng việt
Lý thuyết về màu sắc  color theory- bản tiếng việtLý thuyết về màu sắc  color theory- bản tiếng việt
Lý thuyết về màu sắc color theory- bản tiếng việtYen Voogt
 
Bài giảng kỹ thuật quay phim
Bài giảng kỹ thuật quay phimBài giảng kỹ thuật quay phim
Bài giảng kỹ thuật quay phimthieunganhg
 
Cẩm nang quy chuẩn logo và thiết kế hệ thống nhận diện thương hiêu Đạm Cà Mau
Cẩm nang quy chuẩn logo và thiết kế hệ thống nhận diện thương hiêu Đạm Cà MauCẩm nang quy chuẩn logo và thiết kế hệ thống nhận diện thương hiêu Đạm Cà Mau
Cẩm nang quy chuẩn logo và thiết kế hệ thống nhận diện thương hiêu Đạm Cà MauSaoKim.com.vn
 
007 ĐỊnh vị Thương hiệu_Brand Positioning_Đặng Thanh Vân
007 ĐỊnh vị Thương hiệu_Brand Positioning_Đặng Thanh Vân007 ĐỊnh vị Thương hiệu_Brand Positioning_Đặng Thanh Vân
007 ĐỊnh vị Thương hiệu_Brand Positioning_Đặng Thanh VânTHANHS BRANDING & MANAGEMENT COMPANY
 
Giao trinh sketchup
Giao trinh sketchupGiao trinh sketchup
Giao trinh sketchupkhaluu93
 
KỊCH BẢN MẪU PHIM TỰ GIỚI THIỆU DOANH NGHIỆP
KỊCH BẢN MẪU PHIM TỰ GIỚI THIỆU DOANH NGHIỆPKỊCH BẢN MẪU PHIM TỰ GIỚI THIỆU DOANH NGHIỆP
KỊCH BẢN MẪU PHIM TỰ GIỚI THIỆU DOANH NGHIỆPQUAY PHIM VIỆT
 
6 slide bai giang thiet ke do hoa co ban
6 slide bai giang thiet ke do hoa co ban6 slide bai giang thiet ke do hoa co ban
6 slide bai giang thiet ke do hoa co banPhi Phi
 
Mix digital-xay-dung-noi-dung-facebook-fan-page (1)
Mix digital-xay-dung-noi-dung-facebook-fan-page (1)Mix digital-xay-dung-noi-dung-facebook-fan-page (1)
Mix digital-xay-dung-noi-dung-facebook-fan-page (1)tailieumarketing
 
Nguyên tắc-thiết-kế-logo
Nguyên tắc-thiết-kế-logoNguyên tắc-thiết-kế-logo
Nguyên tắc-thiết-kế-logoHoang Anh
 
Tài Liệu UMM | Tài liệu năng năng lực toàn diện cho Quản lý cấp trung
Tài Liệu UMM | Tài liệu năng năng lực toàn diện cho  Quản lý cấp trungTài Liệu UMM | Tài liệu năng năng lực toàn diện cho  Quản lý cấp trung
Tài Liệu UMM | Tài liệu năng năng lực toàn diện cho Quản lý cấp trungssuserec9391
 
Content marketing - chuẩn Quốc tế - Tài liệu Giảng dạy của Vinalink khóa học 3C
Content marketing - chuẩn Quốc tế - Tài liệu Giảng dạy của Vinalink khóa học 3CContent marketing - chuẩn Quốc tế - Tài liệu Giảng dạy của Vinalink khóa học 3C
Content marketing - chuẩn Quốc tế - Tài liệu Giảng dạy của Vinalink khóa học 3CThiết kế website - VINALINK DESIGN
 
Giáo trình dạy vẽ Cấp tốc Slaza Art - Ths. Hoàng Sơn Công
Giáo trình dạy vẽ Cấp tốc Slaza Art - Ths. Hoàng Sơn CôngGiáo trình dạy vẽ Cấp tốc Slaza Art - Ths. Hoàng Sơn Công
Giáo trình dạy vẽ Cấp tốc Slaza Art - Ths. Hoàng Sơn CôngHoàng Công
 
Cẩm nang Phát triển sản phẩm - Chương 1: Tổng quan về Phát triển sản phẩm - M...
Cẩm nang Phát triển sản phẩm - Chương 1: Tổng quan về Phát triển sản phẩm - M...Cẩm nang Phát triển sản phẩm - Chương 1: Tổng quan về Phát triển sản phẩm - M...
Cẩm nang Phát triển sản phẩm - Chương 1: Tổng quan về Phát triển sản phẩm - M...Alex Chuê
 
Hướng dẫn lập kế hoạch marketing và ví dụ cụ thể
Hướng dẫn lập kế hoạch marketing và ví dụ cụ thểHướng dẫn lập kế hoạch marketing và ví dụ cụ thể
Hướng dẫn lập kế hoạch marketing và ví dụ cụ thểInfoQ - GMO Research
 
Bài giảng khóa huấn luyện SmeBrand - Chiến lược thương hiệu dành cho doanh ng...
Bài giảng khóa huấn luyện SmeBrand - Chiến lược thương hiệu dành cho doanh ng...Bài giảng khóa huấn luyện SmeBrand - Chiến lược thương hiệu dành cho doanh ng...
Bài giảng khóa huấn luyện SmeBrand - Chiến lược thương hiệu dành cho doanh ng...THANHS BRANDING & MANAGEMENT COMPANY
 

Tendances (20)

Chuyển động máy quay
Chuyển động máy quayChuyển động máy quay
Chuyển động máy quay
 
bố cục trong chụp ảnh và quay phim
bố cục trong chụp ảnh và quay phimbố cục trong chụp ảnh và quay phim
bố cục trong chụp ảnh và quay phim
 
Lý thuyết về màu sắc color theory- bản tiếng việt
Lý thuyết về màu sắc  color theory- bản tiếng việtLý thuyết về màu sắc  color theory- bản tiếng việt
Lý thuyết về màu sắc color theory- bản tiếng việt
 
Bài giảng kỹ thuật quay phim
Bài giảng kỹ thuật quay phimBài giảng kỹ thuật quay phim
Bài giảng kỹ thuật quay phim
 
Cẩm nang quy chuẩn logo và thiết kế hệ thống nhận diện thương hiêu Đạm Cà Mau
Cẩm nang quy chuẩn logo và thiết kế hệ thống nhận diện thương hiêu Đạm Cà MauCẩm nang quy chuẩn logo và thiết kế hệ thống nhận diện thương hiêu Đạm Cà Mau
Cẩm nang quy chuẩn logo và thiết kế hệ thống nhận diện thương hiêu Đạm Cà Mau
 
Dựng Hình Cơ Thể Người
Dựng Hình Cơ Thể NgườiDựng Hình Cơ Thể Người
Dựng Hình Cơ Thể Người
 
007 ĐỊnh vị Thương hiệu_Brand Positioning_Đặng Thanh Vân
007 ĐỊnh vị Thương hiệu_Brand Positioning_Đặng Thanh Vân007 ĐỊnh vị Thương hiệu_Brand Positioning_Đặng Thanh Vân
007 ĐỊnh vị Thương hiệu_Brand Positioning_Đặng Thanh Vân
 
Giao trinh sketchup
Giao trinh sketchupGiao trinh sketchup
Giao trinh sketchup
 
KỊCH BẢN MẪU PHIM TỰ GIỚI THIỆU DOANH NGHIỆP
KỊCH BẢN MẪU PHIM TỰ GIỚI THIỆU DOANH NGHIỆPKỊCH BẢN MẪU PHIM TỰ GIỚI THIỆU DOANH NGHIỆP
KỊCH BẢN MẪU PHIM TỰ GIỚI THIỆU DOANH NGHIỆP
 
6 slide bai giang thiet ke do hoa co ban
6 slide bai giang thiet ke do hoa co ban6 slide bai giang thiet ke do hoa co ban
6 slide bai giang thiet ke do hoa co ban
 
Mix digital-xay-dung-noi-dung-facebook-fan-page (1)
Mix digital-xay-dung-noi-dung-facebook-fan-page (1)Mix digital-xay-dung-noi-dung-facebook-fan-page (1)
Mix digital-xay-dung-noi-dung-facebook-fan-page (1)
 
Nguyên tắc-thiết-kế-logo
Nguyên tắc-thiết-kế-logoNguyên tắc-thiết-kế-logo
Nguyên tắc-thiết-kế-logo
 
Tài Liệu UMM | Tài liệu năng năng lực toàn diện cho Quản lý cấp trung
Tài Liệu UMM | Tài liệu năng năng lực toàn diện cho  Quản lý cấp trungTài Liệu UMM | Tài liệu năng năng lực toàn diện cho  Quản lý cấp trung
Tài Liệu UMM | Tài liệu năng năng lực toàn diện cho Quản lý cấp trung
 
Content marketing - chuẩn Quốc tế - Tài liệu Giảng dạy của Vinalink khóa học 3C
Content marketing - chuẩn Quốc tế - Tài liệu Giảng dạy của Vinalink khóa học 3CContent marketing - chuẩn Quốc tế - Tài liệu Giảng dạy của Vinalink khóa học 3C
Content marketing - chuẩn Quốc tế - Tài liệu Giảng dạy của Vinalink khóa học 3C
 
Giáo trình dạy vẽ Cấp tốc Slaza Art - Ths. Hoàng Sơn Công
Giáo trình dạy vẽ Cấp tốc Slaza Art - Ths. Hoàng Sơn CôngGiáo trình dạy vẽ Cấp tốc Slaza Art - Ths. Hoàng Sơn Công
Giáo trình dạy vẽ Cấp tốc Slaza Art - Ths. Hoàng Sơn Công
 
Cẩm nang Phát triển sản phẩm - Chương 1: Tổng quan về Phát triển sản phẩm - M...
Cẩm nang Phát triển sản phẩm - Chương 1: Tổng quan về Phát triển sản phẩm - M...Cẩm nang Phát triển sản phẩm - Chương 1: Tổng quan về Phát triển sản phẩm - M...
Cẩm nang Phát triển sản phẩm - Chương 1: Tổng quan về Phát triển sản phẩm - M...
 
Hướng dẫn lập kế hoạch marketing và ví dụ cụ thể
Hướng dẫn lập kế hoạch marketing và ví dụ cụ thểHướng dẫn lập kế hoạch marketing và ví dụ cụ thể
Hướng dẫn lập kế hoạch marketing và ví dụ cụ thể
 
Quy Trinh Marketing Insights
Quy Trinh Marketing InsightsQuy Trinh Marketing Insights
Quy Trinh Marketing Insights
 
Rio agency
Rio agencyRio agency
Rio agency
 
Bài giảng khóa huấn luyện SmeBrand - Chiến lược thương hiệu dành cho doanh ng...
Bài giảng khóa huấn luyện SmeBrand - Chiến lược thương hiệu dành cho doanh ng...Bài giảng khóa huấn luyện SmeBrand - Chiến lược thương hiệu dành cho doanh ng...
Bài giảng khóa huấn luyện SmeBrand - Chiến lược thương hiệu dành cho doanh ng...
 

En vedette

Thư viện bao cảnh đẹp vol1 - Dienhoakientruc.com
 Thư viện bao cảnh đẹp vol1 - Dienhoakientruc.com Thư viện bao cảnh đẹp vol1 - Dienhoakientruc.com
Thư viện bao cảnh đẹp vol1 - Dienhoakientruc.comVo Truong
 
[Ebook] bạn có thể vẽ trong 30 ngày
[Ebook] bạn có thể vẽ trong 30 ngày[Ebook] bạn có thể vẽ trong 30 ngày
[Ebook] bạn có thể vẽ trong 30 ngàythangtcq
 
Thư viện bao cảnh đẹp - Dienhoakientruc.com
Thư viện bao cảnh đẹp - Dienhoakientruc.comThư viện bao cảnh đẹp - Dienhoakientruc.com
Thư viện bao cảnh đẹp - Dienhoakientruc.comVo Truong
 
Diễn họa các loại vật liệu bằng màu nước - marker - chì màu
Diễn họa các loại vật liệu bằng màu nước - marker - chì màuDiễn họa các loại vật liệu bằng màu nước - marker - chì màu
Diễn họa các loại vật liệu bằng màu nước - marker - chì màuVo Truong
 
Design thinking 1
Design thinking 1Design thinking 1
Design thinking 1Alex Chuê
 
Tư duy thiết kế và ứng dụng
Tư duy thiết kế và ứng dụngTư duy thiết kế và ứng dụng
Tư duy thiết kế và ứng dụngAlex Chuê
 
ABC về Digital Marketing
ABC về Digital MarketingABC về Digital Marketing
ABC về Digital MarketingBanhbeobanhbeo
 
Xu hướng Digital Marketing tại Việt Nam năm 2016
Xu hướng Digital Marketing tại Việt Nam năm 2016Xu hướng Digital Marketing tại Việt Nam năm 2016
Xu hướng Digital Marketing tại Việt Nam năm 2016Time Universal
 
Vietnam Digital Landscape Q3/2015 by Moore Corporation
Vietnam Digital Landscape Q3/2015 by Moore CorporationVietnam Digital Landscape Q3/2015 by Moore Corporation
Vietnam Digital Landscape Q3/2015 by Moore CorporationMoore Corporation
 
Time Universal Digital Marketing Proposal Template 2016
Time Universal Digital Marketing Proposal Template 2016Time Universal Digital Marketing Proposal Template 2016
Time Universal Digital Marketing Proposal Template 2016Time Universal
 

En vedette (11)

Thư viện bao cảnh đẹp vol1 - Dienhoakientruc.com
 Thư viện bao cảnh đẹp vol1 - Dienhoakientruc.com Thư viện bao cảnh đẹp vol1 - Dienhoakientruc.com
Thư viện bao cảnh đẹp vol1 - Dienhoakientruc.com
 
[Ebook] bạn có thể vẽ trong 30 ngày
[Ebook] bạn có thể vẽ trong 30 ngày[Ebook] bạn có thể vẽ trong 30 ngày
[Ebook] bạn có thể vẽ trong 30 ngày
 
Thư viện bao cảnh đẹp - Dienhoakientruc.com
Thư viện bao cảnh đẹp - Dienhoakientruc.comThư viện bao cảnh đẹp - Dienhoakientruc.com
Thư viện bao cảnh đẹp - Dienhoakientruc.com
 
Diễn họa các loại vật liệu bằng màu nước - marker - chì màu
Diễn họa các loại vật liệu bằng màu nước - marker - chì màuDiễn họa các loại vật liệu bằng màu nước - marker - chì màu
Diễn họa các loại vật liệu bằng màu nước - marker - chì màu
 
Design thinking 1
Design thinking 1Design thinking 1
Design thinking 1
 
Tư duy thiết kế và ứng dụng
Tư duy thiết kế và ứng dụngTư duy thiết kế và ứng dụng
Tư duy thiết kế và ứng dụng
 
ABC về Digital Marketing
ABC về Digital MarketingABC về Digital Marketing
ABC về Digital Marketing
 
Xu hướng Digital Marketing tại Việt Nam năm 2016
Xu hướng Digital Marketing tại Việt Nam năm 2016Xu hướng Digital Marketing tại Việt Nam năm 2016
Xu hướng Digital Marketing tại Việt Nam năm 2016
 
Vietnam Digital Landscape Q3/2015 by Moore Corporation
Vietnam Digital Landscape Q3/2015 by Moore CorporationVietnam Digital Landscape Q3/2015 by Moore Corporation
Vietnam Digital Landscape Q3/2015 by Moore Corporation
 
Time Universal Digital Marketing Proposal Template 2016
Time Universal Digital Marketing Proposal Template 2016Time Universal Digital Marketing Proposal Template 2016
Time Universal Digital Marketing Proposal Template 2016
 
Milk tea (bubble tea) trend in Vietnam
Milk tea (bubble tea) trend in VietnamMilk tea (bubble tea) trend in Vietnam
Milk tea (bubble tea) trend in Vietnam
 

Plus de clbinternet.info

#iShare: Nhung van de thuong gap voi wifi
#iShare: Nhung van de thuong gap voi wifi#iShare: Nhung van de thuong gap voi wifi
#iShare: Nhung van de thuong gap voi wificlbinternet.info
 
#iShare: Ky nang su dung smartphone
#iShare: Ky nang su dung smartphone#iShare: Ky nang su dung smartphone
#iShare: Ky nang su dung smartphoneclbinternet.info
 
CLB Internet - iShare: Ky nang Excel cho moi nguoi - 240615
CLB Internet - iShare: Ky nang Excel cho moi nguoi - 240615CLB Internet - iShare: Ky nang Excel cho moi nguoi - 240615
CLB Internet - iShare: Ky nang Excel cho moi nguoi - 240615clbinternet.info
 
iNet share - Cac thu thuat ve cai dat va toi uu tren windows 7
iNet share - Cac thu thuat ve cai dat va toi uu tren windows 7iNet share - Cac thu thuat ve cai dat va toi uu tren windows 7
iNet share - Cac thu thuat ve cai dat va toi uu tren windows 7clbinternet.info
 
Web#03 – Javascript trong thiết kế website
Web#03 – Javascript trong thiết kế websiteWeb#03 – Javascript trong thiết kế website
Web#03 – Javascript trong thiết kế websiteclbinternet.info
 
TXDWW - Tổng quan về CMS WordPress
TXDWW - Tổng quan về CMS WordPressTXDWW - Tổng quan về CMS WordPress
TXDWW - Tổng quan về CMS WordPressclbinternet.info
 
Design01 - Cắt ghép ảnh với Photoshop
Design01 - Cắt ghép ảnh với PhotoshopDesign01 - Cắt ghép ảnh với Photoshop
Design01 - Cắt ghép ảnh với Photoshopclbinternet.info
 
Introduce CLB Internet NVH TNTP
Introduce CLB Internet NVH TNTPIntroduce CLB Internet NVH TNTP
Introduce CLB Internet NVH TNTPclbinternet.info
 

Plus de clbinternet.info (9)

#iShare: Nhung van de thuong gap voi wifi
#iShare: Nhung van de thuong gap voi wifi#iShare: Nhung van de thuong gap voi wifi
#iShare: Nhung van de thuong gap voi wifi
 
#iShare: Ky nang su dung smartphone
#iShare: Ky nang su dung smartphone#iShare: Ky nang su dung smartphone
#iShare: Ky nang su dung smartphone
 
CLB Internet - iShare: Ky nang Excel cho moi nguoi - 240615
CLB Internet - iShare: Ky nang Excel cho moi nguoi - 240615CLB Internet - iShare: Ky nang Excel cho moi nguoi - 240615
CLB Internet - iShare: Ky nang Excel cho moi nguoi - 240615
 
iNet share - Cac thu thuat ve cai dat va toi uu tren windows 7
iNet share - Cac thu thuat ve cai dat va toi uu tren windows 7iNet share - Cac thu thuat ve cai dat va toi uu tren windows 7
iNet share - Cac thu thuat ve cai dat va toi uu tren windows 7
 
Web#03 – Javascript trong thiết kế website
Web#03 – Javascript trong thiết kế websiteWeb#03 – Javascript trong thiết kế website
Web#03 – Javascript trong thiết kế website
 
Website #01: HTML cơ bản
Website #01: HTML cơ bảnWebsite #01: HTML cơ bản
Website #01: HTML cơ bản
 
TXDWW - Tổng quan về CMS WordPress
TXDWW - Tổng quan về CMS WordPressTXDWW - Tổng quan về CMS WordPress
TXDWW - Tổng quan về CMS WordPress
 
Design01 - Cắt ghép ảnh với Photoshop
Design01 - Cắt ghép ảnh với PhotoshopDesign01 - Cắt ghép ảnh với Photoshop
Design01 - Cắt ghép ảnh với Photoshop
 
Introduce CLB Internet NVH TNTP
Introduce CLB Internet NVH TNTPIntroduce CLB Internet NVH TNTP
Introduce CLB Internet NVH TNTP
 

Bố cục và màu sắc trong thiết kế

  • 1. Hồ Quỳnh Hoa Nhóm Design – Câu lạc bộ Internet NVH TNTP http://clbinternet.info
  • 3. Vòng tròn màu căn bản có 12 cung chia đều theo hình nan quạt trên diện tích hình tròn, mỗi cung có 8 cấp độ màu đi dần vào tâm vòng tròn từ đậm đến nhạt. 12 cung x 8 cấp độ sẽ tạo ra 106 màu căn bản và được đánh số từ 1 đến 106 đó cũng là kí hiệu khi ta chọn màu . Ví dụ: Số 1 là màu đỏ sậm nhất (C:0 – M:100 – Y:100 – K:45) số 36 là màu vàng tươi (C:0 – M:0 – Y:100 – K:0) số 84 (C:80 – M:100 – Y:0 – K:0) là màu tím rượu nếp than (híc nghe mà…thèm) số 68 (C:100 – M:60 – Y:0 – K:0) là màu xanh nước biển…
  • 13. Màu tương đồng: Với những màu cùng Gam nóng hoặc lạnh có một sự tương quan nhất định, chúng được gọi là màu cùng tone, hoặc màu tương đồng.
  • 17. Bố cục thiên về chữ
  • 18. Cách trình bày này đặc biệt thích hợp với các tạp chí do chú trọng tới ưu thế về hình ảnh. Lợi điểm của bố cục kiểu “cửa sổ lớn” là phần hình ảnh và phần lời không trùng lên nhau. Không có vấn đề “nghệ thuật vị nghệ thuật” ở đây mà chỉ có không gian rộng lớn cho phần hình và chọn lọc chặt chẽ phần lời để có thể trình bày đủ trong phần không gian nhỏ còn thừa lại. Các nhà thiết kế thường trình bày hình ngay sát lề và loại bỏ tối đa những phần không cần thiết nhằm tạo ấn tượng lớn cho người xem. Phía dưới hình là hàng tiêu đề canh giữa, phần lời có thể được trình bày dưới dạng hai hay ba cột.
  • 22. Sử dụng kiểu chữ trong thiết kế là 1 nghệ thuật. Bố cục dùng kiểu chữ lớn sẽ tạo ấn tượng bởi cách kết hợp hoàn hảo các kiểu chữ với nhau bằng các đường nét biến tấu của kiểu chữ . Các kiểu chữ có thể chạy sát nhau,không cần khoảng cách dòng hoặc chồng 1 phần lên nhau hay chắp vá pha trộn để cho ra 1 mẫu thiết kế ấn tượng
  • 30. Câu đố bằng tranh là loại câu đố có các hình vẽ thể hiện từ ngữ hoặc âm tiết. Câu đố bằng tranh cải tiến là loại câu đố trong đó hình ảnh một từ hoặc một cụm từ không được viết ra mà được thể hiện bằng một hình vẽ. Các nhà quảng cáo không thể hiện mẫu quảng cáo dưới dạng câu đố vì tính rõ ràng rất quan trọng, nhưng có thể thổi phồng lời quảng cáo bằng cách chèn thêm một loạt hình minh họa. Trong một số trường hợp, “lời quảng cáo” không gì khác ngoài một loạt hình ảnh.
  • 31. Một số mẹo bố cục hay. Đặt đường kẻ Chính bởi vì sự tác động thị giác của một yếu tố có thể được nâng lên bằng cách biến đổi các số đo giữa nó và các yếu tố khác, tương tự như vậy sự tác động của việc sắp đặt một đường kẻ cũng có thể được tăng cường thông qua khoảng cách bất đồng đều.
  • 32. Chân lý này cũng được áp dụng cho cách sắp đặt những đường kẻ dọc trong một thiết kế nào đó. Cách sắp đặt lệch tâm, tạo ra một sự phân chia thật dễ chịu giữa hình ảnh và văn bản. Khi đường kẻ dọc được định vị ngay chính giữa tấm card theo chiều dọc thì sẽ tạo cảm giác khó chịu & dường như nó tiến hành một cuộc đôi co chẳng thoải mái chút nào giữa hình ảnh và văn
  • 34. 1. Chiều cao của phần chữ này trùng khoảng không gian phía trên nó. Hậu quả là một cảm giác tĩnh tại mâu thuẫn với thông điệp của tác phẩm. 2. Chiếc xe hơi được định vị một cách đều đặn chính giữa phần tên tác giả và phần tựa đề của cuốn sách và tình huống của nó không chắc chắn cho lắm. Nó đang rơi hay đang giữ nguyên trạng thái vững chắc? 3. Phần tựa đề cuốn sách cũng được định vị một cách đầy tĩnh tại. Nó hiện diện để được cân bằng một cách an toàn giữa chiếc xe hơi phía trên và khuôn mặt ở phía dưới. Một xác xe hơi, lộn tùng phèo và rơi thẳng về phía một khuôn mặt đầy hoảng sợ; một bầu trời đầy chất Khải huyền (ngày tận thế); những mũi tên hướng xuống chen giữa những ký tự của tựa đề sách: mỗi cái trong những yếu tố thị giác này cộng hưởng với thông điệp của tựa đề sách và nhấn mạnh những chủ đề về sự căng thẳng và sự phán xét đang treo lơ lửng trên đầu.mối tương quan không gian giữa những yếu tố này cũng cần phải được cân nhắc một cách kỹ lưỡng; chúng sẽ hoặc hỗ trợ hoặc làm giảm đi sự rõ ràng và sự ảnh hưởng của chủ đề chính.
  • 35. Giải pháp: 1. Kéo tên tác giả lên một chút để nó gắn bó với khung viền và đồng thời cho chiếc xe hơi một cảm giác “trôi nổi tự do” hơn. 2. Hạ thấp tựa đề xuống sẽ đặt nó vào một vị trí thú vị hơn về mặt thẩm mỹ, kết nối thông điệp của nó một cách trực tiếp hơn nữa đến khuôn mặt người phía dưới và làm tăng sự xác nhận thấy rõ về chiếc xe đang rơi bằng cách tăng rõ rệt chiều cao của sự rơi này.
  • 36. Đối với chúng ta, những người mà trong suốt cuộc đời của mình luôn hướng về thứ ngôn ngữ “Tây phương”, nên đã học cách đọc từ trái qua phải. Có lẽ vì lý do này mà chúng ta chịu ảnh hưởng mạnh mẽ để luôn chấp nhận hướng thị giác từ trái sang phải đồng nghĩa với tiến lên phía trước và nhanh chóng; còn chuyển động từ phải qua trái đồng nghĩa với thụt lùi và chậm chạp.
  • 37. Hãy so sánh 2 logo này. Logo ở bên tay trái có dòng chuyển động thị giác của hình minh họa chọi nhau với chuyển động rõ ràng của phần typography; sự chuyển tải của chiều chuyển động và tốc độ bị làm suy yếu đi rất nhiều. Những yếu tố trong hình ảnh bên tay phải hoạt động rất ăn ý với nhau hướng đến việc thể hiện thông điệp của chúng.
  • 38. Tiêu đề được đưa ra là thế trong khi hình ảnh dường như lại có vẻ tréo ngoe với thông điệp được truyền thông. Hướng chảy từ phải qua trái của chiếc bình lại mâu thuẫn với chuyển động tự nhiên của khối văn bản. Ở đây, hình ảnh đã được lật ngang và dòng chuyển động thị giác của hình ảnh và tiêu đề giờ đây đã thuận với nhau.
  • 39. Một sự không nhất quán khác: phần chữ trong bố cục này chảy theo một hướng ngược lại chiều hướng mà chúng ta mong đợi đó chính là dòng nước chảy tự nhiên từ chiếc bình. Sự đồng thuận: Tất cả những yếu tố dẫn mắt người xem theo cùng một hướng.
  • 40. Cảm ơn các bạn đã theo dõi bài thuyết trình