Giải pháp thiết kế đồ họa Metarial design

Thế giới của vật liệu: Google đã khám phá và  phát triển Material Design như thế nào? "Nó là một hình thức giấy đủ tân tiến mà người ta có thể xem như là ma thuật", Matias  Duarte, phó chủ tịch mảng thiết kế của Google, đã nói như thế về Material Design. Ngơn ngữ thiết kế mới này đã được cơng ty ra mắt cùng lúc với phiên bản thử nghiệm của thế  hệ Android tiếp theo với tên mã bắt đầu bằng chữ L. Material Design mang trong mình một  bộ các quy tắc về cách mà phần mềm di động sẽ trơng như thế nào và sẽ hoạt động ra sao.  Nó cũng mang một chút lạ lùng trong mình, một cái chất rất Google Thực chất thì mọi chuyện bắt đầu từ việc nhóm thiết kế của Google cảm thấy rằng họ phải  tìm ra một thứ gì đó thống nhất để có thể áp dụng cho tất cả mọi sản phẩm của mình, từ  Android cho đến Chrome OS và thậm là cả nền web. Thay vì bắt đầu bằng việc đưa ra một  bảng màu sắc và hàng tá những quy định, họ lại bắt đầu bằng một câu hỏi Phần mềm được làm bằng cái gì? Chất liệu và hình thái Câu trả lời đến từ một khám phá về mặt thiết kế khi Jon Wiley, thiết kế trưởng của bộ phận  tìm kiếm, cùng đồng nghiệp của mình là Nicholas Jitkoff đang nhìn vào những chiếc thẻ đặc  trưng mà Google xài cho dịch vụ Google Now. Họ nhìn vào những thẻ đó và thắc mắc: khi  bạn trượt một cái ra khỏi màn hình, điều gì sẽ xuất hiện bên dưới? "Nó nghe như một câu hỏi hết sức ngây thơ", Duarte nói, "nhưng nó cũng là một ánh lửa lóe  lên một cách mạnh mẽ". Nó đã dẫn dắt cho nhóm theo một hướng suy nghĩ hồn tồn mới  về cách tạo ra các thành phần trong giao diện phần mềm mà chúng ta vẫn hằng ngày sử  dụng và chạm đến.Thay vì chỉ nói về các pixel trên màn hình cũng như những lớp đồ họa  trừu tượng, nhóm đã tưởng tượng đến những chiếc thẻ và các bề mặt hữu hình mà chúng  trượt trên đó Nếu những thẻ này là những vật liệu thật sự và có những đặc tính vật lý riêng, điều đó có  nghĩa là sẽ phải có quy luật về cách mà chúng hành xử và di chuyển xung quanh màn hình.  Bạn khơng thể mọi thứ bạn muốn với chúng, cũng như việc bạn khơng thể làm mọi thứ bạn  muốn với một đối tượng vật lý ngồi đời Thế là nhóm bắt đầu áp dụng triết lý này để tạo ra Material Design, và theo một góc nhìn nào đó thì ngơn ngữ thiết kế này cũng giống như là những tờ giấy ma thuật. Nó có dạng phẳng,  nó trơi nổi trên bề mặt nền và có xu hướng mang nhiều màu trắng. Ngồi ra cịn có những  chỗ đổ bóng đồng nhất, và một nguồn sáng cố định chiếu sáng các vật thể trên màn hình.  Khi bạn di chuyển các đối tượng, chúng khơng chỉ đơn biến mất đi mà trượt đi từ chỗ này  sang chỗ khác một cách tự nhiên. Chúng cũng khơng tự mình di chuyển mà chỉ có người  dùng mới có thể can thiệp Những yếu tố trên, kết hợp với quyết định sử dụng những màu sắc sáng hơn, đậm hơn và  font chữ lớn hơn, Material Design cùng với vẻ ngồi của mình đã được gieo mầm. Bạn sẽ  thấy được việc triển khai ngơn ngữ thiết kế này xuất hiện lần đầu tiên trên Android L: nó có  nhiều màu và bảng màu trượt xung quanh màn hình nhưng vẫn mang lại cho chúng ta cảm  giác về vị trí và sự đồng nhất Wiley và Jitkoff cho biết kiểu thẩm mĩ này thực chất là một cuộc cách mạng trong triết lý thiết kế của Google chứ khơng chỉ là một giao diện mới đơn thuần. Trong năm 2012 và 2013,  Google đã khởi động một dự án tên là Project Kennedy nhằm thống nhất dần dần thiết kế  của mọi sản phẩm mà cơng ty đang có. Giờ đây, với Material Design, dự định này đã tiến  một bước xa hơn. "Như một thể thống nhất, nền tảng (Android) đang truyền tải cảm giác đa  sắc", Jitkoff nói. "Nó có rất nhiều màu vui vẻ giống như một logo, và nó đơn giản như cách  mà một trang bìa được thiết kế đơn giản" Sự sáng tạo và giới hạn Theo lời Duarte thì Material Design đã "thống nhất chúng tơi về mặt suy nghĩ", đồng thời  thừa nhận rằng "chắc chắn nó sẽ có giới hạn của riêng mình". Những giới hạn này thực  chất lại giúp cho việc đưa ra các quyết định liên quan đến thiết kế được dễ dàng và đồng nhất hơn. Ví dụ, trong đời sống, bạn có thể dễ dàng lật một lá bài để xem mặt sau của  nó. Cịn trong thế giới của Material Design, điều này khơng thể diễn ra. Phần mềm này  giống như là một thực thể nằm bên trong thiết bị mà bạn cầm trên tay, thế nên bạn  sẽ khơng có đủ khơng gian để lật một lá bài. Google khơng cho phép chính mình làm điều Duarte chia sẻ thêm là chúng ta thường tiếp nhận thơng tin về các vật thể vật lý một  cách tự nhiên, trong khi phần mềm thì thường hoạt động theo hướng phá vỡ những mơ  hình và kỳ vọng đó. Wiley nghĩ về chúng giống như khi một bộ phim khoa học viễn  tưởng diễn biến khơng theo logic thơng thường. Duarte thì thực tế hơn: "Chúng  tơi khơng đẩy bạn bay xun qua khơng gian ở tốc độ cao. Chúng tơi khơng ép bàn tay  của bạn bằng một bề mặt vơ hình"   Duarte chốt lại: "Thiết kế thực chất chính là việc tìm ra những giải pháp với các giới hạn  riêng. Nếukhơng có giới hạn, sẽ khơng có thiết kế ­ khi đó, nó là nghệ thuật" Những nhà thiết kế của Google cũng khơng đặt ra một cái tên riêng nào cho phong cách  thiết mà họ vừa nghĩ ra. Điều này vơ tình mang đến cho Google nhiều sự linh hoạt hơn  và cũng thêm vào một cái gì đó rất bí ẩn cho Material Design. Vậy tại sao chuyện đó lại  quan trọng? Material Design tn theo những quy tắc rất thơng thường và có đầy ngồi  đời, tuy nhiên nó lại khơng đi theo thiết kế mơ phỏng trước đây. Như lời Duarte thì  đây khơng phải là một phép sao chép những tờ giấy vật lý, thay vào đó, nó là một ma  thuật Material Design có thể làm được những thứ mà giấy khơng thể làm, ví dụ như các hiệu  ứng thu nhỏ hoặc phóng to. Những hiệu ứng chuyển động này là một phần khơng thể  thiết của Google bởi chúng giúp người dùng hiểu được họ đang ở đâu trong app. "Nhiều  phần mềm nhảy từ chỗ này sang chỗ khác giống như các đoạn phim hoặc chương trình  truyền hình bị cắt ghép", Wiley nói, từ đó khiến người dùng bị mất phương hướng  về khơng gian và thời gian. Đối với ứng dụng, bạn muốn có một thứ giống như là sân  khấu. "Nó sẽ đi từ khoảnh khắc này đến khoảnh khắc khác. Các cảnh sẽ thay đổi, và  những thứ diễn ra trên sàn phải theo một thứ tứ nhất định, và chúng cũng có ý nghĩa  nhất định" Vật chất hóa Một thứ khác rất quan trọng mà Material Design có thể làm đó là chỉ xuất hiện khi bạn  cần. Google đã bắt đầu làm việc với hàng tá những thuật tốn trong nhiều năm trời, và  chúng đã trở thành một thành phần cơ bản trong truyết lý thiết kế mới này. Thay vì u  cầu người dùng phải tự quản lý dữ liệu của mình, Material Design u cầu người dùng  tin vào Google và để Google quyết định sẽ cho họ xem chỉ những thơng tin cần thiết vào  những lúc cần thiết Đó cũng là lý do vì sao thiết kế của Android Wear khơng mang lại nhiều chức năng ngoại trừ việc hiển thị và phản hồi lại các thơng báo hệ thống. Alex Faaborg, nhà thiết kế của phiên  bản Android dành riêng cho thiết bị đeo được, nói: "Với đồng hồ đeo tay, bạn sẽ khơng  muốn dành q nhiều thời gian tương tác với nó. Bạn chỉ muốn ngó xuống một chút, xem  thơng tin về ra lệnh nhanh chóng bằng giọng nói. Nó có cùng phong cách với hàng tá thứ mà chúng tơi đã làm cho Google Now, chỉ khác là bây giờ nó trở thành cả một nền tảng" Quả thật, chúng ta đang phải đặt khá nhiều niềm tin vào Google và ngơn ngữ thiết kế thần  kỳ của hãng, nhưng Duarte nói rằng chuyện đó hồn tồn có lý do. "Chúng tơi làm ra nó  nhằm tạo nền một giải pháp đơn giản nhất. Một trong những phương thức thiết kế mà chúng tơi thích theo đuổi đó là cố gắng thiết kế nên những thứ đơn giản nhất có thể cho những  người mới sử dụng lần đầu. Bạn phải chứng minh được bạn cần thêm sự phức tạp trước khi thực sự bổ sung nó vào sản phẩm của bạn" Parc 3.0 Vẫn cịn khá nhiều tham vọng mà Google ấp ủ phía sau Material Design chứ khơng chỉ là  một trải nghiệm thống nhất xun suốt các phần mềm và trang web của Google. Điều đó lớn hơn Android L, lớn hơn cả Android Wear. Nó là mối quan hệ giữa các phép ẩn dụ mà chúng  ta thường sử dụng để nghĩ về máy tính cũng như các cơng nghệ khi chúng ta tương tác với  chúng Duarte nhắc đến "cơng việc tuyệt vời mà Xerox Parc đã làm với những cửa sổ ứng dụng có  khả năng chồng lên nhau và con chuột để trị và nhấn, chúng là những thứ đầy sáng tạo".  Tuy nhiên, chúng khơng sáng tạo bởi vì chúng là một phiên bản số hóa của một bàn làm  việc thật sự mà chính nhờ mối quan hệ giữa các đối tượng trên màn hình. Điều đó có nghĩa  là người ta có thể tạo ra một mơ hình về cách mà máy tính hoạt động và làm cho nó có ý  nghĩa. Apple cũng đã làm được chuyện tương tự với màn hình cảm ứng, giúp chúng ta đi từ  kỷ ngun chỉ sử dụng con trỏ lên thời đại mà chúng ta có thể trực tiếp chạm và qt ngón  tay vào các đối tượng trên màn hình Giờ đây Google tin rằng hãng đang có trong tay một mơ hình thiết kế có thể khiến chúng ta  tiến về phía trước. Wiley nói đến sự phong phú của những hình thức nhập liệu mà chúng ta  hiện có: màn hình cảm ứng, cử chỉ, giọng nói, và thậm chí là cả những thuật tốn thơng  minh của Google. Chúng cần phải phối hợp với nhau để giúp bộ não của chúng ta hiểu rõ  hơn về mơ hình hoạt động mà các phần mềm đang sử dụng, một mơ hình chạy trên nhiều  thiết bị khác nhau có thể giúp chúng ta tương tác với bất kì thứ gì chúng ta gặp phải Material Design chính là thứ mà Google tin rằng có thể tạo ra mơ hình đó. Có lẽ hơi q khi  nói rằng nó giống như mơ hình desktop của Xerox hay màn hình cảm ứng trên iPhone. Tuy  nhiên, nó đã đem đến sự kết hợp cần thiết giữa tính đơn giản và tính linh hoạt, từ đó giúp  con người hiểu rõ hơn về các cơng nghệ mới mà chúng ta dùng hằng ngày. Và nếu Google  có thể thực sự làm tốt việc triển khai ngơn ngữ thiết kế này trên cả web, Chrome OS lẫn  Android, nó sẽ giúp người dùng rất nhiều về mặt trải nghiệm Giờ đây, Material Design vẫn cịn ở giai đoạn ý tưởng và thử nghiệm cho đến khi nào  Google quyết định sẽ phát hành thêm nhiều phần mềm sử dụng ngơn ngữ thiết kế này.  "Chúng ta đang ở giai đoạn khởi đầu", Wiley nói. Và Google cũng đang khá bận bịu chuẩn bị cho những gì sắp diễn ra trong tương lai. "Chuyện gì sẽ xảy ra nếu chúng ta có thể thiết kế  cho những vật liệu của tương lai thay vì các vật liệu của hiện tại?", Duarte hỏi. "Đó chính là  tương lai rất gần đấy" Nguồn: The Verge Material Design có ý nghĩa gì với Android trong  tương lai? Khi Google giới thiệu Android L Developer Preview vào tối qua (theo giờ Việt Nam), họ có  nói tới khái niệm mới về giao diện của hệ điều hành mà hãng gọi là Material Design. Nói cho  dễ hiểu và dễ hình dung thì Material Design là ngơn ngữ thiết kế mới với thơng điệp về cách  mà Google sẽ đối xử với giao diện người dùng trên mọi thiết bị từ đồng hồ, điện thoại, máy  tính cho tới xe hơi. Material Design sẽ mang một cái nhìn mới tới Android mà khơng chỉ là  giao diện phẳng Diện mạo của Android Đội ngũ thiết kế của Google đã tạo nên một loạt ngun tắc về diện mạo của các ứng dụng.  Nó bao gồm việc đơn giản hóa và tiêu chuẩn hóa các thành phần đồ họa của Android, từ  việc tạo các cơng cụ chọn bảng màu cho tới nâng cấp font chữ Roboto mà Google đã áp  dụng trên Android trong vịng 1 năm qua. Tất cả đã rõ ràng hơn, xun suốt trên nhiều thiết  bị khác nhau Khơng chỉ về giao diện ứng dụng mà cịn là tạo nên một tiêu chuẩn chung cho tất cả, điều  này rất quan trọng cho Google trong tương lai. Bởi vì Material Design khơng chỉ áp dụng cho khơng gian chữ nhật trên điện thoại hay tablet, nó sẽ được vận dụng cho màn hình dạng  trịn trên đồng hồ đeo tay thơng minh. Hay thậm chí là trên kính mắt (Google Glass). Nó đơn  giản hơn, sáng hơn và rõ ràng hơn. Nó rất quan trọng bởi Material Design sẽ xuất hiện trên  nhiều thiết bị hơn bất kỳ giao diện người dùng (UI) nào khác trong lịch sử Sự hoạt động của Android Như Mattias Duarte đã giải thích, Material Design là tính ba chiều của mọi sự vật: hãy nghĩ  tới các điểm ảnh (pixel) khơng chỉ là điểm 2 chiều của màu sắc, nó là các khối hình 3 chiều  với chiều sâu và chiều cao. Lấy ví dụ với một thẻ Google Now. Khi nó xuất hiện trên màn  hình điện thoại, cửa sổ đó khơng chỉ là tập hợp của những khung hình vng màu trắng mà  nó có những đặc tính giống như một thẻ thật ngồi đời khi di chuyển trên màn hình của bạn.  Điều tương tự với các hiệu ứng như đổ bóng hay phối cảnh. Material Design sẽ biến thẻ  Google Now như thể nó đang nổi trên màn hình đi kèm với hiệu ứng đổ bóng vật lý và độ  sâu Như vậy có thể thấy Material Design rất khác so với Flat Design mà chúng ta đã nghe nhiều  về nó. Thiết kế phẳng đề cao sự đơn giản với ít tính ba chiều nhưng với Material Design thì  Google đã mang rất nhiều tính ba chiều vào Android. Và nó cũng có ngun nhân cả Khơng chỉ là tablet và smartphone Thiết kế phẳng loại bỏ hồn tồn những thành phần giao diện, đồ họa khơng cần thiết phải  xuất hiện trên màn hình, đó là một điều tốt. Nhưng nó cũng loại bỏ đi một vài chi tiết rất quan trọng giúp màn hình dễ quan sát và tương tác hơn, đổ bóng chẳng hạn. "Ánh sáng, bề mặt  và sự chuyển động là những yếu tố chủ chốt truyền tải cách tương tác với các vật thể", đó là lời trích về giải thích của Google về Material Design Bằng cách loại bỏ những thành phần thừa, giao diện phẳng giúp Android đơn giản và đẹp  hơn trên nhiều thiết bị với các kích thước màn hình khác nhau, từ smartphone tới tablet.  Nhưng Material Design khơng chỉ là một ngơn ngữ thiết kế cho những thiết bị kiểu vậy. Nó là ngơn ngữ cho những màn hình lớn hơn và nhỏ hơn. Trong một vài trường hợp, nó cần tính  ba chiều để người dùng dễ nhìn và dễ tương tác hơn với thiết bị Một thế giới thiết kế bởi Google Như chúng ta đã biết, Google muốn tham gia vào mọi thị trường: Nhà. Robot. Bộ điều chỉnh  nhiệt. MTXT. Khinh khí cầu Internet. TV. Hoặc có thể nói, cơng nghệ nào phát triển và xu  hướng, ở đó có Google. Vì thế, Material Design khơng chỉ là smartphone và tablet, nó là giải  pháp có tính hệ thống về cách những sản phẩm tương tác với hàng triệu người dùng. Nó  cịn là các thiết bị Android Wear, nhóm thiết bị đeo tay có màn hình rất nhỏ nhưng phải hiển  thị lượng lớn nội dung. Nó cịn là Android Auto, hiển thị thơng tin một cách an tồn cho  người dùng đang lái xe. Nó cịn là Chrome, một hệ điều hành như là một trình duyệt. Thế  Google Glass thì sao? Material Design cũng sẽ được áp dụng trên thiết bị đó ­ trên một giao  diện nhỏ như đơi mắt của bạn vậy Bên trên chỉ là một vài ví dụ về những trường hợp mà Material Design được ứng dụng.  Ngồi ra cịn nhiều những thiết bị khác đang trong giai đoạn phát triển. Hãy hình dung  Google như một mơi trường bạn thấy trong các trị chơi điện tử. Nó cần có con người, cây  cối hay các vật thể trong đó. Nhưng trước hết, phải có trọng lực ­ định luật vật lý quyết định  cách hoạt động của mọi vật thể. Material Design là định luật về trọng lực. Bởi Google làm  phần mềm gần như cho mọi thứ từ đồng hồ, xe hơi hoặc có thể là robot, khi đó thì Material  Design là hệ thống giúp giữ tất cả ở trên mặt đất Nguồn: Gizmodo ... Duarte chốt lại:  "Thiết? ?kế? ?thực chất chính là việc tìm ra những? ?giải? ?pháp? ?với các giới hạn  riêng. Nếukhơng có giới hạn, sẽ khơng có? ?thiết? ?kế? ?­ khi đó, nó là nghệ thuật" Những nhà? ?thiết? ?kế? ?của Google cũng khơng đặt ra một cái tên riêng nào cho phong cách ... Quả thật, chúng ta đang phải đặt khá nhiều niềm tin vào Google và ngơn ngữ? ?thiết? ?kế? ?thần  kỳ của hãng, nhưng Duarte nói rằng chuyện đó hồn tồn có lý do. "Chúng tơi làm ra nó  nhằm tạo nền một? ?giải? ?pháp? ?đơn giản nhất. Một trong những phương thức? ?thiết? ?kế? ?mà chúng... nói tới khái niệm mới về giao diện của hệ điều hành mà hãng gọi là Material? ?Design.  Nói cho  dễ hiểu và dễ hình dung thì Material? ?Design? ?là ngơn ngữ? ?thiết? ?kế? ?mới với thơng điệp về cách  mà Google sẽ đối xử với giao diện người dùng trên mọi? ?thiết? ?bị từ đồng hồ, điện thoại, máy