'Thiết kế phẳng' là gì?

Bài viết của trang công nghệGizmododưới đây sẽ giúp bạn có thể hiểu sơ bộ khái niệm 'thiết kế phẳng' (Flat Design).Ngày ra mắt của iOS 7 đã gần kề và tin đồn về các thay đổi mà Jony Ive (trưởng bộ phận thiết kế của Apple) sẽ mang tới đều nói rằng iOS 7 sẽ 'phẳng' hơn các phiên bản trước. Nhưng 'thiết kế phẳng' là gì?


'Thiết kế phẳng' là một triết lý thiết kế...


'Thiết kế phẳng' là gì?

Giao diện ứng dụng Newsstand trên iPad

Hãy nghĩ về ứng dụng máy tính (calculator) trên chiếc iPhone của bạn. Hoặc hãy thử ứng dụng Newsstand (quầy báo) trên iPad. Các ứng dụng này đều được thiết kế để trông giống với vật dụng mà chúng được đặt tên theo. Nhưng liệu chúng ta có cần những chi tiết nhỏ và những dấu hiệu về mặt hình ảnh đó không? Theo các nhà thiết kế thuộc trường phái thiết kế phẳng, câu trả lời là không.

... đòi hỏi giao diện người dùng phải đơn giản, rõ ràng và sử dụng các chất liệu 'trung thực'...

Theo các nhà thiết kế này, GUI – giao diện người dùng trực quan – phải đặt tính năng lên trên phong cách. Điều đó có nghĩa rằng GUI không nên có viền cong và không nên bóng bẩy, nhằm tạo ra một trải nghiệm người dùng có trọng tâm là sức mạnh của giao diện số, thay vì cố gắng bắt chước theo thế giới thực. Trong thiết kế web, các trang web 'phẳng' ít khi sử dụng thiết kế đa chiều, đổ bóng hoặc chất liệu vân bề mặt. Thay vào đó, chúng đều hết sức đơn giản và rõ ràng về mặt đồ họa.


Ví dụ rõ ràng nhất về thiết kế 'phẳng' là Google Now: ứng dụng này sử dụng nhiều 'thẻ' khác nhau để hiển thị thông tin cho người dùng. Thay vì nhồi nhét thông tin vào các biểu tượng tĩnh, Google Now hiển thị thông tin lên các thẻ có kích cỡ thông thường, dễ đọc. Người dùng có thể sử dụng cử chỉ trượt một cách dễ dàng để lướt qua các thẻ này.

Một ví dụ tuyệt vời khác là Windows 8, với ngôn ngữ thiết kế 'Metro' của Microsoft. Ngôn ngữ này ưu tiên 'typography' – việc đưa thông tin tới người dùng – thay vì đồ họa, giúp cho người dùng dễ dàng nhận biết được họ đang đọc loại ('type') thông tin nào.



... và là một cách phản kháng lại phong cách thiết kế 'giả chất liệu'...


Để hiểu được thiết kế phẳng, bạn phải hiểu rằng phong cách này là một cách phản kháng lại phong cách thiết kế 'giả chất liệu' (Skeuomorph). Phong cách thiết kế 'giả chất liệu' về bản chất là một cách đánh lừa thị giác, sử dụng các chi tiết và các vật trang trí nhỏ nhằm giúp cho một vật thể/giao diện nào đó trông giống với một vật thể khác.

Ví dụ, một số mẫu xe có thể sử dụng sơn có vân gỗ. Trong lập trình, phong cách 'giả chất liệu' giúp cho giao diện phần mềm trông giống như một vật nào đó từ thế giới thật. Ví dụ, chúng ta có thể kể đến bảng ghim trên Interest hoặc giá sách trong iBooks.

... vốn sử dụng bề mặt cong, vân bề mặt và các chi tiết khác để làm các vật thể số trông giống 'thật' hơn.

Phong cách 'giả chất liệu' trong thế giới số bắt nguồn từ năm 1980. Ví dụ, giao diện người dùng đầu tiên của Apple, ra mắt vào năm 1984, giới thiệu khái niệm 'desktop' (bề mặt bàn làm việc) với rất nhiều biểu tượng trông giống như các tập hồ sơ và các tờ giấy.

Vào thời điểm đó, giao diện máy vi tính là một khái niệm xa lạ với phần lớn người dùng, và phong cách 'giả chất liệu' là một công cụ hữu hiệu. Phong cách này cho phép các nhà thiết kế tạo ra sự liên kết giữa các vật liệu cũ, quen thuộc và một thứ hoàn toàn mới và khó dùng (file số). Phong cách 'giả chất liệu' đã giúp chúng ta làm quen với máy vi tính.

Nhưng khi máy vi tính ngày càng trở nên phổ biến hơn, số lượng người cần có sự liên kết nói trên để làm quen với thế giới số cũng trở nên ít hơn. Phong cách thiết kế 'giả chất liệu' trở thành một phong cách bị tận dụng quá mức – nó làm cho giao diện máy vi tính trở nên rối loạn với quá nhiều chi tiết. Do đó, phong cách này sớm trở thành một 'lời nguyền' dành cho thế hệ các nhà thiết kế hiện đại – những người không hề biết tới một thế giới không có máy vi tính.

Thật ra, các nghệ sĩ theo phong trào cách tân (Modernism) đã kêu gọi thực hiện triết lý này từ đầu thế kỷ trước: đừng thêm vào các chi tiết không hỗ trợ cho tính năng của sản phẩm. Hãy sử dụng các vật liệu và cấu trúc 'trung thực', đừng tạo ra một hàng rào giả để tạo cảm giác an toàn cho người dùng. Thực tế, phong cách thiết kế phẳng chỉ là Modernism của thế kỷ 20.

Sau thiết kế phẳng là gì?

Cả thế giới đang đi theo phong cách thiết kế phẳng, song phong cách này sẽ không tồn tại mãi mãi. Thực tế, mỗi phong trào cách tân đều sớm trở nên 'cũ kỹ', và một phong trào cách tân mới sẽ lại xuất hiện để chống lại những gì đã hết thời. Với giao diện đồ họa, mọi thứ cũng vậy. Trong tương lai, sau khi thiết kế phẳng lên ngôi, có thể ở một thời điểm nào đó các nhà thiết kế sẽ trở lại với thiết kế bóng bẩy, đa chiều – khi mà chúng ta thực sự cần đến nó.

Nhưng thời điểm đó còn rất lâu nữa mới tới. Bây giờ, chúng ta chỉ cần chờ xem Jony Ive sẽ làm được những gì với cuộc cách mạng 'thiết kế phẳng' của mình.


Từ khoá : Thiết kế phẳng

TIN LIÊN QUAN

Trải nghiệm Facebook giao diện phẳng tuyệt đẹp trên Chrome & Cốc cốc

Nếu bạn đang cảm thấy giao diện Facebook trở nên nhàm chán thì hãy thử qua giao diện phẳng sau đây dành cho trình duyệt Chrome và Cốc cốc nhé!

LG sẽ giới thiệu màn hình chơi game OLED phẳng biến thành cong tại CES 2021

LG sẽ giới thiệu màn hình chơi game OLED phẳng biến thành cong tại CES 2021 Màn hình này có thể chuyển đổi giữa phẳng và cong chỉ bằng một nút bấm. LG Display sẽ giới thiệu một sản phẩm ý tưởng liên quan đến game tại CES 2021 đó là màn hình 48 inch

Audeze giới thiệu tai nghe từ phẳng LCD-5

Theo nhà sản xuất, chiếc tai nghe từ phẳng mới LCD-5 sẽ có giá bán lên tới 4,500 USD.

Rò rỉ ảnh thực tế Galaxy S21+ màu Phantom Violet với màn hình phẳng và viền siêu mỏng

Một vài bức ảnh thực tế về Galaxy S21+ màu Phantom Violet đã xuất hiện trang Twitter @MauriQHD và mặc dù chúng không tiết lộ thêm điều gì, nhưng chúng cho ta thấy cái nhìn tốt hơn về S21+ so với ảnh render.

Meze Audio hé lộ tai nghe từ phẳng closed-back đầu tay Liric

Bên trong thiết kế gọn gàng của Liric - chiếc tai nghe từ phẳng đầu tay của Meze Audio, là hàng loạt công nghệ âm thanh đầu bảng do công ty phát triển.

Là phẳng và hong khô 12 bộ quần áo trong 3 phút: Phát minh ấn tượng của hai thanh niên người Anh

Hai kỹ sư trẻ tuổi và đồng thời là đôi bạn thân Rohan Kamdar và Trevor Kerth (cùng 27 tuổi) ở Bắc London (Anh) vừa có phát minh giúp ích rất nhiều cho các bà nội trợ – một máy là quần áo tiết kiệm thời gian ủi đến 95%. Chiếc máy ủi quần áo này ...

OPPO Reno7 Pro lộ ảnh thực tế: Màn hình chuyển sang thiết kế phẳng...

Trước thời điểm trình làng vào cuối tháng 11 này, phiên bản Reno7 Pro đã bị lộ ảnh thực tế, nhờ vậy chúng ta có thể biết được diện mạo của chiếc smartphone này.

Tai nghe từ phẳng Audeze LCD-1: Thiết kế nhỏ gọn, dễ phối ghép

LCD-1 của Audeze là đôi tai nghe từ phẳng dạng portable đầu tiên trong dòng tai nghe cao cấp LCD, mang giá thành tương đối dễ chịu để mọi người dễ dàng tiếp cận công nghệ âm thanh hấp dẫn này.

THỦ THUẬT HAY

Code Ngọa Hổ Tàng Long, cách nhận và nhập Giftcode

Ngọa Hổ Tàng Long là một tựa game 3D hiếm hoi trên điện thoại thu hút được khá đông người chơi ở Việt Nam. Mới đây tựa game này đã gửi đến người chơi Ngọa Hổ Tàng Long nhằm hỗ trợ tốt hơn cho các game thủ mới tham gia.

Hướng dẫn chuyển tất cả dữ liệu từ iPhone cũ sang iPhone X

Trước khi 'lên đời' cho chiếc iPhone của mình, chuyển sang dùng iPhone X mới nhất vừa ra mắt. Bạn cần chuyển tất cả dữ liệu từ iPhone cũ sang iPhone X.

Nên mua điện thoại nào cho nữ với tầm giá 5 - 7 triệu đồng?

Việc lựa chọn một chiếc điện thoại thiết kế với màu sắc đẹp mắt, gọn nhẹ, phù hợp nhu cầu, đặc biệt là nhu cầu selfie, tự sướng thì không hề dễ dàng. Mời các bạn tham khảo bài viết dưới đây để chọn ra một chiếc điện

Làm mới giao diện smartphone Xiaomi bằng themes "chính chủ" miễn phí

Xiaomi chính là một trong những nhà sản xuất smartphone cung cấp sẵn cho người dùng các bộ themes miễn phí giúp bạn có thể thay đổi giao diện bất kỳ lúc nào. Bằng cách này, bạn sẽ có thể làm mới điện thoại sau một thời

Cách gõ biểu tượng Apple đơn giản mà không cần cài thêm các công cụ của bên thứ 3

Mặc định Apple chỉ hỗ trợ người dùng gõ biểu tượng 'trái táo cắn dở' trên máy tính Mac bằng tổ hợp phím, tuy nhiên người dùng hoàn toàn có thể gõ biểu tượng trên những thiết bị khác như iPhone hay iPad bằng mẹo vặt đơn

ĐÁNH GIÁ NHANH

Đánh giá bộ đôi smartphone giá rẻ Moto C Plus và E4 Plus từ Lenovo

Moto C Plus và E4 Plus là hai trong ba mẫu smartphone giá rẻ mới nhất của Lenovo tại thị trường Việt Nam. So với những dòng sản phẩm cùng phân khúc thì hai thiết bị này sở hữu khá nhiều tính năng vượt trội.

So sanh Samsung Galaxy A72 và Oppo Reno5: Bạn sẽ rước em nào về ?

Về yếu tố ngoại hình, cả hai máy đều mang những nét riêng làm nên thương hiệu của chúng. Với Samsung Galaxy A72, chiếc máy có phần mặt lưng tối giản với cụm camera tái thiết kế cho giống

Trên tay Redmi Watch 2 giá chỉ hơn 1 triệu có gì nổi bật kích thích người mua?

Trong một sự kiện tại Trung Quốc vào tối ngày 29/10 vừa qua, ngoài Redmi Note 11 series thì Xiaomi đã cho ra mắt Redmi Watch 2. Đây là phiên bản được nâng cấp từ Redmi Watch với nhiều điểm mới đáng chú ý nhất là màn