Slide Lesson 1 - BeBold Design

THIẾT KẾ TRONG

MARKETING CHO

NGƯỜI

MỚI

BẮT

ĐẦU

CHƯƠNG I CHI TIẾT TIMELINE KHÓA HỌC

CHƯƠNG II XU HƯỚNG THIẾT KẾ NĂM 2017  Flat Design  Modern Retro  Color Transition  Minimalist

 MBE Style

I. THIẾT KẾ PHẲNG – FLAT DESIGN Là phương pháp thiết kế không sử dụng thêm bất kỳ hiệu ứng chiều sâu nào, nhằm tạo nên những hình ảnh đơn giản

Đặc điểm: - Không hiệu ứng - Chi tiết đơn giản: sử dụng phần lớn là các giao diện đơn giản ví dụ như các nút, icon thường chỉ có hình vuông, hình tròn,..

- Tập trung vào màu sắc và typography: màu sắc tươi sáng, font chữ đơn giản

ĐẶC ĐIỂM CỦA THIẾT KẾ PHẲNG Không hiệu ứng phức tạp, chỉ dùng những hiệu ứng bóng đổ 45 độ

ĐẶC ĐIỂM CỦA THIẾT KẾ PHẲNG Chi tiết đơn giản: sử dụng phần lớn là các giao diện đơn giản ví dụ như các nút, icon thường chỉ có hình vuông, hình tròn,.. đứng một mình hoặc đường viền có bo góc tạo độ cong. Chính vì thiết kế đơn giản này của thiết kế phẳng khiến ngừoi dùng dễ click.

ĐẶC ĐIỂM CỦA THIẾT KẾ PHẲNG Chú trọng vào màu sắc Điểm sáng của thiết kế phẳng là sử dụng những màu sắc tươi sáng và dùng nhiều màu hơn so với các thiết kế trước đây

Chú trọng vào typography Có thể thấy nhóm font không chân được sử dụng nhiều trong thiết kế phẳng bởi bản chất đơn giản phù hợp với không gian chung của thiết kế này

I. THIẾT KẾ PHẲNG – FLAT DESIGN Sự khác biệt giữa thiết kế phẳng (flat design) và thiết kế mô phỏng (Skeuomorphic hay thiết kế 3D)

II. MODERN RETRO • Sự kết hợp giữa cổ điển và hiện đại • Sử dụng màu sắc, phông chữ, cách minh họa của phong cách retro • Bị ảnh hưởng bởi thiết kế cho các giao diện điện tử • Áp dụng nhiều trong icon, logo và sản phẩm bao bì

III. COLOR TRANSITION • Có sự hòa chuyển giữa 2 hay nhiều màu sắc • Xu hướng bắt đầu từ năm 2016 và nổi lên sau chiến dịch thay đổi logo đầy tranh cãi của Instagram • Áp dụng trong logo, chỉnh màu ảnh, ấn phẩm truyền thông

IV. MINIMALIST • Là phong cách thiết kế tối giản • Less is more • Những thiết kế tối giản thường mang lại cảm giác gọn gàng, sạch sẽ

IV. MBE STYLE • Là phong cách thiết kế tối giản • Less is more • Những thiết kế tối giản thường mang lại cảm giác gọn gàng, sạch sẽ

• Xuất hiện cuối năm 2015 do tài khoản MBE (@madebyelvis) đăng tải.

• Những icon và hình minh họa đơn giản với màu sắc tươi sáng và những đường viền đứt đoạn • Thường là những đồ vật, con vật được nhân hóa rất ngộ nghĩnh

CHƯƠNG III BỐ CỤC TRONG THIẾT KẾ  Bố cục 1/3

 Bố cục đối xứng  Nhịp nghỉ trong thiết kế

I. BỐ CỤC 1/3 Quy tắc 1/3 tạo bởi 2 đường cắt ngang và 2 đường cắt dọc, chia khung hình ra thành 9 phần bằng nhau.

Các đường cắt dọc gọi là các “đường dọc mạnh”, các đường cắt ngang gọi là các “đường ngang mạnh” hay các “đường chân trời”, chúng giao nhau tại 4 điểm (đánh dấu tròn) gọi là các “điểm mạnh”.

II. BỐ CỤC ĐỐI XỨNG Bố cục đối xứng được sử dụng rất nhiều trong thiết kế bởi đối xứng tạo ra sự cân bằng, và sự cân bằng trong thiết kế tạo ra sự hài hòa, trật tự, và kết quả thẩm mỹ.

Những ấn phẩm sử dụng bố cục đối xứng nhìn chung là đơn giản, tạo sự hài hòa mà không cần thiết kế cầu kì. Với các bạn mới bắt đầu, lựa chọn bố cục đối xứng là một sự lựa chọn đơn giản, dễ làm để tạo ra những thiết kế đẹp

III. NHỊP NGHÎ TRONG THIẾT KẾ Người làm marketing thường mong muốn cung cấp nhiều thông tin cùng lúc trong một sản phẩm truyền thông, vì vậy có thể quên mất hoặc không để ý đến việc tồn tại của nhịp nghỉ.

Trên thực tế, một thiết kế tốt không phải là tận dụng được từng mi li mét của không gian quảng cáo, mà là làm sao để truyền tải hết được thông điệp trọng tâm thiết kế hướng tới

CHƯƠNG IV MÀU SẮC TRONG THIẾT KẾ  Vòng thuần đơn sắc  Các cách phối màu cơ bản  Ứng dụng màu sắc trong marketing

I. VÒNG THUẦN ĐƠN SẮC

ĐỎ - CAM – VÀNG – LỤC – LAM – CHÀM - TÍM

ii. CÁCH PHỐI HỢP MÀU SẮC 1. Phối màu đơn sắc

ii. CÁCH PHỐI HỢP MÀU SẮC 2. Phối màu tương đồng

ii. CÁCH PHỐI HỢP MÀU SẮC 2. Phối màu tương đồng

ii. CÁCH PHỐI HỢP MÀU SẮC 3. Phối màu bộ ba

iii. CÁCH PHỐI HỢP MÀU SẮC 3. Phối màu bộ ba

iii. CÁCH PHỐI HỢP MÀU SẮC 4. Phối màu bổ túc

ii. CÁCH PHỐI HỢP MÀU SẮC 4. Phối màu bổ túc

iii. CÁCH PHỐI HỢP MÀU SẮC 5. SỬ DỤNG KULER ĐỂ PHỐI HỢP MÀU SẮC Truy cập trang: color.adobe.com

IV. ỨNG DỤNG MÀU SẮC TRONG MARKETING

IV. ỨNG DỤNG MÀU SẮC TRONG MARKETING

IV. ỨNG DỤNG MÀU SẮC TRONG MARKETING

IV. ỨNG DỤNG MÀU SẮC TRONG MARKETING

IV. ỨNG DỤNG MÀU SẮC TRONG MARKETING

IV. ỨNG DỤNG MÀU SẮC TRONG MARKETING

CHƯƠNG II QUY TRÌNH THIẾT KẾ ẤN PHẨM TRUYỀN THÔNG  Chọn lọc thông tin  Tìm ý tưởng, bố cục  Xác định các yếu tố nhận diện  Phân cấp thông tin, xử lý cụm chữ  Ghép tất cả làm một và hiệu chỉnh

CASE STUDY Nhân dịp khai trương, Shoes.vn tổ chức chương trình Grand Opening, giảm giá 50% cho tất cả các sản phẩm từ 22.4 đến 25.4.2016

Mọi chi tiết xin liên hệ số điện thoại 0983632066 hoặc truy cập website www.shoes.vn Địa chỉ: 736 Đường Láng , Đống Đa, Hà Nội

I. CHỌN LỌC THÔNG TIN - Thông tin về doanh nghiệp (Logo và tên Doanh nghiệp, thông tin liên hệ của doanh nghiệp) - Tên chương trình (Grand Opening, Quà tặng tháng 4, Autumn ollection,…)

- Slogan của chương trình - Thông tin Promote (nếu có) - Thời gian, địa điểm - Nội dung chương trình: Đây là thông tin cần phải được cân nhắc rất kỹ càng, vì thông tin này dễ khiến sản phẩm của bạn trở nên quá nhiều chữ

II. TÌM Ý TƯỞNG & BỐ CỤC 1. Pinterest

II. TÌM Ý TƯỞNG & BỐ CỤC 2. Freepik

II. TÌM Ý TƯỞNG & BỐ CỤC

Sau khi tìm kiếm ý tưởng từ các trang web đã có Chúng ta xác định được bố cục đơn giản của thiết kế

III. XÁC ĐỊNH THẬT RÕ RÀNG CÁC YẾU TỐ NHẬN DIỆN

1. Màu sắc

2. Font chữ

3. Hình ảnh minh họa

1. HÌNH ÂNH PHÂI TRUYỀN TÂI THÔNG ĐIỆP

2. ÂNH THỂ HIỆN TINH THẦN THƯƠNG HIỆU

3. HÌNH ÂNH ẤN TƯỢNG, KHÁC BIỆT

3. HÌNH ÂNH ẤN TƯỢNG, KHÁC BIỆT

4. CHẤT LƯỢNG CỦA ÂNH

5. TÍNH ỨNG DỤNG CỦA ÂNH

Theo bạn hình ảnh nào sẽ dễ xử lý hơn?

IV. PHÂN CẤP THÔNG TIN VÀ XỬ LÝ CỤM CHỮ

IV. PHÂN CẤP THÔNG TIN VÀ XỬ LÝ CỤM CHỮ Phân cấp thông tin:

Những thông tin quan trọng, cần nhấn mạnh cần được làm nổi bật và to hơn về kích cỡ chữ Những thông tin khác sẽ nhỏ dần tùy vào độ quan trọng hay

việc cần nhấn mạnh thông tin đó

V. GHÉP MỌI THỨ VÀO VỚI NHAU

BÀI TẬP VỀ NHÀ Bài tập 1: Phối màu cho poster có sẵn Nội dung: Poster quảng cáo cho chương trình Grand Opening của thương hiệu Organic Farm, một thương hiệu về thực phẩm sạch, mua hàng với hóa đơn 200k tặng ngay túi xách thân thiện với môi trường

Bài tập 2: Chọn một poster đẹp thể hiện đầy đủ các thông tin cần thiết Giải thích lý do tại sao bạn lại thích poster đó theo các tiêu chí sau: -

Bố cục

-

Màu sắc

-

Hình ảnh minh họa

-

Cảm nhận cá nhân

THANK YOU!