Tỉ lệ & kích thước là gì?

Hiểu đơn giản thì kích thước là cách chúng ta nhận định vật này lớn hơn vật kia
bằng cách dựa vào các yếu tố như khoảng cách hay sự lớn bé của vật đó.

Còn tỉ lệ là so sự so sánh kích thước của vật đó với những thứ còn lại
ví dụ như bạn vẽ 1 cơ thể người thì phần đầu bạn sẽ vẽ sao cho không
to quá so với cơ thể

Tại sao tỉ lệ & kích thước lại quan trọng?

Tỉ lệ và kích thước là công cụ cho chúng ta giao tiếp với người xem
ví dụ như bạn vẽ ngọn núi ở xa sau đó vẽ 1 ngôi nhà bạn muốn thể hiện là ngọn núi
ở xa căn nhà, thì bạn sẽ vẽ ngôi nhà lớn và ngọn núi nhỏ hơn.

Nếu không có tỉ lệ và kích thước bạn sẽ không thể truyền tải được ý đó với người xem.

Kích thước vận hành như thế nào?

Hãy xem ví dụ sau chúng ta có 3 đối tượng cùng kích thước.

bây giờ chúng ta sẽ thay đổi kích thước các nhân vật để có 1 bố cục khác

Bây giờ con quái vật nhìn rất to lớn vì chúng ta đã thay đổi tỉ lệ

bây giờ thì con Dơi lại trở nên to lớn hơn con quái vật, hãy thử 1 layout khác

ở ví dụ trên mặc dù tôi không thay đổi khích thước của con Dơi nhưng bây giờ
cảm khác con dơi không còn to lớn như trước nữa.

Đấy là cách kích thước hoạt động, việc quyết định thành phần nào có kích thước
lớn hơn hay bé hơn sẽ tác động tới cách người xem đánh giá ý nghĩa của hình ảnh đó

1 vài lưu ý

Để thành thạo cách sử dụng kích thước bạn nên tìm hiểu luật xa gần & điểm tụ
để hiểu thêm cách hoạt động của kích thước

Việc dựa vào kích thước thực tế của vật đó là rất quan trọng, ví dụ con dơi trong
thực tế bé hơn con người nên việc làm con dơi lớn hơn tạo cảm giác phóng đại
làm con dơi trở nên nguy hiểm

vậy nên hãy tùi vào từng trường hợp hay ý đồ để đưa ra giải pháp phù hợp

Cách tỉ lệ vận hành

Tỉ lệ có trong cách kích thước vận hành, tỉ lệ giữa người và dơi phản ánh được kích thước
khoảng cách của 2 thành phần này hãy xem ví dụ sau.

đây là 1 con dơi có tỉ lệ đầu lớn hơn thân, có cảm giác dễ thương. Bây giờ chúng ta
sửa lại tỉ lệ đầu và thân xem điều gì sảy ra nhé

sự dễ thương đã giảm đi 1 phần, đây là con dơi trong thực tế. Trông nó khá
cân đối đúng không. Chúng ta sẽ thử tiếp.

Bây giờ tỉ lệ đầu và thân đã khác thực tế, trông con dơi có vẻ to lớn và lực lưỡng

Đó là cách mà tỉ lệ tác động tới thiết kế.

Lợi ích của tỉ lệ trong thiết kế

Chắc hẳn bạn đã từng nghe tới tỉ lệ vàng 1.618 hay xoắn ốc vàng…
đây là 1 con số mà khi nhân hoặc chia bất kì giá trị nào cho nó thì kết quả cho ra
sẽ là 1 kích thước vừa mắt (vì thấy mọi người bảo thế nên nhìn thấy củng vừa)

Ví dụ bạn sử dụng các hình vuông có tỉ lệ với nhau thì sự nhất quán và dễ xem của thiết kế
sẽ được nâng cao, hoặc kích thước font chữ tỉ lệ với nhau theo hệ số 1.628 thì chúng sẽ
có sự thống nhất.

Trên đây là 1 ví dụ khi sử dụng tỉ lệ vàng để xác định các size chữ dùng trong
thiết kế UI

Đây là 3 hình vuông tỉ lệ với nhau với hệ số là 1.618, chúng trông đều đặn và thuận mắt
chúng ta có thể sử dụng chúng để duy trì sự tỉ lệ trong thiết kế.

Kết Luận

Tỉ lệ & kích thước là các nguyên tắc cốt lõi tác động lên toàn thiết kế
mình đã cố làm nổi bật những ý sơ lược nhất về quy luật này hãy cố gắng tìm hiểu thêm
bằng các từ khoá mình đã cung cấp nhé

Phần này mình không làm phần ví dụ thực tế theo mình chúng củng khá dễ hiểu.

Phần tiếp theo chúng ta sẽ nói về hệ thống cấp bậc