Nguyên tắc thứ 4&5: Lặp lại & Nhịp

Sự lặp lại hiểu đơn giản là việc sử dụng các yếu tố như
màu sắc, Hoa văn, Phông chữ, Hình ảnh… trong xuyên
suốt thiết kế. Nó là việc bạn sử dụng 1 bộ màu, 1 font yêu thích
củng là sự lặp lại trong thiết kế

Tại sao sự lặp lại lại quan trọng trong thiết kế?

Sự lặp lại cho ta cảm giác quen thuộc khi xem 1 thiết kế,
hoặc 1 thương hiệu ví dụ như chai nước Cocacola họ dùng
màu đỏ & đen trên tất cả sản phẩn của họ, nên mỗi khi thấy
thiết kế hay sản phẩm của cocacola chúng ta đều thấy nó quen
và dễ dàng nhận ra

Một ví dụ khác VTV 24 họ luôn dùng 1 mẫu design trong tất các
các bài viết của mình

cho ta cảm giác đồng nhất trong thiết kế của họ, sự lặp lại không
chỉ có trong 1 thương hiệu hay chuỗi bài viết ngay cả trong 1 hình
ảnh độc lập nó củng được áp dụng.

ở ví dụ trên màu vàng được lặp lại để đánh
dấu các loại nội dung & nhìn qua chúng có vẻ liên quan tới nhau
chúng ta củng cảm thấy hài hoà & dễ dàng tìm được các nội dung chính.

Các lợi ích của sự lặp lại

Tổ chức thông tin

Lấy ví dụ bạn thiết kế thanh Nav cho Website của bạn,
cho phép người dùng điều hướng trang web 1 cách nhất quán.

Kết nối

Ví dụ bạn dùng 1 phông chữ đậm có size là 24px cho tiêu đề và lặp lại nó
trên toàn bộ thiết kế của mình hoặc bài viết của mình, thì mặc định
khi người xem hay người đọc, mỗi khi thấy size đó thì họ sẽ hiểu là tiêu đề.

Cải thiện UX của sản phẩm

Việc áp dụng dự lặp lại giúp người dùng dễ dàng hiểu và sử dụng sản phẩm
thì UX đã được cải thiện rồi đó.

Tạo cảm giác thoải mái & thẩm mỹ

Thiết kế có sự đồng bộ về các yếu tố thì tất nhiên nó sẽ đẹp hơn
một thiết kế lộn xộn thiếu nhất quán.

Tạo ra sự ấn tượng & ghi nhớ cho người dùng

1 trải nghiệm tốt về thiết kế thì tất nhiên sẽ gây được ấn tượng hơn.

Pattern & Rhythm

Pattern hiểu đơn giản là các hoạ tiết trang trí lặp đi lặp lại giống như khăn trải bàn,
giấy gián tường…

Chúng thường được áp dụng nhiều trong tranh nghệ thuật hay gạch hoa kiến trúc.

Nhưng chúng lại không phù hợp lắm với việc để chữ lên trên đó, vậy nên phần này
bạn tìm hiểu thêm nhé.

Rhythm được hiểu đơn giản là cảm giác 1 thiết kế có nhịp điệu theo chu kỳ

ví dụ như trong 1 trang Blog cứ mỗi 5 bài viết sẽ có 1 quảng cáo thì quảng cáo
chính là nhịp ngắt để bắt đầu 1 nhịp mới, hoặc 1 loạt ảnh sắp liền kề nhau thì
chúng có nhịp liên tục… Nhịp là yếu tố thú vị để chúng ta cân nhắc khi triển khai
thiết kế.

Có các loại nhịp nào?

Nhịp ngẫu nhiên

Hiểu đơn giản là sự ngẫu nhiên trong thiết kế đôi lúc cho tác nhưng tác phẩm
ấn tượng

nhìn vào chúng không có nhịp nào nhưng tổng thể chúng vẫn có gì đó liên kết với nhau
hãy tham khảo thêm từ khoá "random rhythm design" để biết thêm nhé.

Nhịp đều đặn

Giống như tên gọi, nhịp đều đặn giống như nhịp của trái tim, chúng sẽ luôn duy trì như vậy
1 chu kỳ có thể đoán trước được, nhưng khi sự đoán trước đó bị thay đổi thì sự thay đổi đó
sẽ ngay lập tức trở nên nổi bật, não bộ rất giỏi trong việc tìm ra điểm khác biệt nên hãy áp
dụng nó trong thiết kế để có 1 trải nghiệm thú vị.

Nhịp xen kẽ

Nó giống như bàn cờ vua vậy chúng xem kẽ nhau 2 màu trắng và đen

Đây là 1 bức trang nổi tiếng MC Escher's Lizard, hãy xem đây là 1 ví dụ tốt cho
1 thiết kế có nhịp xen kẽ. Chúng cho ta cảm giác năng động và thú vị hơn các
chuyển động khác.

Nhịp trôi chảy

Nó giống như các cơn sóng trên biển vậy, các nhà thiết kế thường dùng nhịp
này để tạo sự chuyển động củng như cảm giác yên bình "ai củng thích biển đúng không?"

Nhịp lũi tiến

Nó đại khái là việc thay đổi 1 yếu tô nào đó theo chiều tăng hoặc giảm dần
không chỉ đề cập tới kích thước mà có thể là màu sắc, đồ sáng tối…
chúng có thể điều hướng người xem theo chiều của lũi tiến.

Lặp lại, Pattern & Rhythm

Chúng là các yếu tố khá khó để nói hết trong 1 bài viết hãy tìm kiếm thêm
thông tin về nó nhé.

Ví dụ thực tế

Tôi có 3 nhóm tiêu đề & hình ảnh cần sắp xếp

Bây giờ tôi sẽ thử sử dụng sự lặp lại về Font size, Layout, màu sắc để sắp xếp

Các yếu tố được lặp lại và có nhịp đều đặn giúp người xem có thể dễ dàng xem
các thông tin.

Kết luận

Sự lặp lại và Nhịp của thiết kế rất quan trọng nếu bạn là thương hiệu hoặc
thiết kế giao diện người dùng. Đây là những kiến thức khó để nói hết trong
một bài viết ngắn, sau này tôi sẽ nói thêm về sự lặp lại tác động tới UX.

cảm ơn bạn đã đọc phần tiếp theo tôi sẽ nói về Tỉ lệ & kích thước.