Apple, Big Sur, và phong cách thiết kế neumorphism mới

Duy Luân
26/6/2020 16:15Phản hồi: 140
Apple, Big Sur, và phong cách thiết kế neumorphism mới
Neumorphism (hay còn gọi là neo-skeumorphism) là một kiểu thiết kế tập trung vào việc ánh sáng sẽ di chuyển như thế nào. Người tiền nhiệm của nó - skeumorphism - thì cố gắng mang những thứ ngoài đời thực vào trong không gian ảo, từ hình khối của các vật thể cho đến chất liệu bề mặt của nó. Và với macOS Big Sur, có thể Apple sẽ chọn con đường Neumorphism cho việc thiết kế giao diện của mình trong tương lai.
iPhone_design_UI.jpg
Ngày xưa khi iPhone mới ra đời, Apple đi theo con đường skeumorphism. Ví dụ, bạn nhìn vào icon của ứng dụng Notes, sẽ thấy rằng nó mô phỏng lại tờ giấy để ghi chú và bên trên nó là miếng da thường có trên các quyển sổ. Ứng dụng Calculator thì có bề mặt màu xám mô phỏng lại cái máy tính thật ở ngoài đời.

Các mô phỏng lại ánh sáng và vật liệu cho những thiết kế skeumorphism ngày xưa vẫn còn khá đơn giản: Vật nào sáng lên và vật nào không cần sáng? Vật nào trong suốt, vật nào không? Ánh sáng sẽ phản chiếu như thế nào trên các đối tượng trên giao diện của phần mềm.

Và skeumorphism vẫn nhắm tới nguyên tắc mô phỏng lại các vật thể vật lý mà bạn có thể sờ, nắm được.

Tới khoảng năm 2010, khi mà xu hướng thiết kế “phẳng” bắt đầu xuất hiện. Thiết kế phẳng cho phép nhà thiết kế sử dụng nhiều công cụ về màu sắc và các vật thể hơn so với skeumorphism. Việc tách khỏi các khái niệm về vật thể vật lý cho phép các vật thể trên UI có thể có bất kì màu nào mà designer muốn. Không gian cũng sẽ được tận dụng tốt hơn. Và cũng nhờ việc loại bỏ đi các nguyên tắc về việc tái tạo lại không gian 3 chiều, designer có thêm không gian để tìm tòi, khám phá.


Trong gần 10 năm nổi lên, lợi ích lớn của thiết kế phẳng đó là giúp cho trải nghiệm và cách dùng dễ dàng hơn.

Neumorphism.jpeg

Nhưng theo thời gian, những thiết kế phẳng hoàn toàn theo kiểu 2 chiều cũng dần trở nên ít phổ biến hơn, người ta vẫn muốn đưa vào giao diện phần mềm một chút “vật lý”. Hiện nay cả Android và iOS đều không đi theo thiết kế phẳng thuần túy nữa.

Thế nên người ta mới nói tới neumorphism, nó lai giữa thiết kế phẳng và thiết kế skeumorphism để tạo một sự thân thuộc cho người dùng. Ngoài ra, nó trông mới mẻ hơn trong khi không đòi hỏi người dùng phải làm quen lại. Cái gốc của thiết kế phẳng đó là nó đã mang trong mình chất “digital” sẵn rồi, và các khái niệm về giao diện chồng lên nhau, các trang của app, các lớp giao diện trong 1 màn hình… đều đã được người dùng làm quen trong hơn 8 năm qua rồi. Giờ thì nó lại còn trở nên mới mẻ hơn, và điều đó quan trọng với những công ty như Apple.

Dù sao thì cũng sau hơn 19 năm Apple mới tăng số phiên bản cho hệ điều hành của họ đấy thôi. Năm nay macOS Big Sure là macOS 11, còn trước giờ vẫn là 10.x.y.
neumorphism.jpg

Hiện nay các framework về mặt ý tưởng dành cho neumorphism vẫn còn khá mới, và trong giới thiết kế không phải ai cũng thích hướng đi này. Và vì neumorphism là một kiểu thiết kế giao diện, nên nó còn phải được kiểm tra kĩ để đảm bảo người dùng có phản ứng tốt, người dùng biết nó là giao, cái nút đó có ý nghĩa ra sao, icon này có nghĩa là gì ngay khi nhìn vào mà không cần phải giải thích. Nếu bạn thiết kế ra thứ gì đó cho người dùng cuối mà cần phải giải thích chi tiết từng icon thì bạn thua rồi.

giao_dien_neumorphism.png

Quảng cáo


Apple cũng đang khá “nhát” chứ họ chưa đổi mạnh tay và đổi hết mọi thứ đâu. Họ vẫn đang trong quá trình thử nghiệm dần dần. Cũng như iOS 7 hồi mới ra mắt, rồi sau đó liên tục được update về phong cách thiết kế để được như iOS ngày nay đấy thôi.

Nhưng cũng có một số icon đáng chú ý trong đợt này, ví dụ như icon Messages của macOS Big Sur làm cho biểu tượng bong bóng chat nổi bật hơn. Nó thể hiện rất đúng về cách mà neumorphism vận hành dựa trên ánh sáng. Icon của Mac App Store cũng được làm theo cách tương tự. Và icon Preview của ứng dụng xem ảnh, xem tài liệu có sẵn trong macOS thì mô phỏng rất giống kính lúp xem ảnh ngoài đời thực.

icon_moi_macos.jpg

Nhưng hãy nhìn vào icon của ứng dụng Photos (cái thứ 2 từ trái sang), ở ngoài đời làm gì có cái gì liên quan đến ảnh mà lại có hình dáng như thế này đâu. Thiết kế này vẫn được giữ lại từ trước, có điều Apple bổ sung một chút shadown và ánh sáng viền để làm cho icon này phù hợp với thiết kế neumorphism của hệ điều hành. Việc này chỉ đơn giản là bổ sung thêm sự phức tạp vào icon chứ không có ý nghĩa thực tế nào.

Những thứ như thế này sẽ cần Apple phải ngồi xuống suy nghĩ nhiều hơn trước khi thay đổi.

Có khả năng trong tương lai, neumorphism sẽ bùng nổ…

Quảng cáo


Tham khảo: Input Mag
140 bình luận
Chia sẻ

Xu hướng

Dẫu giao diện giờ thay đổi thế nào, vẫn khoái phong cách classic của ngày xưa hơn, nom có nét riêng biệt & rất đặc trưng 🙃
| Sent from CRAZYSEXYCOOL1981 using BlackBerry Athena |
@nguyenkhangpt92 A cũng thế, cổ điển, rất hay, tạo được nét rất riêng 😎
| Sent from CRAZYSEXYCOOL1981 using BlackBerry Athena |
@crazysexycool1981 giờ kiếm con IP5 mà ios6 thì chất luôn a
@crazysexycool1981 ok

| Sent from ĐIÊN-DÂM-MÁT-1981 using TheBubsBerry HétLa |
@nguyenkhangpt92 Chuẩn, sau đó JB nữa là bá phát 😆
| Sent from CRAZYSEXYCOOL1981 using BlackBerry Athena |
Booooozyer
TÍCH CỰC
4 năm
Vừa đọc hóng được cái lỗi thiết kế sơ đẳng này 😁
2-1593524808415226267212.jpg
Ken Joihn
ĐẠI BÀNG
4 năm
@Booooozyer Hút lên đến đoạn này rồi thì móp j nữa giời. Gần như ko móp rồi. Móp là đang bơm xuống chứ
BenGlo
CAO CẤP
4 năm
@Booooozyer Tại copy nó vậy đấY =))
Booooozyer
TÍCH CỰC
4 năm
@Ken Joihn Vậy tại sao ở bản Catalina vẫn hình đó thì mực nước lại ngang? 😁 Nếu ý của bạn đúng thì hẳn là 1 trong 2 hình sẽ sai :D
Ken Joihn
ĐẠI BÀNG
4 năm
@Booooozyer Không hẳn sai. Vì giống như khi bạn chụp ảnh. Ảnh chụp bắt đúng thời khắc bạn hút xong và cầm ống pipet nâng lên nó sẽ sánh lên (Cái này nghe có hơi nguỵ biện :D :D)
Bài viết hay, hiểu rõ hơn về hướng thiêt kế của apple.
có tí bóng vào nó art hẳn
@caffeinezzZ hiệu ứng bóng thật cao lợi hại quá đêi 😁
blinkinkin
ĐẠI BÀNG
4 năm
@caffeinezzZ dân dã chúng tôi gọi là phong cách gay lọ 😆
Như cũ đẹp hơn nhiều, đơn giản luôn là đúng
đẹp quá, vẫn phẳng nhưng có chiều sâu trong đó
Càng ngày càng giống oăn iu ai của hàng xóm 😁
luxury92
ĐẠI BÀNG
4 năm
Hay
Thích thiết kế Neumorphism hơn skeumorphism, trông hiện đại hơn, giao diện cũng thoáng đãng hơn
Được của ló, Apple lại chuẩn bị tạo xu thế =))) giao diện phẳng xong lại lồi
antonior
TÍCH CỰC
4 năm
Về mặt thẩm mỹ thì thiết kế phẳng trông đẹp, tuy nhiên mình vẫn thấy skeumorphism dễ dùng hơn.
Hồi iOS đổi từ skeumorphism sang phẳng mình tiếc hùi hụi.
Hieu 7⃣
ĐẠI BÀNG
4 năm
vậy cho đở bóng bẩy hơn của phẳng 2D
HNC001
TÍCH CỰC
4 năm
Cá nhân ko thích lắm. Đặc biệt là hiệu ứng shadow. Icon còn được chứ chữ trên thanh menubar cũng đỗ bóng khá khó chịu. Thanh menubar của MacOS big sur khá màu mè như kiểu Windows 10, chỉnh được độ trong suốt thì hay hơn.
Rachmaninoff
ĐẠI BÀNG
4 năm
@HNC001 Mình cũng vậy. Cái giao diện phẳng nhìn nó cho cảm giác dễ chịu, cái kiểu nổi khối này làm mình cảm giác hơi "gai gai", như kiểu não mình nhìn vô phải xử lí thêm thông tin độ sáng, chiều sâu các thứ. *rối bời*
@HNC001 cái giao diện Catalina đang đẹp
Nhìn đẹp hơn hẵn
Cá nhân mình thì ko thích thiết kế phẳng hoàn toàn lắm, thấy nhàm chán thôi. Được cái thì đỡ cực cho mấy bạn thiết kế.
Huy Hào
TÍCH CỰC
4 năm
Đẹp cứ như thời iPhone có nút gạt mở khoá thần thánh.
người người nhà nhà hào hứng với Big Sur, mình hqua mới nâng cấp từ high sierra lên catalina 😆

P/S: và dính ngay lỗi handoff giữa iOS 13 với mac 10.15 -_-
Dong999pro
TÍCH CỰC
4 năm
@vqt907 Lỗi gì vậy bạn? Mình từ Mojave lẫn Catalina đều ko sài được handoff vs ios ios 12 cho đến 13
@Dong999pro mình bị lỗi clipboard chỉ share đc 1 chiều từ macbook sang iphone, từ iphone sang macbook thì k đc (trong khi con ipad thì share vs con nào cũng dc 😆 )
lỗi nữa là mở trình duyệt ở macbook thì ở iphone k báo.
Sau phải signout icloud ở iphone ra xong login lại mới hết
@vqt907 Bữa từ Big Sur về Catalina cũng bị, restart cả 2 con là hết. Đợt này iOS 14 không thay đổi quá nhiều nên dùng cực ổn định còn Big Sur hơi ngáo và lag nên mình chạy về.
@mrsugarvn mình cũng chưa thẩm thấu đc cái giao diện của Big Sur, nên có lẽ sẽ ở lại 10.15 lâu lâu 😆
Hình như WP khởi đầu cho thiết kế phẳng phải không các bác?
ddawng.ngn
TÍCH CỰC
4 năm
@mannavod Không hẳn. Google cùng thời gian ấy có Material. Apple cùng thời gian đó có iOS7. Cái WP nó không chỉ phẳng mà còn plain - nhàm chán
@ĐăngrousApple Ios 7 còn sau cả Android mà b. Em chỉ nhớ wp mở màn thôi 😅
Thích cái cách giao diện thời IPhone 2G. Giờ cách Tân lại Ngon đó

Xu hướng

Bài mới









  • Chịu trách nhiệm nội dung: Trần Mạnh Hiệp
  • © 2024 Công ty Cổ phần MXH Tinh Tế
  • Địa chỉ: Số 70 Bà Huyện Thanh Quan, P. Võ Thị Sáu, Quận 3, TPHCM
  • Số điện thoại: 02822460095
  • MST: 0313255119
  • Giấy phép thiết lập MXH số 11/GP-BTTTT, Ký ngày: 08/01/2019