Home » Web Design » Nguyên tắc Gestalt: Lý thuyết thiết kế web cho Web Designers

Nguyên tắc Gestalt: Lý thuyết thiết kế web cho Web Designers

Khi nhìn vào một thiết kế nào đó thì nó sẽ mang tới cho người xem một ý nghĩa nhất định và nguyên tắc Gestalt sẽ phản ánh điều này. Như vậy, nó là một trong những nguyên tắc cơ bản mà mọi web designer nên xem xét trong quá trình làm việc. Chúng ta sẽ phân tích làm thế nào mà việc hiểu nguyên tắc Gestalt sẽ cải thiện quy trình làm việc của bạn.

Design Theory and Web Design

Đối với một người đã tham gia 1 trường thiết kế thì việc thiết kế 1 sản phẩm tốt và sáng tạo không có gì khó khăn, nhưng đối với gần 90% web designer – những người chưa bao giờ tham gia bất kì một trường lớp nào về thiết kế thì sẽ không thật sự dễ dàng. Chúng ta luôn có một câu hỏi đó là – Điều gì làm nên một web design giỏi? Tài năng bẩm sinh? Một người sở hữu cách nhìn đặc biệt để biết cái nào hoạt động tốt, cái nào không? Có 1 phương pháp khoa học đằng sau tất cả những điều này có thể hướng dẫn các nhà thiết kế, các nhà phê bình và cả khách hàng đến một thiết kế tuyệt vời?

Nguyên tắc Gestalt

Gestalt là 1 từ tiếng Đức có nghĩa là bản chất hoặc hình dạng của 1 thực thể, và định nghĩa đơn giản này có thể là một trong những quy tắc quan trọng nhất của thiết kế.

Thông thường, những nhà thiết kế có xu hướng tập trung lên các chi tiết của thiết kế web hơn là 1 cái nhìn tổng thể. Họ tập trung lên đường cong, shadows, fonts,… mọi thứ đều tốt nhưng có thể không thực sự tạo nên nhiều khác biệt nếu khách hàng không thích thiết kế ngay ở cái nhìn đầu tiên, điều đa số mọi người không hiểu đó là não bộ trước tiên sẽ thấy tổng thể của một thiết kế, rồi mới bắt đầu tập trung vào các chi tiết.

Hãy nhìn bức ảnh ví dụ này

 

Nhìn thoáng qua bạn sẽ thấy một cặp 2 người già, nhưng nhìn kĩ hơn một chút bạn bắt đầu thấy các chi tiết (cái mà nhiều người thậm chí còn không chú ý ở lần đầu)

Bây giờ chúng ta sẽ xem 1 ví dụ để thấy được các chi tiết không thực sự quan trọng, nhìn 2 bức ảnh ví dụ bên dưới:

Nhìn thoáng qua 2 bức ảnh này trông có vẻ giống nhau, tuy nhiên có 5 sự khác biệt nhỏ khi nhìn vào chi tiết nhưng không tác động nhiều đến tổng thể thiết kế

  1.  Con chim đen ở phía trên bên trái có hướng khác nhau
  2.  Chiếc mũ của người đàn ông
  3.  Cây gậy của người đàn ông
  4. Gạch đường
  5. Hướng nhìn của người phụ nữ

Có thể thấy những thay đổi không thực sự tác động nhiều tới cái nhìn tổng thể của bức tranh. Hãy xem thêm ví dụ khác:

Có 2 phiên bản của Volkswagen Beetle, mẫu năm 1937 và 1973, và mặc dù có một số thay đổi lớn trong thiết kế chi tiết hơn 4 thập kỉ nhưng về cơ bản thì thiết kế vẫn giữ nguyên. Điều này là do cách làm việc của bộ não chúng ta, chúng ta nhìn tổng thể bức tranh nhanh hơn và dễ dàng hơn so với nhìn những thay đổi trong chi tiết.

Nếu chúng ta nhìn bức ảnh trên –  mô tả 1 chú chó Dalmatian đang hít đất dưới những bóng cây. Sẽ rất khó để nhìn ra được con chó nếu dựa vào các bộ phận của nó (chân, tai, mũi,) Thay vào đó, con chó sẽ được nhận ra nếu nhìn một cách toàn thể, tất cả cùng một lúc.

Điều tương tự xảy ra với mọi thiết kế website chúng ta tạo ra, thiết kế sẽ không bao giờ được cảm nhận bằng cách nhìn vào từng phần các phần của nó (Header, Navigation, Content, buttons, tabs,) mà thiết kế được cảm nhận một cách tổng thể.

Hỏi bất kì ai trên thế giới vẽ Big Ben hoặc Tháp Eiffel hoặc Kim tự tháp Giza Tất cả họ đều đồng ý về hình dạng tổng thể của các địa danh, bởi vì chúng ta nhìn thấy hình dạng của các địa danh bằng nhiều cách khác nhau (du dịch, trong ảnh, trong phim,)

 

Chúng ta hãy xem xét ví dụ cuối cùng bên dưới:

Suy nghĩ về thiết kế của bạn như 1 lớp chocolate bao bọc hạt đậu, nếu bạn bắt đầu với hạt đậu, từ trong ra ngoài, lớp bên ngoài, cái mà mọi người nhìn thấy (lớp chocolate) sẽ luôn luôn phụ thuộc vào hình dáng hạt đậu và bạn sẽ có ít sự kiểm soát với hình dạng cuối cùng.

Tuy nhiên, nếu bạn xử lý thiết kế của bạn giống như 1 quả trứng chocolate, làm việc với lớp bên ngoài trước, và hình dạng của nó như bạn mong muốn sắp xếp nội dung bên trong vừa vặn với vỏ, và rồi thiết kế sẽ luôn là hình dạng quả trứng như bạn mong đơi.

Share
Share
Free WordPress Themes - Download High-quality Templates