Xu Hướng Thiết Kế Web Ở Chế Động Phẳng.

Thiết kế phẳng sẽ có nhiệm vụ thay thế Skeuomorphic đã lỗi thời như một quy luật tất yếu của sự tiến hóa.

Thiết kế phẳng sẽ có nhiệm vụ thay thế Skeuomorphic đã lỗi thời như một quy luật tất yếu của sự tiến hóa.

Thuật ngữ thiết kế web phẳng mới được phổ biến trong vài năm trở lại đây nhưng đã nhanh chóng trở thành một xu hướng chủ đạo của tương lai. Sắp tới đây, thiết kế phẳng sẽ lại xuất hiện một lần nữa trên một trong những sản phẩm đình đám nhất của giới công nghệ chính là iOS 7. Vậy thiết kế phẳng là gì? Và tại sao nó lại trở thành xu hướng của công nghệ trong tương lai.

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

Về định nghĩa, thiết kế web phẳng là một phương pháp không sử dụng thêm bất kỳ hiệu ứng nào trong thiết kế như đổ bóng, góc xiên, dập nổi, độ dốc cùng các yếu tố khác góp phần tạo nên độ sâu, nét nổi bật của thiết kế trên màn hình để tạo nên những hình ảnh đơn giản hơn. Bản thân cái tên "phẳng" của kiểu thiết kế này cũng đã bao hàm ý nghĩa không chứa những yếu tố 3D. Thiết kế phẳng cũng được coi là có họ hàng với Minimalist, một phong cách thiết kế theo trường phái tối giản.

Chính vì thế, điều dễ nhận thấy ở một thiết kế mang phong cách phẳng là các hình ảnh, nút bấm và biểu tượng thường được đơn giản hóa tới tối đa, khác hẳn so với phong cách thiết kế mô phỏng giả chất liệu Skeuomorphic đang được sử dụng trên các thiết bị iOS. Nói dễ hiểu, thiết kế phẳng từa tựa như giao diện Live Tiles của người dùng Windows Phone hay Metro UI trên Windows 8.

Giao diện Live Tiles là một ví dụ điển hình của thiết kế phẳng.

Nói như vậy, không có nghĩa là thiết kế phẳng không sử dụng bất kỳ hiệu ứng nào, thiết kế phẳng vẫn chứa một vài hiệu ứng nhưng số lượng thì ít hơn so với những phong cách thiết kế khác.

Tại sao thiết kế phẳng lại lên ngôi?

1. Tính đơn giản

Như đã nói ở trên, đặc điểm nổi bật nhất của thiết kế phẳng đó là tính đơn giản. Đây cũng chính là ưu điểm vượt trội nhất của kiểu thiết kế này. Tính đơn giản của thiết kế web phẳng tạo điều kiện cho các nhà thiết kế dễ dàng hơn trong việc tạo ra các sản phẩm của mình. Thay vì tập trung vào các hiệu ứng và hình ảnh bắt mắt cho sản phẩm thiết kế của mình thì họ chỉ cần chú ý vào những yếu tố ít phức tạp hơn.

Một trong số đó là màu sắc, yếu tố có thể được coi là chủ đạo của phong cách thiết kế này. Hãy thử lấy Windows Phone làm ví dụ: Những cửa sổ với nhiều màu sắc đơn giản và dễ thiết kế hơn rất nhiều so với những biểu tượng của iOS hoặc Android. Thay vì phải tự thiết kế ra hình ảnh cho sản phẩm của mình thì các nhà thiết kế chỉ đơn giản chọn lấy một tông màu sau đó áp dụng một số hiệu ứng nhất định. Ngoài ra, cách kết hợp giữa các tông màu với nhau trong một thiết kế cũng được cho là đơn giản hơn so với yêu cầu phải tạo ra các hình ảnh có tính liên quan và tương đồng.

2. Gây hiệu ứng mạnh và mang tính hiệu quả cao

Sử dụng màu sắc để làm nền, thiết kế phẳng còn mang theo tính tích cực đối với người dùng bởi họ sẽ không bị rối mắt trước một loạt các hình ảnh mang tính 3D như vẫn thường thấy. Giao diện thiết kế phẳng thường đặt tính hiệu quả lên trên tính đẹp mắt. Các nút chọn trong thiết kế phẳng không cần phải thiết kế quá nhiều và quá phức tạp. Chỉ cần mọi thứ được phân định rõ ràng thì cũng sẽ đem lại hiệu quả cho người dùng.

Không những thế, việc sử dụng nhiều màu sắc bắt mắt còn có thể góp phần gây chú ý cũng như tạo hiệu ứng mạnh hơn đối với người dùng. Đặc biệt là khi nhà thiết kế biết cách phối tông hiệu quả với những gam đối lập mạnh như trắng và đen. Đó có lẽ là điều mà Johny Ive đang muốn định hướng cho iOS 7 sắp được ra mắt trong thời gian tới đây.

Ngoài màu sắc, thiết kế phẳng cũng có khả năng tạo ấn tượng với người dùng thông qua yếu tố khác đó là Typography.Có rất nhiều định nghĩa về Typography trong thiết kế, tuy nhiên, để bạn đọc dễ hình dung chúng ta hãy tạm hiểu Typography là các sắp xếp các phông chữ cách điệu theo một trật tự hoặc quy luật riêng để khiến người khác phải chú ý.

Typography lại là một trong những lý do mang lại tính hiệu quả cho thiết kế phẳng bởi với kiểu thiết kế này người dùng sẽ có được nhiều thông tin hơn thay vì chỉ nhìn vào những biểu tượng đẹp mắt rồi thôi. Những ai đã từng sử dụng qua giao diện của Windows Phone hoặc Windows 8 có thể dễ dàng nhận thấy điều này. Việc có thể xem trực tiếp thông tin ứng dụng mà không cần phải mở ứng dụng đó lên thực sự là trải nghiệm mới lạ và tiện dụng.

3. Khắc phục điểm yếu của thiết kế Skeuomorphic (phong cách mô phỏng giả chất liệu)

Skeuomorphic là phong cách thiết kế mô phỏng sao cho giống thật nhất có thể bằng cách sử dụng các hình ảnh dễ liên tưởng đến vật thể thực tế cũng như áp dụng các hiệu ứng tạo độ sâu. Hãy cùng xem qua các ví dụ ở dưới đây để thấy rõ hơn điều đó.

Một số ví dụ về thiết kế Skeumorphic

Tuy nhiên, Skeuomorphic đã bộc lộ một số khuyết điểm như sau:

- Giao diện đôi khi khó quan sát: Như biểu tượng chiếc đồng hồ mà Apple sử dụng ở hình ảnh bên trên. Rõ ràng khi xem hình ảnh chiếc đồng hồ như thế này chúng ta sẽ mất thời gian hơn hẳn so với loại đồng hồ số chỉ có giờ và phút.

- Cách thức mô phỏng đôi khi gây khó nhà phát triển: Việc tìm ra cũng như tạo dựng hình ảnh trong Skeuomorphic gây ra không ít khó khăn cho các nhà thiết kế.

- Tốn nhiều không gian màn hình thiết bị di động cho các trang trí không cần thiết: Đây là một thực tế của thiết kế Skeuomorphic vốn đặt nằng tính hình ảnh với các trang trí bắt mắt. Chẳng hạn như ảnh thiết kế của giao diện lịch bên trên, người dùng thường chỉ muốn biết hôm nay là ngày bao nhiêu, thứ mấy. Không nhất thiết phải hiển thị cả một tháng như một tấm lịch thực sự.

- Hạn chế sự sáng tạo: Thiết kế Skeuomorphic vốn lấy hình mẫu là những vật ngoài thực tế. Thế nên các nhà thiết kế không cần phải tưởng tượng nhiều về thứ mà mình định làm ra mà chỉ nghĩ cách làm sao cho giống nhất có thể. Và khả năng cao là sẽ có nhiều "ý tưởng lớn gặp nhau" với một chút khác biệt nhỏ.

- Tồn nhiều tài nguyên phần cứng: Việc áp dụng nhiều hiệu ứng trong thiết kế Skeuomorphic cũng là một khuyết điểm của phong cách này bởi như thế sẽ khiến các thiết di động vốn yếu ớt về sức mạnh phần cứng, ít ỏi về thời lượng pin sẽ phải dồn sức để thể hiện Skeuomorphic trên màn hình.

Những nhược điểm trên có thể hoàn toàn được khắc phục với thiết kế phẳng với những điều đã mô tả ở trên.

Tạm kết

Phong cách "giả chất liệu" (Skeuomorphic) đã có tuổi đời được 33 năm với sứ mệnh 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 như máy tính nhằm giúp người dùng nắm bắt dễ dàng hơn với công nghệ.

Tuy vậy, thời đại ngày nay đã khác, sự phát triển phong phú của các thiết bị di động cùng với khả năng nắm bắt nhanh các thiết bị công nghệ của người dùng đang khiến Skeuomorphic dần thoái lui. Và thiết kế phẳng sẽ có nhiệm vụ thay thế Skeuomorphic đã lỗi thời như một quy luật tất yếu của sự tiến hóa.

Tại sao doanh nghiệp cần thương mại điện tử?

Bài này giúp bạn hiểu cặn kẽ hơn vì sao doanh nghiệp nên am hiểu Thương mại điện tử để có thể ứng dụng đúng đắn và hiệu quả Thương mại điện tử nhằm tăng lợi thế cạnh tranh và phát triển kinh doanh.

Thương mại điện tử với doanh nghiệp B2B xuất khẩu

Với doanh nghiệp B2B xuất khầu vì việc ứng dụng Thương mại điện tử là 100% cần thiết. Vì đối tượng khách hàng của doanh nghiệp trong lĩnh vực này ở ngoài phạm vi quốc gia, nên chi phí tiếp cận (không bằng cách online) là rất lớn về cả tiền bạc, thời gian, công sức.
Nếu doanh nghiệp có nhân sự am hiểu về Thương mại điện tử và ứng dụng tốt Thương mại điện tử thì chỉ phần lớn nhân sự chỉ cần ngồi tại công ty hay tại nhà để tìm khách hàng, để marketing, để liên lạc, hỗ trợ khách hàng và khách hàng tiềm năng.

Thương mại điện tử với doanh nghiệp B2B thị trường nội địa

Với doanh nghiệp B2B thị trường nội địa thì việc cần ứng dụng Thương mại điện tử phụ thuộc nhiều vào ngành nghề kinh doanh của doanh nghiệp.
Ví dụ: doanh nghiệp thiết kế website, đối tượng khách hàng cũng đại đa số là doanh nghiệp, nên đây là doanh nghiệp B2B. Và doanh nghiệp thiết kế website rất cần ứng dụng Thương mại điện tử để marketing, để giới thiệu về mình, để cung cấp thông tin cho khách hàng và khách hàng tiềm năng… Một ví dụ khác về doanh nghiệp sản xuất nguyên liệu đầu vào cho doanh nghiệp khác, ví dụ doanh nghiệp sản xuất bột cá hướng tới đối tượng khách hàng là các doanh nghiệp sản xuất thức ăn gia súc, thức ăn thủy hải sản… thì việc ứng dụng Thương mại điện tử hiện chỉ cần dừng lại ở mức có một website tương đối tươm tất như là một “bộ mặt” online của doanh nghiệp mình.
Do đó, tùy theo ngành nghề mà doanh nghiệp cần có nhân sự hiểu biết và có kỹ năng nhiều hay ít về Thương mại điện tử.

Thương mại điện tử với doanh nghiệp B2C thị trường quốc tế

Doanh nghiệp thị trường quốc tế, dù B2B hay B2C cũng cần ứng dụng Thương mại điện tử để marketing, để tìm khách hàng, để khách hàng tự tìm thấy doanh nghiệp, để hỗ trợ, cung cấp thông tin nhanh, tiện lợi, chất lượng cho khách hàng và khách hàng tiềm năng vì vậy cần thiết kế web thật đẹp để gây ấn tượng với khách hàng.
Ví dụ doanh nghiệp B2C thị trường quốc tế là các công ty lữ hành hướng đến phục vụ khách du lịch quốc tế, hay các khách sạn, resort nhắm đến khách quốc tế.
Do đó, những doanh nghiệp trong lĩnh vực này rất cần có nhân sự có kiến thức và kỹ năng ứng dụng Thương mại điện tử vào kinh doanh để tăng hiệu quả kinh doanh, và cũng để tăng lợi thế cạnh tranh.

Thương mại điện tử với doanh nghiệp B2C thị trường nội địa

Tương tự như phần Thương mại điện tử với doanh nghiệp B2B thị trường nội địa, việc ứng dụng Thương mại điện tử ở loại hình doanh nghiệp này cũng phụ thuộc vào ngành nghề. Chỉ cần trả lời câu hỏi “Khách hàng của tôi có lên mạng để mua hàng hay tìm mua hàng không?”, nếu câu trả lời là có thì doanh nghiệp rõ ràng nên ứng dụng Thương mại điện tử vào kinh doanh, nếu câu trả lời là không thì doanh nghiệp cũng chỉ nên dừng lại ở việc có website như là “bộ mặt” online của mình.

KINH NGHIỆM HỌC CODE CHO LẬP TRÌNH VIÊN

Kinh nghiệm cho những người bắt đầu học lập trình Web. Mỗi người có một phương pháp học riêng, tuy nhiên để đạt tới một đỉnh cao của một lập trình viên, bạn cần có một phương pháp học cụ thể, rõ ràng với một quyết tâm cao. Dưới đây là một số kinh nghiệm tích cóp lại được của các lập trình viên trước đó. Tham khảo nhé!

Học code hiệu quả cho lập trình viên mới nhập môn 

1. Đừng copy và Paste code

Đây có lẽ là lời khuyên được nhiều người nói nhất và tôi cũng thấy rất đúng. Ban đầu khi mới làm quen với một ngôn ngữ lập trình, nhìn mớ code như mớ bòng bong chấm phẩy tè le hết. Ngồi gõ lại thì lâu biết bao nhiêu, copy và paste cho nhanh. Nhưng chỉ bằng cách gõ lại bạn mới nhớ codehơn, nếu có gõ sai thì có cơ hội quay lại và chỉnh sửa lỗi của mình. Tuy video nào tôi cũng có source code để bạn tham khảo, nhưng bạn chỉ lấy đó làm mẫu thôi còn bạn vẫn phải tự gõ lại những gì bạn thấy trong video.

2. Vừa xem vừa làm

Bạn đừng có mở video lên, pha ly cà phê rồi ngồi vuốt râu khen “phải! phải!”. Cách đó tôi thấy không hiểu quả cho lắm. Trước đây tôi cũng từng ngồi khoanh tay gật gù khen có lý. Nhưng khi tắt video đi thì mình lại mơ hồ không rõ lắm. Chính vì thế bạn mở video một bên và cửa sổ code một bên. Xem đến đâu gõ đến đó thì hiệu quả hơn rất nhiều.

3. Tự làm sau khi xem

Đây có lẽ là cách chúng tôi thấy hiệu quả nhất. Sau khi bạn xem video rồi, làm theo rồi, hiểu cách rồi. Hãy tắt video đi và tự làm lại từ đầu theo cách hiểu của mình. Sau đó tự sửa lỗi, tìm lỗi sai, khắc phục .v.v. nếu bế tắc thì mới xem lại video. Nếu bạn đã đào sâu suy nghĩ mà vẫn chưa ra cách, đến khi xem lại bạn sẽ nhớ lâu hơn rất nhiều.

4. Code, code nữa, code mãi

Chúng tôi không thể nhấn mạnh điểm này nhiều hơn nữa. Cách học code nhanh nhất là cứ bỏ mấy cuốn sách dầy cộm xuống. Mở trình soạn code lên và code. Sai thì sửa, quên thì xem lại, có lỗi tìm cách khắc phục, đào sâu suy nghĩ, google, đọc lại lý thuyết … nói chung tôi thấy cách hay nhất vẫn là tự tìm cách giải quyết trước khi hỏi. Bởi vì học lập trình là môn học cần tư duy độc lập và tìm tòi sáng tạo. Rất nhiều người khi mới bắt đầu gặp vấn đề hơi khó là phải hỏi đầu tiên mà không tự khám phá. Nếu cứ mãi hỏi như vậy bạn sẽ bị ì sức sáng tạo và tư duy không độc lập nữa.

Website dạy lập trình miễn phí trên internet 

5. Tự thêm thử thách

Đây là cách chúng tôi rất hay tự làm với mình. Ví dụ bạn xem một tutorial về cách gửi mail bằng PHP. Trong video, chúng tôi có hướng dẫn gửi mail nhưng không gửi file đính kèm. Bạn hãy cho đấy là bài tập về nhà của mình và tự tìm cách khắc phục. Ví dụ khi chúng tôi đọc một bài về jQuerySlider chẳng hạn, nếu người ta chỉ có chuyển hình kiểu chạy qua, chúng tôi sẽ tự tìm cách tạo cho nó fade qua, vòng lại .v.v.. bằng cách tự tạo ra thách thức cho mình bạn sẽ tiến bộ mau hơn.

6. Hãy viết mã riêng của bạn càng sớm càng tốt

Khi bắt đầu viết một chương trình bạn không biết phải bắt đầu từ đâu, sử dụng cấu trúc dữ liệu gì? Việc phân bổ viết code như thế nào? Xử lý các phương thức ra sao?… Điều đầu tiên là bạn sử dụng các công cụ tìm kiếm ở google hoặc các công cụ tìm kiếm khác để tìm kiếm đoạn mã mình cần. Đây là một điều có thể làm cho tư duy lập trình của bạn ngày càng giảm đi và ngày càng bị lệ thuộc vào các công cụ tìm kiếm.

Giải pháp được đưa ra trong trường hợp này là bạn hãy tự nghĩ cho mình một thuật toán riêng. Đầu tiên bạn viết nó bằng mã giả, sau đó dùng ngôn ngữ lập trình để viết lại. Tuy việc này rất khó và tốn nhiều thời gian, nhưng nó sẽ giúp bạn có được những kinh nghiệm thực sự hữu ích, khả năng tư duy lập trình ngày càng phát triển. Thay vì lên mạng tìm code thiet ke web về sửa.

Trường hợp ý tưởng chương trình của bạn lớn, phải viết một lượng lớn code. Khi đó bạn hãy phân nhỏ từng tính năng chương trình của mình ra, tự tập thiết kế cấu trúc của chương trình nhỏ đó, rồi ghép chúng lại với nhau sẽ được một chương trình lớn hoàn chỉnh hơn. Có thể chương trình đó không hoạt động tốt, nhưng cái mà bạn được ở đây chính là kinh nghiệm và một tư duy tự lập trong lập trình.

7. Tìm hiểu cách sử dụng một công cụ gỡ rối (Debug)

Debug là một công cụ rất tốt dùng để gỡ rối chương trình của bạn khi có một lỗi nào đó là chương trình bạn chạy sai. Nó cho bạn theo dõi giá trị của các biến và các thay đổi của chúng qua từng mã lệnh của chương trình. Công cụ debug mạnh nhất có lẽ được tích hợp trong các sản phẩm của Microsoft như Visual Studio (Hiện nay là Visual Studio 2010).

Công cụ debug giúp chúng ta hiểu chương trình của mình hơn, và là thứ chúng ta cần phải biết khi viết chương trình. Một chương trình debug có thể giúp bạn nhanh chóng trả lời những gì mà bạn đang làm như ví dụ bên dưới.

Công cụ Debug giúp chúng ta hiểu chương trình của mình hơn

8. Học từ nhiều nguồn, nhiều tài liệu Học thiết kế web không như học phổ thông, không như làm toán cứ ráp công thức vô là giải được bài. Làm web mỗi người một cách làm, mỗi sách có những điểm hay điểm dở khác nhau, mỗi thầy giáo có chỗ mạnh chỗ yếu và mỗi trang web cũng có những điểm ưu điểm khuyết. Do vậy bạn nên tập hợp nhiều nguồn sách, video, ebook, trang web, tutorials v.v.. rồi đúc kết, chắt lọc ra cách mà bạn cho là tối ưu nhất. Tôi đôi khi hay kết hợp nhiều nguồn với nhau và tìm ra cách nào mình thấy dung hòa được tất cả các mặt.

Kết Luận

Đây là kinh nghiệm cá nhân mà chúng tôi thu thập lại đựơc, bạn có thể dùng làm nguồn tham khảo, hoặc khám phá ra cho mình cách học tốt hơn. Nhưng nói ngắn gọn lại thì nếu đã xác định học lập trình, bạn phải tạo ra cho mình một thói quen tư duy độc lập. Chỉ hỏi khi thực sự hết cách, chỉ hỏi sau khi đã thử rất nhiều cách, chỉ hỏi khi đã suy nghĩ về vấn đề đó rất nhiều lần trong ngày và chỉ hỏi khi bạn thực sự không thể giải quyết được vấn đề.