Trang chủ

1. Nguyên tắc cân bằng

Ta có thể thấy nguyên tắc cân bằng đối xứng ở cách hiển thị thông tin ở trang đăng
nhập của ứng dụng. Logo Tinder và các nút hành động của ứng dụng nằm ở chính
giữa trang thể hiện rõ sự cân bằng này.
2. Nguyên tắc tương phản
Tương phản về màu sắc ở trang đăng nhập là ở nền gradient cam hồng với chữ và
nút hành động màu trắng giúp cho người sử dụng nắm bắt được thông tin nhanh
hơn.
Logo của ứng dụng ở trang giao diện chính cũng nổi bật trên nền trắng, giúp tăng
sự chú ý của người dùng đối với tên ứng dụng Tinder.
3. Nguyên tắc nhấn mạnh
Sự nổi bật rõ thấy nhất là các nút hành động đều có màu khác biệt so với nền, tạo
một cảm giác nổi lên trên nền trang. Nhờ đó mà giúp chúng ta nhận biết được đó là
các nút có thể hành động, thậm chí là kích thích người dùng nhấn vào chúng.
4. Nguyên tắc đồng nhất
Font chữ ở cả hai trang đăng nhập và giao diện chính đều cùng là một font. Ngoài
ra các chữ đều dùng một màu trắng giống nhau, còn đối với nền trắng thì dùng chữ
xám, tạo cho người dùng một cảm giác dễ chịu khi sử dụng.
Các nút hành động ở trang giao diện chính đều sử dụng hình tròn không bị rối mắt,
từ đó tổng thể được hài hòa đồng nhất.
5. Nguyên tắc tỉ lệ
Các trang có tỉ lệ khá cân đối, toát lên sự hiện đại của ứng dụng. Phần thông tin
chữ và các nút hành động nằm ở phần dưới trang nhiều hơn tạo sự tiện lợi cho
người dùng khi cầm điện thoại sử dụng, không phải rướn ngón tay lên cao.
Chữ và nút hành động không quá bé, người dùng dễ dàng thao tác hơn, nắm bắt
mọi thứ tốt hơn.
6. Nguyên tắc đơn giản
Ứng dụng nhắm tới khách hàng là những người bình thường nên có thiết kế trang
chủ rất dễ hiểu, đơn giản, dễ sử dụng. Các thao tác được tối giản đúng theo xu
hướng hiện đại.
Các nút hành động ở trang giao diện chính chỉ cần hiển thị icon, không cần phải
chữ chú thích trông đỡ rối mắt và dễ tiếp cận hơn.
Trang tin nhắn

1. Nguyên tắc cân bằng

Trang nhắn tin của ứng dụng có sự cân bằng giữa tin nhắn qua lại của đôi bên.
Người dùng ở bên phải còn đối phương ở bên trái thể hiện sự nói chuyện qua lại
của hai người rất hợp lí.
2. Nguyên tắc tương phản
Phần chữ ở trang tương phản với màu nền trắng giúp người dùng nhìn nhận thông
tin được gửi tới nhanh chóng. Phần thông báo cũng được để trong khung màu
gradient cam hồng nổi trội lên dưới nền trắng.
3. Nguyên tắc nhấn mạnh
Phần tin nhắn của người dùng được đặt trong khung xanh dương làm nổi bật lên sự
ưu tiên của người dùng, giúp nhận biết giữa phần tin nhắn của bản thân và của đối
phương.
4. Nguyên tắc đồng nhất
Font chữ ở cả hai trang tin nhắn và trang danh sách tin nhắn đều cùng là một font.
Ngoài ra các chữ thông báo thông tin của ứng dụng đều dùng một màu xám giống
nhau, tin nhắn của đối phương thì dùng chữ đen đồng thời và của người dùng thì là
chữ trắng.
Khung avatar đều là hình tròn tạo cảm giác thân thiện hợp lí, cảm giác hài hòa
đồng nhất.
5. Nguyên tắc tỉ lệ
Các trang có tỉ lệ khá cân đối, toát lên sự hiện đại của ứng dụng. Phần gõ tin nhắn
và chia sẻ hình ảnh được đặt bên dưới rất hợp lí, tạo sự tiện lợi cho người dùng khi
nhìn từ dưới lên trên khi dùng điện thoại.
Chữ thông báo và tin nhắn đủ nhỏ, không chiếm quá nhiều diện tích màn hình.
6. Nguyên tắc đơn giản
Phần tin nhắn được thiết kế tối giản, dễ sử dụng với mọi đối tượng. Các thông báo
có tin nhắn, tin nhắn đã xem, đã gửi được hiển thị tinh gọn nhất có thể.
Các nút hành động được thiết kế đơn sơ, không cầu kì tạo sự thanh thoát mà hiện
đại của ứng dụng.