Bài 1: Giới thiệu Illustrator và phong cách thiết kế Flat Design

0

Khoá học illustrator – Flat design sẽ hướng dẫn các bạn cách sử dụng phần mềm Adobe Illustrator và vẽ một bức tranh theo phong cách Flat design. Với bài 1 này, mình sẽ giới thiệu Illustrator và phong cách thiết kế Flat Design, cũng như một số khái niệm cơ bản như hình vector, flat design.

Video – Giới thiệu Illustrator và phong cách thiết kế Flat Design

Nội dung chi tiết

Phân biệt ảnh Bitmap và ảnh vector

Ảnh Bitmap– gọi theo từ kỹ thuật là ảnh mành hóa (Rater Image)- dùng lưới các điểm ảnh, tức pixel, để biểu thị hình ảnh. Mỗi pixel (điểm ảnh) được gán một vị trí và gán giá trị màu cụ thể. Ảnh Bitmap là ảnh được tạo bởi ma trận các điểm ảnh. Nói ngắn gọn là gồm rất nhiều những dấu chấm tạo thành 1 hình

Ảnh Vector đuợc tạo bởi các đoạn thẳng và đường cong được định nghĩa bằng các đối tượng toán học gọi là Vector. Hình Vector mô tả hình ảnh dựa trên các thuộc tính hình học của hình ảnh đó. Chỉnh ảnh Vector là chỉnh thuộc tính của đối tượng đó: mấu chốt là của xử lý ảnh Vector là ở chỗ này. Nói ngắn gọn thì hình vector là dùng toán để vẽ hình qua phương trình đường thẳng, pt đường tròn …

Khi scale hình, mật độ điểm ảnh thay đổi làm giảm chất lượng hình bitmap, nhuyng hình vector thì không.

Flat design là gì?

Trước đây người ta thường cố thiết kết mọi hình ảnh như thực. Điểm yếu của phong cách này là: Những mẫu thiết kế sẽ nhìn không được đẹp trên màn hình có độ phân giải thấp. Sự ra đời của các thiết bị di dộng đòi hỏi thiết kế giao diện phải tương th1ich với nhiều loại màn hình với chất lượng khác nhau.

Phong cách thiết kế Flat Design đơn giản hóa đi mọi thứ. Phong cách này loại bỏ các yếu tố về chiều sâu, thay vào đó là cố gắng tạo nên ảo giác về chiều sâu của vật thể thông quan cách đổ bóng, sắp xếp kết cấu của các thành phần cấu thành.

Flat Design tập trung vào các yếu tố cơ bản nhất

+ Thể hiện thông điệp dựa trên các icon được thiết kế tối giản nhất,

+ Số lượng màu sắc sử dụng không quá nhiều,

+ Màu sắc tập trung vào độ tươi sáng và rất phù hợp cho trải nghiệm người dùng trên các màn hình độ phân giải thấp.

Cũng là một dạng flat design nhưng chỉ vẽ viền ngoài của vật thể, vá thường được dùng để vẽ icon.

Material Design

Phong cách thiết kế này do chính Google nghiên cứu và phát triển và đang thể thành phong cách thiết kế giao diện cho tất cả các điện thoại Android từ phiên bản 5.0 trở lên. Khác với Flat Design, Material Design sẽ tạo nên tính ba chiều của mọi sự vật. Màu sắc thường tươi sáng.

Ưu điểm của material design là trải nghiệm người dùng tốt, như trên gmail đăng nhập, có phản hồi để người dùng biết đã click. Các sản phẩm của Google như công cụ tìm kiếm, gmail, Android, đều sử dụng Material design.

Nội dung khóa học

trong khóa học này, chúng ta sẽ tìm hiểu cách thể hiện phong cách thiết kế Flat design và vẽ một bức tranh bằng phầm mềm Adobe Illustrator CC2018, hoặc tối thiểu là CC2015 nhé.

Hình demo

Qua từng bài học, chúng ta sẽ lần lượt vẽ

+ Cây và mặt đường, vỉa hè

+ Trạm chờ xe bus

+ Trụ đèn

+ Mặt trời và mây

+ Biển báo trạm chờ xe bus

Qua mỗi bài học, chúng ta sẽ biết thêm một công cụ trong illustrator.

Nếu có thắc mắc, hãy đặt câu hỏi bằng cách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Liên h

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.