Thiết kế với sự lặp lại, mô hình và nhịp điệu

99f4e52a45bce97439a6ea53baf7def2

Hãy xem ba môn học mà thoạt nhìn có thể khiến bạn cảm thấy vô cùng cơ bản và dễ hiểu. Tuy nhiên, mặc dù chúng có vẻ như không cần giới thiệu nhưng chúng ta nên nghiên cứu chúng. Bằng cách hiểu những khái niệm này, bạn sẽ có thể áp dụng chúng hiệu quả hơn để thu hút sự chú ý của người dùng đồng thời làm cho thiết kế của bạn hiệu quả hơn.

Nói “ lặp đi lặp lại ” và bạn có thể nghĩ về người nào đó nói đi nói lại cùng một điều. Tuy nhiên, nó khác về thiết kế. Lặp đi lặp lại những điều không phải là nhàm chán! Trên thực tế, nó có thể trao quyền cho một thiết kế khi được sử dụng đúng cách. Nó cũng có thể đảm bảo rằng các thông điệp được hiểu rõ hơn. Là nhà thiết kế, chúng ta có ba phương pháp lặp lại: lặp lại , mẫu và nhịp điệu .

Sự lặp lại

Lặp lại chỉ đơn giản là lặp lại nhiều lần một phần tử duy nhất trong một thiết kế. Ví dụ, bạn có thể vẽ một đường theo chiều ngang và sau đó vẽ một số đường khác bên cạnh nó.

99f4e52a45bce97439a6ea53baf7def2

Sự lặp lại có thể hữu ích trong thiết kế web và ứng dụng. Ví dụ: bạn mong muốn biểu tượng của một doanh nghiệp được lặp lại trên mọi trang và ở cùng một vị trí. Các mục menu cũng thường được lặp lại ở cùng một vị trí trên một trang. Điều này giúp cung cấp trải nghiệm người dùng nhất quán . Bằng cách lặp lại các yếu tố, chúng tôi với tư cách là nhà thiết kế không chỉ cung cấp theo mong đợi của người dùng theo cách này mà còn cải thiện trải nghiệm của họ. Sự nhất quán của chúng tôi làm cho người dùng thoải mái hơn. Hãy nhớ rằng mắt hoạt động theo một cách nhất định theo mặc định. Sử dụng sự lặp lại để giữ cho mắt quen thuộc với các yếu tố trong thiết kế của chúng tôi có nghĩa là chúng tôi đang tận dụng xu hướng này. Chúng ta cũng có thể sử dụng hình dạng, màu sắc, kết cấu, phông chữ, v.v. để duy trì sự nhất quán này thông qua sự lặp lại.

Bạn cũng có thể đạt được sự lặp lại bằng cách sử dụng các thông báo lặp lại. Nếu bạn muốn khách hàng của mình biết rằng bạn là người rẻ nhất hoặc nhanh nhất trong doanh nghiệp, bạn sẽ muốn nói với họ điều đó vào nhiều dịp nếu bạn muốn thông điệp được gắn bó. Trong trường hợp này, chúng tôi sử dụng sự lặp lại để củng cố . Bạn có thể nhớ học bảng thời gian của mình bằng cách lặp lại chúng cho đến khi bạn ghi nhớ chúng vào tâm trí. Nguyên tắc ở đây là như nhau. Chúng tôi lưu giữ thông tin tốt hơn khi chúng tôi gặp nó thường xuyên hơn và nội dung hóa nó.

Mẫu

Các mẫu chỉ đơn giản là sự lặp lại của nhiều hơn một thành phần thiết kế hoạt động trong sự kết hợp với nhau. Một mẫu liền mạch là một trong đó mọi yếu tố trong một thiết kế (bất kể nó được lặp lại thường xuyên như thế nào) kết hợp với nhau để tạo thành một tổng thể. Điều này là phổ biến nhất trong hình nền trên các trang web và ứng dụng. Nó cũng phổ biến trong thiết kế thảm và giấy dán tường. Nhìn xung quanh bạn: bìa giường, tường, bìa sổ tay của bạn. Nếu bạn thấy một mẫu liền mạch, hãy quan sát kỹ nó. Bạn có thấy cách các phần tử (hình tròn, xoắn ốc, hình nón, quả dứa, v.v.) xuất hiện lặp đi lặp lại theo cùng một cách không? Đôi khi, họ chạm vào nhau; đôi khi, chúng có khoảng trống giữa chúng.

a7399aea991af8498ab6ebacc02531a1

Tác giả / Người giữ bản quyền: Dirk Stoop. Điều khoản bản quyền và giấy phép: CC BY-NC 2.0

Như bạn có thể mong đợi, các nhà thiết kế dựa trên hầu hết các mẫu dựa trên màu sắc, kết cấu và hình dạng, thay vì từ ngữ. Chúng ta có thể nhận ra các hình dạng nhanh hơn nhiều so với các từ mà chúng ta phải đọc, bất kể nhanh đến mức nào. Bạn cũng có thể tìm thấy những mẫu như vậy trong kiến ​​trúc. Các kiến ​​trúc sư có xu hướng bao gồm một họa tiết thống nhất ở bên trong và bên ngoài của các tòa nhà để nâng cao tính thẩm mỹ . Điều này không có gì mới. Hãy nghĩ về các tòa nhà Hy Lạp cổ đại chẳng hạn như Parthenon. Các nhà thiết kế cổ đại có thể khéo léo trong việc sử dụng các mẫu của các yếu tố như đường thẳng và hình xoắn ốc.

Khi cân nhắc sử dụng các mẫu trong thiết kế web hoặc ứng dụng của mình, bạn sẽ muốn nghĩ đến độ phức tạp của mẫu. Mặc dù có vẻ là một ý tưởng hay khi xếp một hình ảnh duy nhất làm nền, nhưng điều này có thể khiến việc đọc văn bản nằm trên mẫu khó hơn nhiều. Nếu bạn muốn tạo một thiết kế cho một trang web liên quan đến du lịch đến Hy Lạp, bạn có thể sử dụng phần trên cùng của một cột cổ cho thiết kế của mình. Lúc đầu, nó trông rất tuyệt; bạn đã có một thiết kế đẹp có hình tròn và lá nho.

Tuy nhiên, bạn vẫn phải thêm văn bản. Vì vậy, viết về điều này, bạn sẽ sớm nhận thấy một vấn đề. Chữ viết tối đôi khi rơi xuống dòng tối của hình ảnh. Bạn có thể sử dụng văn bản sáng hơn, chẳng hạn như trắng hoặc vàng, nhưng bạn sẽ thấy rằng đá xám cũng khiến nó khó đọc. Bạn đang gặp khó khăn khi đọc nó và người dùng của bạn cũng vậy. Họ muốn tham gia vào thiết kế của bạn, không phải làm việc để thử và đọc văn bản. Đơn giản và tinh tế là những cân nhắc chính nếu bạn muốn duy trì trải nghiệm người dùng, giữ người dùng trên trang của bạn.

Nhịp

Khi bạn lặp lại các yếu tố, khoảng thời gian giữa những lần lặp lại đó có thể tạo ra cảm giác nhịp nhàng ở người xem và cảm giác chuyển động. Các nhạc sĩ tạo ra nhịp điệu trong khoảng cách giữa các nốt, làm cho những khoảng trống “im lặng” này phát ra các nốt một cách hiệu quả. Các nhà thiết kế chèn khoảng cách giữa các phần tử để tạo nhịp điệu. Nói rộng ra, có năm loại nhịp điệu thị giác.

1dfc1d46010ed58acac2fb165df47b62

Tác giả / Người giữ bản quyền: Eden-Lys. Điều khoản bản quyền và giấy phép: CC BY-NC-ND 2.0

Nhịp điệu ngẫu nhiên – Các yếu tố lặp lại không có khoảng thời gian đều đặn cụ thể tạo ra nhịp điệu ngẫu nhiên. Khoảng cách có thể là một mm ở đây, một cm ở đó, trong khi các phần tử có thể ở khắp nơi. Hãy nghĩ đến tuyết rơi, đá cuội trên bãi biển, chuyển động của giao thông: chúng đều là ví dụ về nhịp điệu ngẫu nhiên trong hành động.

Cũng cần lưu ý rằng một nhịp điệu có thể xuất hiện ngẫu nhiên nếu bạn kiểm tra một phần nhỏ của nhịp điệu . Tuy nhiên, nếu bạn lùi lại và kiểm tra một phần lớn hơn, có thể có một nhịp điệu đều đặn nhưng phức tạp được áp dụng cho thiết kế. Hãy nhớ rằng bạn có hình ảnh tích cực và tiêu cực, bạn có thể sử dụng những hình ảnh này để cả các yếu tố và khoảng cách giữa chúng khiến thiết kế của bạn khó “dự đoán”. Bằng cách sử dụng một loạt các yếu tố lớn hơn, bạn sẽ có hầu như vô hạn khả năng để chơi cùng. Nghệ sĩ René Magritte đã sử dụng nhịp điệu ngẫu nhiên một cách đặc biệt thú vị.

Nhịp điệu đều đặn – Giống như nhịp đập của trái tim, nhịp điệu đều đặn lặp lại theo những khoảng thời gian giống nhau. Bạn có thể dễ dàng tạo ra một nhịp điệu đều đặn chỉ bằng cách tạo một lưới hoặc một loạt các đường thẳng đứng. Mắt của người dùng sẽ ngay lập tức nhận ra một nhịp điệu đều đặn, quét nó để tìm bất kỳ điểm bất thường nào trong quá trình này. Hãy nhớ rằng, con mắt “thích” bị thu hút bởi những yếu tố nổi bật. Do đó, có nguy cơ là khi bạn đang sử dụng nhịp điệu đều đặn trong một thiết kế, nó có thể trở nên đơn điệu (như tiếng vòi nhỏ giọt).

Nhịp điệu xen kẽ – Bạn có thể lặp lại nhiều hơn một phần tử trong một thiết kế. Trong thiết kế xen kẽ, bạn sử dụng mẫu 1-2-1-2-1-2. Hãy nghĩ về các ô vuông đen và trắng trên bàn cờ vua: đó là một nhịp điệu luân phiên trong cuộc chơi. Trên thực tế, một nhịp điệu xen kẽ là một nhịp điệu đều đặn và phức tạp hơn. Nó có thể đơn giản như bàn cờ của chúng ta, hoặc chúng ta có thể hình dung thứ gì đó phức tạp hơn. Một số nhịp điệu xen kẽ tuyệt vời bao gồm hàng cá, chim hoặc động vật khác. Lấy cá làm ví dụ, chúng ta có thể thấy rằng mỗi con cá giống hệt nhau đang theo sau con khác. Dưới đây, trình tự được lặp lại; tuy nhiên, không gian âm giữa các hàng hiển thị cá có màu khác (mà chúng tôi lấy làm nền) bơi theo cách khác, những đường nét mảnh của vây và đuôi của chúng đan xen với những đường nét của mẫu cá đầu tiên. MC Escher’s Lizard (1942) là một ví dụ tuyệt vời khác về điều này, khi kết hợp ba màu của thằn lằn với một cặp thằn lằn mỗi màu quay mặt ra xa nhau, nối đuôi nhau. Dù đơn giản hay phức tạp khi chúng ta muốn tạo một nhịp điệu xen kẽ, nó có thể là một cách dễ dàng để phá vỡ sự đơn điệu của một nhịp điệu thông thường.

Nhịp điệu chảy – Nhịp điệu chảy thể hiện các yếu tố được lặp lại theo sau uốn cong, uốn lượn và uốn lượn. Trong tự nhiên, bạn có thể nhìn thấy điều này trong những con sóng trên bãi biển hoặc cồn cát. Là nhà thiết kế, chúng ta có thể bắt chước thiên nhiên bằng cách tạo ra các mẫu tuyệt vời của các yếu tố với nhịp điệu chảy. Chúng ta có thể thấy các đám rong biển dưới nước, các sợi của chúng nhẹ nhàng hướng về một loạt các hướng. Người dùng tưởng tượng chúng đang rửa mặt với nhau.

Nhịp điệu tăng dần – Chúng ta có thể tạo nhịp điệu tăng dần chỉ bằng cách thay đổi một đặc điểm của mô típ khi chúng ta lặp lại nó. Chúng ta có thể vẽ một loạt các vòng tròn, cái này ở trên cái kia, làm cho cái thấp hơn của chúng lớn hơn. Bạn có thấy cái lớn nhất ở phía dưới giống nó gần nhất với bạn như thế nào không? Chúng ta có thể làm cho một nhịp điệu tiến bộ thay đổi một cách tinh vi hoặc đột ngột. Bạn có thể thêm dần bóng râm vào các vòng tròn nhỏ hơn để vòng tròn nhỏ nhất ở trên cùng có màu tối, vòng tròn ở giữa có bóng một phần và vòng tròn lớn nhất chỉ được tô bóng một chút. Nhịp điệu tiến bộ bao quanh chúng ta. Nếu bạn quay video ai đó đang nhảy và sau đó xem xét từng khung hình của video đó, bạn sẽ có một nhịp điệu tăng dần.

Thiết kế với sự lặp lại, mô hình và nhịp điệu

Việc sử dụng các yếu tố hình ảnh lặp đi lặp lại là một kỹ thuật mà các nhà thiết kế thường sử dụng trong thiết kế web . Ví dụ: bạn có thể lặp lại các yếu tố thiết kế để cung cấp trải nghiệm hình ảnh nhất quán. Nó sẽ giúp người dùng tập trung vào nội dung dễ dàng hơn vì họ biết nơi họ có thể tìm thấy các loại nội dung cụ thể hoặc các tùy chọn điều hướng .

Bạn cũng có thể sử dụng sự lặp lại để thu hút sự chú ý đến một khu vực nội dung hoặc thiết kế cụ thể. Bạn cũng có thể sử dụng nó để hiển thị mối quan hệ giữa các khối nội dung.

Ngoài ra, bạn có thể sử dụng các mẫu cho nền để thêm kết cấu và tính nhất quán, đồng thời bạn có thể triển khai chúng để mang lại sự nhất quán giữa các trang cùng loại .

Với tư cách là nhà thiết kế, chúng ta có thể sử dụng nhịp điệu để tạo ra sự phấn khích (tăng dần theo thời gian) hoặc trấn an (một nhịp tim có thể hoàn hảo trên một trang dành cho những bà mẹ tương lai chẳng hạn). Hoặc, chúng ta có thể sử dụng nó để ảnh hưởng đến những cảm xúc khác.

Mang đi

Là một nhà thiết kế, bạn có ba kiểu lặp lại:

  • Sự lặp lại
  • Hoa văn
  • Nhịp

Bạn có thể sử dụng những thứ này để định hình trải nghiệm người dùng trên web hoặc ứng dụng của mình. Thông qua sự lặp lại, mẫu hoặc nhịp điệu, bạn thiết lập “tâm trạng” của giao diện người dùng và sử dụng các yếu tố này để củng cố thông điệp của bạn và / hoặc tạo giao diện cho sản phẩm của bạn.

Sự lặp lại là yếu tố đơn giản nhất mà bạn có thể sử dụng. Hoa văn là sự kết hợp của các yếu tố được lặp lại. Nhịp điệu liên quan đến việc sử dụng các khoảng hoặc khoảng cách giữa các phần tử để tạo cho người dùng ấn tượng về nhịp điệu hoặc chuyển động. Chúng ta có thể sử dụng năm loại nhịp điệu:

  • Nhịp điệu ngẫu nhiên
  • Nhịp điệu đều đặn
  • Nhịp điệu luân phiên
  • Nhịp điệu chảy
  • Nhịp điệu tăng dần

Cũng có một quan niệm khác về hoa văn đến từ kiến ​​trúc sư Christopher Alexander. Chúng tôi sẽ xem xét điều đó trong một bài viết sau. Nhịp điệu, giống như trong âm nhạc, giúp xây dựng nhịp điệu trong thiết kế của bạn, thu hút người dùng của bạn bằng đủ loại biến thể thú vị. Với một số suy nghĩ, bạn có thể tối đa hóa tác động của thông điệp bằng cách đưa đúng nhịp vào thiết kế của mình.

Start typing and press Enter to search

Shopping Cart