color

ME
NHỮNG ĐIỀU CẦN BIẾT VỀ

FLAT DESIGN
Cuốn sách tiếp theo của colorME
về những kiến thức chung cho cộng đồng


color

ME

LỜI NÓI ĐẦU
Như vậy, colorME đã tồn tại và phát triển được 9 tháng,
9 tháng là một chặng đường thực sự dài với colorME.
Để tri ân các học viên và các bạn luôn ủng hộ colorME.
colorME quyết định xuất bản 3 tập EBOOK để giúp mọi
người phát triển kĩ năng thiết kế.
Không giống như tập trước của EBOOK chỉ đào sâu vào
kiến thức cơ bản về thiết kế kĩ thuật số, cuốn sách này
chỉ tập trung chia sẻ với mọi người về những điều mà
colorME biết về Infographic.
Rất hi vọng mọi người sẽ có thêm nhiều cảm hứng sau
khi đọc xong cuốn sách này.
Mọi góp ý xin vui lòng liên hệ:
Xin cám ơn mọi người.


color

ME

MỤC LỤC
1
2
3
4

ĐỊNH NGHĨA
HÌNH KHỐI
BỐ CỤC
LỜI KẾT


1
color

ME

ĐỊNH NGHĨA

Cuốn sách này sẽ cho bạn biết, thiết kế phẳng là gì. Chúng ta hãy
cùng nhau định nghĩa về thiết kế phẳng thông qua một số phương
pháp nhận diện nhé.


1
color


ME

LỊCH SỬ
Thiết kế phẳng, hay còn gọi là Flat Design. Là thuật ngữ chỉ về một
phong cách thiết kế mang lại cảm giác hình họa 2D, cực kì tối giản.
Xuất hiện từ lâu, nhưng đến năm 2013, đã có sự quay lại đột phá.

ĐỊNH NGHĨA


1
color

ME

LỊCH SỬ
Nguyên nhân của sự quay lại này chính là Windows 8. Chắc hẳn các
bạn còn nhớ, Windows 8 bùng nổ vào năm 2013 với điểm đặc trưng
nhất là màn hình Start được thiết kế theo phong cách phẳng. Với
những Icon trắng, chữ trắng trên những tấm chữ nhật nhiều màu
đem lại cảm giác khá lạ lẫm và bắt mắt cho người dùng. Sau khi Microsoft cho ra đời Windows 8, một năm sau đó, Google đã cập nhật
toàn bộ giao diện theo phong cách Material Design, một nhánh của
Flaat Design, còn giao diện phẳng của Microsoft đi theo nhánh
Metro Design.

ĐỊNH NGHĨA


1
color


ME

MÀU SẮC
Về màu sắc, Flat Design hướng đến sự dơn giản, dễ kết hợp, không
quá chói, không quá đậm. Vì vậy, tone màu Pastel luôn là lựa chọn
hàng đầu của các Designer khi chơi đùa với thiết kế phẳng. Các bạn
có thể xem thêm các tone màu thường thấy trong Flat Design tại:
FlatUIColors.com.

ĐỊNH NGHĨA


1
color

ME

HIỆU ỨNG
Flat design được tối giản về mọi mặt, kể cả hiệu ứng. Tất cả những
hiệu ứng thường thấy trong Realism Design như Drop Shadow hay
Gradient Overlay được loại bỏ gần như tuyệt đối ra khỏi phong
cách thiết kế này.

ĐỊNH NGHĨA


1
color


ME

HÌNH KHỐI
Thiết kế phẳng thiên về dùng những hình khối tối cơ bản như hình
chữ nhật, hình elip, hình tam giác hay hình chữ nhật được bo tròn
bốn gốc. Điều tuyệt vời nhất là Adobe Illustrator có bộ xử lý hình
khối cực kì hoàn hảo, khiến cho việc thiết kế theo Flat Design ngày
nay dễ dàng hơn bao giờ hết.

ĐỊNH NGHĨA


1
color

ME

HÃY BẮT ĐẦU
Và giờ là lúc chúng ta cùng bắt đầu cuộc hành trình tìm hiểu về Flat
Design. Hãy đọc kĩ từng phần nhé, sẽ có rất nhiều kiến thức và tips
hay đang chờ bạn phía trước.

ĐỊNH NGHĨA


2
color

ME


HÌNH KHỐI

Như đã nhắc đến trước đó, Flat Design được tạo ra từ những hình
khối rất cơ bản, vậy với những hình khối đó ta có thể làm được gì?
Hãy cùng colorME tìm hiểu xem nhé.


2
color

ME

NGOÀI TRỜI
Đầu tiên, chúng ta hãy cùng nhau tập vẽ những hình thể thường có
xung quanh cuộc sống hàng ngày nhé, bắt đầu từ những thứ mà
bạn có thể nhìn thấy mỗi ngày. Ví dụ như dưới đây, chúng ta đang
có một hình mặt trời đượcc vẽ rất dễ thương chỉ với những hình
tròn.

HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Hay những cái cây, những tán lá được vẽ bởi hình tròn, hình bán
cầu và hình chữ nhật. Những hình ảnh này đem lại cho ta cảm giác

rất đơn giản, khiến ai cũng tin rằng mình có thể vẽ ra nó một cách
dễ dàng.

HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Và đó là lý do vì sao càng ngày càng nhiều Designer lựa chọn Flat
Design, không những dễ thực hiện, mà nó còn khiến họ có cảm giác
như mình có thể điều khiển mọi thứ theo ý thích. Không ai có thể
nghĩ ra rằng mình có thể vẽ ra nguyên một cái đu quay chỉ với
những hình khối cực kì cơ bản.

HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Phức tạp hơn một tí, với sự giúp sức của những hình chữ nhật được
bo tròn bốn góc, chúng ta có thể vẽ ra một căn nhà nhỏ xinh như
thế này.


HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Còn hình bên dưới, bạn cần dùng thêm Direct Selection Tool để can
thiệp và Vector một hình tròn cho sẵn ban đầu để đưa nó về hình
quả trứng, sau đó mới thêm cách hình khối cơ bản khác để tạo nên
hình khinh khí cầu. Giai đoạn này đòi hỏi công sức hơn một tí nhé.

HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Bạn có đang cảm thấy những hình vừa rồi quá nhàm chán? Nhưng
không, khi ghép tất cả những thứ nhỏ nhặt đó vào một bức tranh
tổng thể, bạn sẽ có một kết quả đáng kinh ngạc.

HÌNH KHỐI



2
color

ME

NGOÀI TRỜI
Lời khuyên cho các bạn, khi mới luyện tập Flat Design những ngày
đầu tiên, hãy luyện tập vẽ những ngôi nhà thật nhiều, có rất nhiều
kiểu nhà mà bọn mình cung cấp dưới đây, việc vẽ theo những ngôi
nhà này sẽ giúp bạn phần nào làm quen với việc phân tích hình khối
trong AI hơn.

HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Lời khuyên cho các bạn, khi mới luyện tập Flat Design những ngày
đầu tiên, hãy luyện tập vẽ những ngôi nhà thật nhiều, có rất nhiều
kiểu nhà mà bọn mình cung cấp dưới đây, việc vẽ theo những ngôi
nhà này sẽ giúp bạn phần nào làm quen với việc phân tích hình khối
trong AI hơn.

HÌNH KHỐI



2
color

ME

NGOÀI TRỜI
Lời khuyên cho các bạn, khi mới luyện tập Flat Design những ngày
đầu tiên, hãy luyện tập vẽ những ngôi nhà thật nhiều, có rất nhiều
kiểu nhà mà bọn mình cung cấp dưới đây, việc vẽ theo những ngôi
nhà này sẽ giúp bạn phần nào làm quen với việc phân tích hình khối
trong AI hơn.

HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Lời khuyên cho các bạn, khi mới luyện tập Flat Design những ngày
đầu tiên, hãy luyện tập vẽ những ngôi nhà thật nhiều, có rất nhiều
kiểu nhà mà bọn mình cung cấp dưới đây, việc vẽ theo những ngôi
nhà này sẽ giúp bạn phần nào làm quen với việc phân tích hình khối
trong AI hơn.

HÌNH KHỐI



2
color

ME

NGOÀI TRỜI
Hoặc đôi lúc, bạn có thể vẽ vời thêm những thứ như cây đèn
đường, các loại cây cối mà bạn có thể tạo ra được từ những hình
khối cơ bản. Đây là lúc bạn giản ước toàn bộ thế giới xung quanh
mình bằng những vật thể nhỏ bé rồi.

HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Sau đó, hãy bắt đầu lồng ghép mọi thứ lại với nhau, có thể bắt đầu
từ những hành lang với những bộ bàn ghế phía dưới một bộ đèn
chùm, hãy thử nghiệm mọi thứ xem nào, Flat Design dễ hơn bạn
nghĩ nhiều.

HÌNH KHỐI


2

color

ME

NGOÀI TRỜI
Cố gắng làm thật nhiều, chẳng mấy chốc, bạn sẽ tự vẽ ra được
nguyên một thành phố của mình. Mỗi ngày vẽ một ít, mỗi ngày vẽ
một ít, lặp lui lặp lại như vậy cho đến khi bạn tin rằng Flat Design là
chuyện nhỏ.

HÌNH KHỐI


2
color

ME

NGOÀI TRỜI
Dưới đây là một số bài tập cho các bạn luyện tập, hãy thử một lần
cố gắng hết mình vì một cái gì đó, bạn sẽ vượt qua được bản thân
mình. Adobe Illustrator không hơn không kém chỉ là một công cụ.
Bạn mới là nhân vật chính của câu chuyện.

HÌNH KHỐI