Nguyên tắc Gestalt là một tập hợp các quy tắc hoặc nguyên tắc nhận thức của con người mô tả cách con người tổ chức các yếu tố tương tự với nhau, phát hiện các mẫu và làm rõ các hình ảnh phức tạp khi chúng ta nhận thức các đối tượng. Các nhà thiết kế sử dụng các nguyên tắc hướng dẫn để sắp xếp tài liệu trên trang web và các giao diện người dùng khác theo cách vừa đẹp mắt vừa dễ hiểu.
Tâm lý học Gestalt nói rằng chúng ta không chỉ tập trung vào từng phút trong khi cố gắng hiểu thế giới xung quanh. Thiết kế tốt chủ yếu dựa vào việc sử dụng không gian âm. Điều đầu tiên xuất hiện trong tâm trí khi xem xét thiết kế là việc sử dụng không gian màu trắng. Một kiểu thiết kế khác tạo ra lợi thế của không gian để gợi ý một khía cạnh hoàn toàn không tồn tại.
Nguyên tắc của Gestalt
Văn bản cử chỉ xuất phát từ lĩnh vực tâm lý học. Nó đề cập đến khái niệm rằng con người có thể hiểu một sự vật hoàn toàn dễ dàng và có ý nghĩa hơn là chia nhỏ nó thành các yếu tố cấu thành của nó.
Cuốn sách "Lý thuyết về hình thức" của Max Wertheimer, được xuất bản vào năm 1923 và còn được gọi là "bài luận về dấu chấm" vì nó được minh họa bằng các văn bản trực quan của các dấu chấm và đường, là nguồn gốc của hiệu ứng lâu dài nhất đối với nghệ thuật và thiết kế. . Wertheimer tin rằng xu hướng tự nhiên của chúng ta là coi các yếu tố liền kề với nhau (nhóm gần nhau), có vẻ giống như (nhóm tương tự), hoặc có nền kinh tế cấu trúc (hay liên tục) như thuộc về nhau góp phần vào việc hình thành các thai nhất định. Giả thuyết của ông là những gì các nguyên tắc cử chỉ được xây dựng làm nền tảng của chúng.
Bộ não con người vượt trội trong việc lấp đầy những khoảng trống trong thiết kế hoặc hình ảnh và lắp ráp một tổng thể lớn hơn tổng các yếu tố. Khi bạn nhìn thấy hai vòng tròn có cùng kích thước và màu sắc được đặt cạnh nhau, bạn có xu hướng cảm thấy rằng các vòng tròn đó có liên quan đến nhau hơn là chỉ đơn giản là hai vòng tròn riêng biệt. Điều này là do các vòng tròn có cùng kích thước và màu sắc. Đó là cách mà hầu hết mọi người coi các phần tử là một nỗ lực để phân loại chúng thành các cử chỉ.
Lý thuyết Gestalt cho rằng con người có xu hướng sắp xếp các phần tử thành các tập hợp khi các quy tắc cụ thể được áp dụng. Lý thuyết cho rằng tổng thể khác biệt với tổng thể các yếu tố cấu thành của nó. Ngay cả khi thiếu các tín hiệu thị giác rõ ràng, con người phát triển theo bản năng cảm giác liên kết không gian giữa các đối tượng khi chúng tương phản với nhau. Điều đó ngụ ý rằng ngay cả những cấu hình đối tượng cơ bản nhất cũng có thể được sử dụng để tạo cảm giác gần gũi và do đó gợi ý cho câu chuyện.
Các khái niệm của Gestalt cố gắng xác định các cách khác nhau mà tâm trí con người cảm nhận các yếu tố của nhận thức thị giác. Xem xét các nguyên tắc hướng dẫn khác nhau là phương pháp hiệu quả nhất để học khái niệm Gestalt. Khái niệm Gestalt có thể được chia thành ba loại hướng dẫn lớn.
- Chúng ta nhìn thấy mọi thứ ở hình dạng cơ bản nhất của chúng khi chúng ta nhìn vào mọi thứ hoặc văn bản.
- Con người có thể dễ dàng theo dõi các đường thẳng hoặc đường cong trong bất kỳ văn bản hoặc phần tử nào.
- Tâm trí sẽ cố gắng cảm nhận và điền vào những chi tiết không có trong môi trường.
Việc sử dụng các nguyên tắc Gestalt có thể nhanh chóng biến đổi một thiết kế có vẻ hỗn loạn hoặc giống như nó đang cạnh tranh để thu hút sự chú ý của người dùng thành một thiết kế cung cấp kết nối linh hoạt, tạo cho trang web của bạn cảm giác quen thuộc trong khi hướng người dùng đến hành động bạn muốn họ làm. Học các nguyên tắc của cử chỉ nên ưu tiên mọi người quan tâm đến thiết kế.
Ở dạng cơ bản nhất, nguyên tắc cử chỉ cho rằng bộ não con người sẽ cố gắng đơn giản hóa và sắp xếp các hình ảnh phức tạp và các thiết kế phức tạp với nhiều khía cạnh bằng cách sắp xếp các phần một cách vô thức thành một hệ thống có trật tự tạo ra một tổng thể, thay vì chỉ là sự liên tiếp của các phần tử bị ngắt kết nối. . Nguyên tắc Gestalt là một yếu tố quan trọng của thiết kế trực quan. Có hơn mười nguyên tắc trùng lặp với nhau, nhưng những nguyên tắc thường được biết đến nhiều nhất như sau:
Các nguyên tắc chính của Gestalt
1. Tính liên tục
Nguyên tắc thai nghén đầu tiên là Tính liên tục. Theo Nguyên tắc liên tục, bất cứ khi nào mắt chúng ta bắt đầu nhìn theo bất cứ thứ gì, chúng sẽ tiếp tục di chuyển theo hướng đó cho đến khi bắt gặp một vật dụng khác. Điều này sẽ xảy ra ngay cả khi đối tượng mà họ đang theo dõi thay đổi. Bởi vì chúng bị buộc phải đi qua một vật thể và tiếp tục đến một vật thể khác, mắt tạo ra động lượng khi chúng làm như vậy. Hãy xem một số ví dụ về Tính liên tục,
Ví dụ: Biểu trưng
Khái niệm liên tục của Gestalt có thể được nhìn thấy trong logo của các công ty như ProQuest, Amazon và Coca-Cola. Logo Amazon có một mũi tên bắt đầu bằng chữ A và kết thúc bằng chữ Z. Mũi tên này nhằm thể hiện sự thật rằng Amazon bán mọi thứ từ A đến Z. Tương tự, khi chúng ta nhìn vào logo cho phần mềm nổi tiếng. nhãn hiệu đồ uống Coca Cola, mắt chúng ta đi từ chữ "C" trong chữ Cola đến chữ "C" trong chữ Coca, lướt qua các chữ cái L và A trên đường đi. Nhiều loại hỗ trợ trực quan này giúp mắt chúng ta dễ dàng theo dõi một đối tượng hoặc văn bản đang tiếp cận.
2. Sự giống nhau
Nguyên tắc cử chỉ thứ hai là sự tương đồng. Theo nguyên tắc tương đồng, bộ não của chúng ta có dây để giải thích bất kỳ hai vật phẩm nào có hình dạng bên ngoài giống nhau là thuộc cùng một thực thể. Có thể có một kết nối giữa bất kỳ hai trong số chúng; màu sắc, hình dạng, kết cấu hoặc thứ gì khác. Hãy xem xét một số ứng dụng trong thế giới thực của khái niệm tương tự.
Ví dụ: Logo
Panda Security Touts, NBC và Sun Microsystems có biểu trưng với các đối tượng và mẫu có chất lượng hình ảnh tương tự, mặc dù những thứ và mẫu này không có cùng bảng màu, sơ đồ hình dạng hoặc sơ đồ kích thước. Dấu từ và dấu đăng nhập của logo Panda Security Tout được tích hợp tốt với nhau. Tương tự, những chiếc lá tạo nên logo NBC mỗi chiếc có một màu riêng, nhưng chúng đều dễ nhận biết là thuộc cùng một nhóm vì chúng có hình ảnh hoặc thiết kế giống nhau.
3. Sự gần gũi
Nguyên tắc cử chỉ thứ ba là sự gần gũi. Theo nguyên tắc gần nhau, khi hai hoặc nhiều yếu tố ở gần nhau, vị trí của các yếu tố này miêu tả mối quan hệ giữa các yếu tố khác nhau. Nó thể hiện một ý nghĩa nhất định đối với nhóm đó. Điều này áp dụng cho dù các phần tử có gần nhau về mặt vật lý hay không. Chúng ta hãy xem xét một số ứng dụng trong thế giới thực của khái niệm tiệm cận.
Ví dụ: Logo của IBM
Khi nhìn vào logo IBM, chúng ta thấy ba chữ cái của văn bản được tạo thành từ các đường ngang ngắn xếp chồng lên nhau. Điều này trái ngược với biểu trưng ban đầu, bao gồm tám đường ngang với khoảng cách nhất quán giữa chúng.
4. Khu vực chung
Nguyên tắc cử chỉ này khá quan trọng. Khái niệm về một khu vực chung được kết nối mật thiết với hình ảnh của sự gần gũi. Theo lý thuyết này, bộ não của chúng ta giải thích sự hiện diện của một số vật phẩm trong cùng một vùng giới hạn như một dấu hiệu cho thấy những vật thể này thuộc về nhau. Ngay cả khi các đối tượng gần nhau và có cùng độ gần, hình dạng, kích thước hoặc màu sắc, việc thêm đường viền hoặc các đường ranh giới rõ ràng khác là một phương pháp tuyệt vời để tạo ảo giác tách biệt giữa các nhóm.
5. Pragnanz;
Một trong những nguyên tắc cử chỉ là Pragnanz (luật Đối xứng). Cụm từ good figure có thể được dịch từ tiếng Đức bằng cách sử dụng văn bản Pragnanz. Ngoài những văn bản này, quy luật về hình hài và sự đơn giản là những tên thay thế cho Luật Pragnanz. Theo lý thuyết này, mọi người tự nhiên có xu hướng nhìn mọi thứ theo hình dạng đơn giản nhất của chúng. Nguyên tắc cử chỉ này còn được gọi là quy luật Đối xứng. Nguyên tắc này dựa trên sự đối xứng. Khi các cá nhân xem các yếu tố trong Tính đối xứng là các yếu tố của một nhóm nhất quán, họ áp dụng khái niệm Gestalt về Đối xứng. Mọi người tạo ra những hình ảnh hoặc thiết kế phức tạp ở dạng cơ bản nhất trong tâm trí của họ.
Chúng tôi yêu thích Tính đối xứng bởi vì nó là một quy chuẩn cơ bản, hài hòa, mang lại cảm giác trật tự và đúng đắn trong mọi thứ. Đó rất có thể là lý do tại sao Tính đối xứng rất phổ biến trong các tòa nhà chính phủ trên toàn thế giới. Các nghiên cứu cũng đã chỉ ra rằng sự đối xứng ảnh hưởng rất nhiều đến tiêu chí của chúng ta về "vẻ đẹp" trên khuôn mặt.
Ví dụ: Logo của Olympic
Biểu tượng Olympic bao gồm năm vòng tròn chồng lên nhau. Logo này thường được trình bày công khai với chúng tôi. Biểu trưng bao gồm năm vòng tròn được sắp xếp liền nhau với nhau. Ít có khả năng biểu trưng bị hiểu là một mớ hỗn độn của các đường cong, dạng hình học, chuyển màu và văn bản hoặc đường thẳng.
6. Hình xuống đất
Mắt thường của con người có khả năng phân biệt một vật với môi trường xung quanh. Khi chúng ta nhìn vào một cảnh, chúng ta thấy một số mục ở tiền cảnh và những mục khác ở hậu cảnh; khi tiền cảnh và hậu cảnh tạo ra hai hình ảnh riêng biệt hơn là thiết kế phức tạp và hình ảnh phức tạp, mọi thứ trở nên thú vị.
7. Đóng cửa
Bởi vì bộ não con người ủng hộ toàn bộ hình dạng hoặc hình ảnh, nó có xu hướng lấp đầy khoảng trống giữa các yếu tố để nhìn thấy toàn bộ hình ảnh, tạo ra một tổng thể. Với việc đóng cửa, chúng ta có thể truyền tải thông tin một cách trực quan bằng cách sử dụng một số yếu tố hạn chế trong khi vẫn cho phép tâm trí lấp đầy bất kỳ khoảng trống nào trong thông tin. Bởi vì điều này, chúng tôi có thể đơn giản hóa các thiết kế và tạo ra chúng thú vị hơn. Đó là khái niệm cho rằng bộ não của bạn có thể lấp đầy những khoảng trống trong một thiết kế và hình ảnh phức tạp để tạo ra nó một cách hoàn chỉnh.
Nhiều người tin rằng đóng cửa là một trong những nguyên tắc cử chỉ thú vị nhất. Nó cho thấy mình được sử dụng theo nhiều cách sáng tạo khác nhau. Sử dụng không gian tích cực và tiêu cực kết hợp với nhau để tạo ra một tổng thể là yếu tố cần thiết trong thiết kế và hình ảnh đơn giản hay phức tạp. Bạn có thể tạo ra các hình dạng âm bản hấp dẫn bằng cách loại bỏ các mục từ phía trước hoặc bạn có thể sử dụng không gian âm trong thiết kế để thể hiện các hình dạng bị che khuất khỏi tầm nhìn.
Khi bạn hiển thị một phần hình ảnh hoặc thiết kế mờ dần khỏi màn hình của người dùng để cho biết rằng có nhiều điều cần được khám phá nếu họ vuốt sang trái hoặc phải, đây là một ví dụ cơ bản về việc đóng cửa tại nơi làm việc trong thiết kế phức tạp hoặc đơn giản của UX và UI. Nếu không có hình ảnh từng phần hoặc thiết kế phức tạp, nếu chỉ hiển thị hình ảnh hoặc thiết kế đầy đủ, bộ não không nhanh chóng nhận ra rằng có nhiều thứ để xem và kết quả là khách hàng của bạn ít có khả năng tiếp tục.
Sự kết luận
AppMaster là một nền tảng không mã hóa. Bằng cách hiểu Nguyên tắc Gestalt của thiết kế, bạn có thể dễ dàng triển khai các thiết kế đó trong nền tảng không mã hóa của mình với sự trợ giúp của AppMaster.
