Skeuomorphism so với thiết kế phẳng và thiết kế material design

Đó là thời gian thiết kế từ vựng! Chúng tôi biết bạn đã nghe thấy hai thuật ngữ này nổi xung quanh: chủ nghĩa lệch lạc và thiết kế phẳng. Có ý nghĩa gì? Chúng là hai xu hướng thiết kế đương đại, mỗi xu hướng đều có phong cách và bộ đặc điểm riêng. Chủ nghĩa hoài nghi tạo ra cảm giác quen thuộc bằng cách mô phỏng các vật liệu, trong khi thiết kế phẳng vẫn đúng với phương tiện của nó, thường mang lại cảm giác tối giản và tiện dụng.

Những phong cách đối lập này tạo ra một ngã ba lớn trên con đường cho các nhà thiết kế (đặc biệt là những người thiết kế giao diện người dùng) và nhiều dự án bắt đầu với câu hỏi nên nhảy vào thế giới nào. May mắn thay, chúng tôi ở đây để giúp trả lời câu hỏi đó với cái nhìn chuyên sâu về từng phong cách thiết kế. Chúng ta cũng sẽ khám phá ngôn ngữ thiết kế hoàn toàn mới của Google, Material Design, kết hợp tính thẩm mỹ của cả thiết kế lệch hình và thiết kế phẳng.

Thuyết hoài nghi

–

Thuật ngữ “xiên que” bắt nguồn từ người Hy Lạp: “Skéuos” (nghĩa là vật chứa hoặc công cụ) và “morphḗ” (nghĩa là hình dạng). Vì vậy, nó có nghĩa là gì để chứa một hình dạng? Chúng ta hãy xem xét nền văn hóa mà thuật ngữ xiên que ra đời.

Chú ý các hình khối lặp đi lặp lại trang trí các đường nối của cấu trúc Hy Lạp này. Những khối lập phương này (được gọi là răng giả) được đặt ở đó để tạo ảo giác về những vì kèo bằng gỗ được sử dụng để nâng đỡ mái nhà trong các tòa nhà cổ.

Bởi vì các tòa nhà ở Hy Lạp được làm từ gỗ trước khi có đá cẩm thạch, chúng ta có thể suy đoán rằng các kiến ​​trúc sư có thể đã cố gắng Lưu trữ hoặc mô phỏng một hình dạng điều đó đã quen thuộc. Việc bắt chước gỗ trong các cấu trúc bằng đá cẩm thạch có thể đã giúp mời mọi người sử dụng một công nghệ mới.

Giữa Hy Lạp cổ đại và ngày nay, thuyết lệch lạc đã xuất hiện ở nhiều nơi. Trong những năm 1950, toa xe ga thân gỗ trở nên quá đắt để sản xuất, và Chevrolet bắt đầu khám phá các vật liệu và công nghệ mới. Vì có sự gắn bó với gỗ, Chevrolet đã lắp đặt các tấm ốp giả gỗ để giúp người mua dễ dàng tiếp cận với các vật liệu mới hơn đang được sử dụng trong quá trình sản xuất xe.

Với ấm pha trà điệnmột hình thức tương tự như mặt bếp nguyên bản được sử dụng — giống như một đế rộng, đế cắm giống bếp và vòi cổ ngỗng. Tất cả điều này đều hữu ích đưa người tiêu dùng vào một công nghệ mới theo cách hoài cổ! Các chó đậu hũ được làm theo hình dạng của xúc xích cổ điển để thu hút những người cảm thấy thoải mái với xúc xích. (Hãy tưởng tượng nếu sản phẩm chay này được đặt trong một hình cầu hoặc hình dạng khác. Không, cảm ơn!)

Thông qua các ví dụ này, chúng ta có thể đi đến một định nghĩa cơ bản: Chủ nghĩa ngẫu hứng là thiết kế mô phỏng các vật liệu quen thuộc để gợi lên cảm giác quen thuộc hoặc thoải mái ở người tiêu dùng.

Tranh cãi và tính xác thực

Thuyết hoài nghi gây nhiều tranh cãi. Những người phản đối nói rằng nó thường có thể cảm thấy giả hoặc không chân thực. Tại sao phải thay thế một chiếc ấm đun nước trên mặt bếp đáng tin cậy bằng một chiếc đĩa nhựa rẻ tiền? Nó cũng thường được sử dụng để làm cho các sản phẩm rẻ tiền trông đắt hơn. Chiếc Chevrolet Caprice đó có thể khiến một số người khó thích thú nếu không có cảm giác như họ đang làm giả! Trong trường hợp của con chó đậu phụ, một số người ăn chay sẽ tranh luận rằng chúng không nên được tạo ra để phù hợp với động vật ăn thịt (những giá trị mà họ nghi ngờ).

Mặc dù thuyết lệch lạc chắc chắn đã hỗ trợ nhiều quá trình chuyển đổi công nghệ, nhưng câu chuyện luôn có hai mặt.

Skeuomorphism trong thiết kế giao diện người dùng

Sự chuyển đổi từ tương tự sang kỹ thuật số là một trong những bước chuyển đổi công nghệ lớn nhất mà nền văn hóa của chúng ta từng gặp phải. So với các công nghệ trước đây, máy tính, điện thoại và máy tính bảng là những cỗ máy phức tạp đến khó tin. Chúng tôi đã tập trung vô số máy móc và chức năng của chúng vào những màn hình nhỏ, có đèn nền chứa đầy pixel.

Thiết kế giao diện trực quan cho một công nghệ trừu tượng và mở rộng như vậy là một yêu cầu cao. Bạn sẽ làm thế nào để lĩnh vực công nghệ phức tạp và mạnh mẽ này trở nên hấp dẫn đối với người tiêu dùng bình thường? Như bạn có thể đã đoán, nhiều nhà thiết kế giao diện người dùng đã dựa vào sự quen thuộc, hoặc các hình ảnh lệch lạc.

Trong của Apple iOS, biểu tượng điện thoại có hình dạng giống như một máy thu điện thoại cổ điển (mặc dù điện thoại di động trông không có gì giống như vậy) và biểu tượng email trông giống như một phong bì giấy (một email đối tượng không sử dụng). Tương tự với chó đậu phụ, chúng tôi biết rằng các đối tượng mà chúng ta đang tương tác không có dạng được hiển thị. Nhưng những người quen thuộc hình dạng giúp người dùng iOS tìm thấy một chức năng tương tự như chức năng của các chức năng tương tự. Ngoài ra, các biểu tượng trong iOS hơi sáng bóng và được vát để trông giống như các nút thật, giúp người dùng biết họ có thể nhấn các hình dạng đó trên màn hình phẳng giống như cách họ có thể nhấn vào một nút thực tế.

Dấu gạch ngang sáng tạo nâng cao độ nghiêng của nút lên đến cực điểm trong món bánh quế siêu thực tế của họ. Ví dụ này quá đỉnh đến mức gần như mang tính châm biếm, có lẽ đang chọc tức về việc nhiều nhà thiết kế giao diện người dùng cố gắng làm cho các biểu tượng trông giống như da chất lượng cao hoặc đồng hồ đắt tiền.

Các Vụ án tối mật logo hiển thị kết cấu kim loại đa dạng và bóng đổ. Nhà thiết kế này đã sử dụng một thiết kế vector đơn giản và tạo cho nó một thái độ có thể cảm thấy quen thuộc hoặc hấp dẫn đối với những người muốn cảm thấy cứng rắn hoặc mạnh mẽ.

Cuối cùng, D. Jiang thiết kế ứng dụng tạo ra giao diện kết cấu của một bảng trò chơi bằng gỗ. Tất cả các nút đều có kết cấu giả vân gỗ và chiều sâu thị giác để gợi cảm giác cổ điển hoặc cổ điển.

Thiết kế phẳng

–

Thiết kế phẳng lấy ảnh hưởng từ phong cách thiết kế Thụy Sĩ, bắt đầu ở Nga, Hà Lan và Đức vào những năm 1920, sau đó trở nên phổ biến thông qua sự phát triển của nó ở Thụy Sĩ. Phong cách Thụy Sĩ tập trung vào sự dễ đọc, sạch sẽ và tối giản. Các thiết kế từ phong trào này rất tiện dụng, sử dụng hiệu quả không gian và phẳng.

Phong cách thiết kế của Thụy Sĩ đã gây được tiếng vang qua nhiều trường học, nổi tiếng nhất là Trường Bauhaus. Một nhà thiết kế đáng chú ý từ phong trào này là Josef Muller-Brockman, người đã cách mạng hóa hệ thống lưới. Công việc của anh ấy đã tận dụng không gian theo cách hiệu quả nhất có thể — một khái niệm có liên quan rất cao liên quan đến thiết kế giao diện người dùng.

Thiết kế phẳng trong giao diện người dùng

Ở cả hai Windows 8 (2012) và IOS 7 (2013), chúng ta thấy một sự chuyển đổi táo bạo sang thiết kế phẳng. Trong Windows 8, các nút 3D được thay thế bằng các hình chữ nhật và hình vuông đơn giản trong một bố cục linh hoạt, không khác gì Josef Muller-Brockmann. Mỗi khối 2D có một giá trị duy nhất, độ bão hòa và màu sắc, không có độ dốc. Tương tự, iOS 7 cũng bị dẹp bỏ. Các nút vát, sáng bóng từng mất đi độ sâu, các biểu tượng không còn bóng đổ và các hình dạng sử dụng độ dốc rất tối thiểu. Cả hai thiết kế này đều phù hợp với định nghĩa của thiết kế phẳng.

Tương tự với Windows, Bên ngoài cửa sổ cũng sử dụng các hình chữ nhật phẳng và màu. Tuy nhiên, ứng dụng đưa các khái niệm từ thiết kế Thụy Sĩ và chủ nghĩa tối giản lên một bước nữa bằng cách trình bày các hình chữ nhật mà không có bất kỳ sự ngăn cách nào. Trên thực tế, các yếu tố duy nhất đưa thiết kế này vượt ra ngoài hình học nghiêm ngặt là các biểu tượng phẳng. Thiết kế giao diện người dùng phẳng này bao gồm giao diện kỹ thuật số và làm cho nó trông kỹ thuật số!

Đơn giản này phân tích ứng dụng thể hiện bản chất của thiết kế phẳng không có bóng đổ, vật liệu trong thế giới thực hoặc hiệu ứng hình ảnh. Tất cả các màu đều đồng nhất và phẳng, và các biểu đồ không có gì khác hơn là các hình dạng hình học đơn giản. Ứng dụng này hoàn toàn liên hệ với phương tiện kỹ thuật số của nó. Đừng quên rằng nó cũng có cảm giác trực quan, điều này đặt ra câu hỏi: liệu thuyết lệch hình có cần thiết trong các hoạt động kỹ thuật số hàng ngày của chúng ta không?

Vật chất

–

Vào năm 2014, Google đã ra mắt Material, một dự án nhằm “phát triển một hệ thống cơ bản duy nhất cho phép trải nghiệm thống nhất trên các nền tảng và kích thước thiết bị”. Lấy cảm hứng từ giấy và mực, Google đã phát minh ra “vật liệu” thiết kế tưởng tượng và tạo ra các nguyên tắc sử dụng nó. Vì nguồn gốc từ giấy của nó, bạn có thể gọi nó là lệch hình. Tuy nhiên, nó cũng hoàn toàn phù hợp với thế giới thiết kế phẳng do bố cục thông minh, hạn chế đổ bóng và hoạt ảnh.

Là một ngôn ngữ thiết kế, Material Design có một tập hợp các hướng dẫn trực quan nghiêm ngặt. Ví dụ:

• Không có hai mảnh Vật liệu nào có thể chồng lên nhau.
• Tất cả các yếu tố Vật chất đều không rõ ràng.
• Không có phần tử Vật liệu nào có thể gấp hoặc uốn cong.

Các quy tắc không kết thúc ở đó. Chúng cũng bao gồm các nguyên tắc về cách người dùng có thể tương tác với một ứng dụng. Google đang cố gắng cung cấp bộ công cụ cho các nhà phát triển ứng dụng để tạo ra các ứng dụng trực quan và tiện dụng nhất có thể. Nghe có vẻ giống tư duy kiểu Thụy Sĩ, phải không?

Bất chấp ảnh hưởng của giấy và bóng mờ, Google Material được tạo ra rất nhiều trên tinh thần của thiết kế phẳng. Có lẽ nó vừa lệch vừa phẳng? Có lẽ. Dù vậy, chắc chắn sẽ rất thú vị khi xem các nhà phát triển ứng dụng sử dụng bộ công cụ này ở đâu. Nếu bạn có điện thoại Android, sử dụng các ứng dụng của Google hoặc chỉ là người yêu thích thiết kế giao diện người dùng, chúng tôi khuyên bạn nên cập nhật làn sóng thiết kế này.

Bạn nghĩ Material Design là lệch hình hay phẳng? Bình luận dưới đây!