Thiếtkếphẳngkhácthiếtkếmô
phỏng nhưthếnào?
Trong nhiều tháng nay có thể bạn đã nghe nhiều về cụm từ thiếtkếphẳng (Flat
Design) khi nó được cho là thay đổi lớn nhất trên iOS 7 sắp ra mắt.
Để giải thích cho triết lý thiếtkế này, nhiều người gắn liền nó với giao diện Metro UI
trên Windows 8nhưng phần lớn chúng ta vẫn chưa hiểu rõ cũng như tại sao nó lại trở
thành xu hướng thiếtkế hiện tại. Thiếtkếphẳng nhấn mạnh vào sự đơn giản tối đa và đi
ngược lại hoàn toàn so với triết lý thiếtkếmôphỏng (Skeuomorphic ) đề cao cái đẹp và
đồ họa phức tạp. Thiếtkếphẳng ra đời từ trước khi Microsoft phát triển Windows 8
nhưng không thể phủ nhận rằng Microsoft đã góp phần phổ biến nó rộng rãi hơn.
Thiết kếphẳng là gì?
Thiết kếphẳng (Flat Design) được coi là một triết lý thiếtkế theo chủ nghĩa tối giản,
tức mọi thành phần đồ họa được làm cho đơn giản nhất với những đặc tính như màu sắc
rõ ràng, góc cạnh, không gian mở và tất cả được thể hiện dạng hai chiều.
Một ví dụ điển hình về giao diện phẳng mà bạn có thể thấy rõ nhất là Metro UI trên hệ
điều hành Windows 8 của Microsoft hoặc giao diện trên hệ điều hành Windows Phone. Ở
màn hình chính, bạn sẽ thấy một giao diện với những mảng màu tách biệt nhau hoàn
toàn, chúng không được thiếtkế dạng ba chiều hay dạng môphỏng (skeuomorphic) mà ở
đó sự đơn giản được đặt lên hàng đầu.
Triết lý thiếtkế này ra đời gắn liền với phong cách tối giản (Minimalist) tuy nhiên sự đơn
giản không có nghĩa thiếtkếphẳng gây nhàm chán cho người dùng. Trong tri
ết lý thiếtkế
phẳng, những thành phần đồ họa đẹp mắt và chi tiết được xem như là không cần thiết.
Nếu một yếu tố nào đó coi như không có tác dụng thì nó sẽ gây rắc rối cho trải nghiệm
người dùng. Đây chính là lý do mà sự tối giản được đề cao trong thiếtkế phẳng. Hơn thế
nữa, các màu sắc có độ tương phản cao sẽ gây sự chú ý tốt hơn và hướng mắt người dùng
tới vị trí đó.
Thiết kếmôphỏng là gì?
Để hiểu được thiếtkếphẳng và lý do nó lên ngôi thì bạn cũng nên hiểu thêm về triết lý
mà nó chống lại: Thiếtkếmô phỏng. Nếu bạn chưa nghe tới kiểu thiếtkếmôphỏng
(Skeuomorphic) này là gì thì đó là phong cách vận dụng những cái thực tế vào trong một
thiết kế nào đó. Để cho dễ hiểu hơn, biểu tượng của đồng hồ sẽ giống như chiếc đồng hồ
ngoài đời thực, biểu tượng máy tính sẽ có hình dáng của một máy tính thông thường và
hơn thế nữa.
Nếu như Microsoft được biết đến với thiếtkếphẳng thì Apple lại rất ưa chuộng thiếtkế
mô phỏng trên những sản phẩm phần mềm gần đây của hãng. Không chỉ có vậy, Apple
vận dụng khá nhiều và hiệu quả triết lý thiếtkế này, phần nào giúp những phần mềm của
họ nổi bật và đẹp mắt hơn. Hình ảnh bên trên là những ví dụ điển hình về skeuomorphic
tại Apple.
Thiết kếphẳng là giải pháp cho những vấn đề của thiếtkếmôphỏng
Dù được đầu tư nhiều với giao diện ba chiều đẹp mắt nhưng thiếtkếmôphỏng không
phải không có vấn đề. Triết lý này dựa hoàn toàn vào những vật thể trong đời sống hàng
ngày vì thế nó phần nào làm hạn chế sức sáng tạo cũng như tính hiệu quả trong thiết kế.
Bên cạnh đó, các thành phần thiếtkế không đồng nhất khi kết hợp với những thành phần
thiết kế hai chiều hoặc ít "chiều" hơn.
Đôi khi thiết kếmôphỏng chẳng mang lại ý nghĩa gì cả, lấy ví dụ với ứng dụng Find My
Friends (tìm bạn bè xung quanh), nền của nó được làm để giống da thuộc màu vàng kem
nhưng nó chẳng có chút thực tế nào cả. Ngoài ra, nó sẽ trở nên khập khiễng khi kết hợp
với những yếu tố khác không được làm theo hiệu ứng mô phỏng.
Giải thích hình ảnh: Trong hình là cửa sổ widget của OS X với các widget được thiết kế
mô phỏng theo đồ vật trong thực tế. Đồng hồ được làm giống với một chiếc đồng hồ thật
nhưng nó gây khó khăn khi xem giờ hơn là bảng hiển thị điện tử. Widget máy tính cũng
khó sử dụng hơn là tính toán trực tiếp với Spotlight.
Dựa vào những vấn đề của triết lý thiết kếmôphỏng mà thiếtkếphẳng ra đời với hai
hướng đi hoàn toàn khác nhau. Toàn bộ những giới hạn và điểm yếu của triết lý mô
phỏng đều được loại bỏ trên thiếtkếphẳng để mang lại trải nghiệm người dùng đơn giản
và hiệu quả hơn.
Những năm 1984 khi Apple giới thiệu giao diện đồ họa người dùng (GUI) đầu tiên thì
thiết kếmôphỏng bắt đầu được ứng dụng nhiều để giúp người dùng quen với các khái
niệm lạ lẫm trên máy tính (hãy nghĩ tới thư mục, desktop, thùng rác ) nhưng sau này,
khi máy tính đã quá phổ biến thì người ta không cần tới những môphỏng để hiểu chức
năng của một biểu tượng hay một nút nào đó. Thiết kếmôphỏng bắt đầu trở nên thừa
thãi. Những người theo chủ nghĩa hiện đại cho rằng đừng nên thêm những chi tiết mà
không có chức năng gì vào trong một thiếtkế ngày nay.
Những nguyên tắc của thiếtkếphẳng
Cái tên thiếtkếphẳng bắt nguồn từ hình dạng của nó, tức hai chiều và dạng phẳng đơn
thuần. Ý tưởng về triết lý này được hình thành mà không có các thành ph
ần bao gồm hiệu
ứng đổ bóng, góc xiên, đường gờ rập nổi, nền dạng hạt (không mịn) hoặc những công cụ
khác tạo chiều sâu cho thiếtkế đó. Không có bất cứ thành phần nào bên trên được cho
vào trong thiếtkếphẳng nhằm mục đích môphỏng thực tế cả. Thiếtkếphẳng không có
những hiệu ứng thêm vào.
Thiết kếphẳng sử dụng nhiều thành phần giao diện người dùng đơn giản như các nút
chức năng hay các biểu tượng chương trình (icon). Những nhà thiếtkế chủ yếu dùng các
dạng hình phổ biến gồm hình chữ nhật, hình tròn hoặc hình vuông cho thiếtkế phẳng,
điều này giúp chúng có thể đứng riêng bi
ệt với nhau. Không nhất thiết phải cắt góc vuông
mà những dạng hình trong triết lý thiếtkế này có thể được uốn cong mềm mại. Người
dùng có thể dễ dàng chạm hoặc bấm vào những thành phần giao diện này mà không gặp
rắc rối gì, nó được làm cho trực quan để người dùng không có nhiều kiến thức về thiếtkế
có thể hiểu được. Thành phần đơn giản được sử dụng chủ yếu trong thiếtkế phẳng.
Vì tính đơn giản trong các thành phần thiếtkếphẳng nên việc sắp xếp ký tự nghệ
thuật (Typography) cũng đặc biệt quan trọng. Kiểu typeface phải phù hợp với giao diện
tổng thể của thiếtkế đó, nói cách khácthiếtkếphẳng đơn giản thì kiểu chữ, font chữ
được sử dụng cũng phải đơn giản để phù hợp với không gian chung. Vì thế, thiếtkế
phẳng cũng cần phải tập trung vào typography bên cạnh những thành phần đồ họa.
Màu sắc là yếu tố đặc biệt quan trọng trong thiếtkế phẳng. Màu sắc ở đây thường đậm
và khá đa dạng về màu sắc so với những kiểu thiếtkế trước đây. Trong khi hầu hết các
bảng màu (palette màu) sử dụng hai hoặc ba màu sắc thì bảng màu trong thiếtkếphẳng
sử dụng từ 6 tới 8 màu sắc. Ngoài ra, màu sắc có độ bão hòa cao và khá rực rỡ. Màu sắc
cũng được đề cao như typography.
Thiết kếphẳng đang là trào lưu
Dù thiếtkếphẳng đang được ứng dụng ngày một nhiều trong thiếtkế nhưng nó không
phải là mãi mãi khi một triết lý mới sẽ thay nó trong tương lai. Chúng ta chưa thể
đoán xu hướng nào sẽ lên ngôi sau thiếtkếphẳng nhưng hãy cứ hài lòng với hiện
tại, với thiếtkế phẳng.
Dù Apple chưa khẳng định nhưng tin đồn cho rằng iOS 7 sẽ đi theo triết lý này và khác
hoàn toàn so với phiên bản iOS hiện tại. Chúng ta có thể đoán ra được điều đó bởi Apple
đã thay quản lý trưởng mảng iOS cũ là Scott Forstall bởi Jony Ive, nhà thiếtkế quan
trọng bậc nhất của Apple.
a
. Thiết kế phẳng khác thiết kế mô
phỏng như thế nào?
Trong nhiều tháng nay có thể bạn đã nghe nhiều về cụm từ thiết kế phẳng (Flat
Design). đó.
Thiết kế mô phỏng là gì?
Để hiểu được thiết kế phẳng và lý do nó lên ngôi thì bạn cũng nên hiểu thêm về triết lý
mà nó chống lại: Thiết kế mô phỏng.