Các nguyên tắc thiết kế

Các nguyên tắc thiết kế

Bui Thi Thu Hue

10.8

Ngôn ngữ thiết kế (Tiếp)

01

03

02

4

Từ ngữ, icon, màu sắc, hình khối, âm thanh, chuyển động,…

Yếu tố thiết kế

Sự rõ ràng trong thiết kế, sự bất Nguyên tắc thiết kế

Bố cục, khoảng cách, khoảng trắng, sự lặp lại,…

Mối quan hệ giữa các yếu tố Ngôn ngữ thiết kế là cách người thiết kế xây dựng ý nghĩa cho các đối tượng, cho

phép mọi người hiểu những điều cần làm và phân biệt giữa các loại đối tượng

Nguyên lý thiết kế

▸ Những gì đặt cạnh nhau thì thuộc về nhau

3

Nguyên lý thiết kế

▸ Đóng khung giúp dễ dàng

cảm nhận đối tượng hơn

Nguyên lý thiết kế

▸ Bộ nhớ ngắn hạn của con người chỉ trong khoảng 7±2

5

Nguyên lý thiết kế

▸ Nhấn mạnh và tạo sự tập trung

Nguyên lý thiết kế

▸ Thiết kế đồng nhất giữa các trang trong một ứng dụng

7

Nguyên lý thiết kế

▸ Nguyên tắc chuyển động thị giác

Nguyên lý thiết kế

▸ Nguyên tắc chuyển động thị giác

9

Nguyên lý thiết kế

▸ Nguyên tắc chuyển động thị giác

Phong cách thiết kế

▸

Skeuomorphism design: là phong cách thiết kế mô tả giống như thực tế. Các đối tượng trong giao diện được thiết kế dạng 3D nổi lên bề mặt, giúp cho người dùng có thể hình dung ra những vùng có tương tác .

11

Phong cách thiết kế

▸

Flat design: Flat design là phong cách thiết kế phẳng, tức là các cả được sắp xếp trên một mặt phẳng

Phong cách thiết kế

▸

Material design:

-

Mọi thứ được thiết kế phẳng, tuy nhiên nó sử dụng nhiều mặt phẳng.

-

Các mặt phẳng có thể được xếp chồng lên nhau.

-

Sử dụng bóng đổ để phân biệt các lớp

13

Tổng kết

▸ Sắp xếp các đối tượng giao diện đều phải dựa trên một nguyên tắc nào đó.

▸ Luôn có những lập luận về nguyên tắc thiết kế giao diện cho khách hàng của bạn.

▸ Hãy lựa chọn một phong cách trong thiết kế giao diện