Thực đơn
trang chủTrình duyệt

Thiết kế phẳng: quá khứ, hiện tại và tương lai Thiết kế phẳng và Thiết kế Material: Sự khác biệt là gì?

TRONG Gần đây Một phong cách cụ thể trong thiết kế trang web và giao diện người dùng, do cách điệu hóa các yếu tố của nó, được gọi là Flat, đã trở nên vô cùng phổ biến.

Nếu bạn nhìn vào một trang web được thực hiện theo Quy tắc phẳng, bạn sẽ không thấy bất kỳ chuyển tiếp độ dốc nào, không có bóng, không một chút gợi ý nào về khối lượng hoặc kết cấu. Nguyên tắc cơ bản của phong cách phẳng là sự đơn giản, ngắn gọn và tối giản. Nền tảng tính năng đặc biệt- đây là những thứ bạn có thể tập trung vào - màu sắc tươi sáng khác thường, kiểu chữ không chuẩn, đồ họa nguyên thủy.

Ngày nay, ngày càng có nhiều nhà thiết kế sử dụng xu hướng này trong công việc của mình, tuy nhiên phong cách Flat đã trở nên đặc biệt phổ biến với sự lan rộng của các hệ điều hành di động hiện đại. Điện thoại Windows và iOS 7, vì họ là những người theo xu hướng này, mặc dù họ không hoàn toàn tuân thủ nó.

Công ty chúng tôi đã có kinh nghiệm tạo trang web theo phong cách Flat và chúng tôi sẽ sẵn lòng giúp bạn tạo một trang web phẳng!

Trong bài viết này, chúng tôi sẽ nêu bật các nguyên tắc cơ bản của thiết kế phẳng mà bạn nên tuân theo nếu muốn sử dụng thiết kế phẳng làm phong cách chính cho dự án của mình.

Dưới đây chúng tôi sẽ phân tích và đưa ra ví dụ về một số trang web sử dụng phong cách phẳng.

1. Loại bỏ tất cả các hiệu ứng

Nguyên tắc cơ bản của thiết kế phẳng là tạo ra một hình ảnh hai chiều vốn đã phẳng. Trong trường hợp này, bạn cần loại bỏ tất cả các yếu tố có thể thêm ít nhất một số chiều sâu cho hình ảnh: độ dốc, chuyển tiếp suôn sẻ, bóng, góc xiên, khối lượng, kết cấu, v.v. Tất cả các thành phần của hình ảnh đều có viền cứng và cũng không nổi bật hoặc có chiều sâu so với các thành phần khác của hình ảnh.

Trong thiết kế phẳng, bạn sẽ không tìm thấy các yếu tố cố gắng trông thực tế (tính đa hình), hoạt hình 3D, biểu tượng thực tế, v.v. Tuy nhiên, bản thân thiết kế cố gắng giữ nguyên thiết kế truyền thống, nhưng giờ đây các nhãn, nút và điều hướng đã xuất hiện.

Thoạt nhìn, một trang web sử dụng Thiết kế phẳng có vẻ quá đơn giản, mặc dù trên thực tế, phong cách này có đặc điểm là phân cấp rõ ràng các thành phần, vị trí thuận tiện của tất cả các công cụ tương tác với người dùng và do đó có điểm khả năng sử dụng cao.

2. Sử dụng các yếu tố đơn giản

Để đạt được mục tiêu của mình trong thiết kế phẳng, các nhà thiết kế sử dụng các nút và biểu tượng. Chúng phải trực quan và dễ nhấp nhất có thể. Giống như tất cả các thành phần giao diện khác, chúng phải phẳng và đơn giản, không có hiệu ứng bổ sung. Các nhà thiết kế cũng thường sử dụng các hình dạng hình học đơn giản - hình chữ nhật, hình tròn và hình vuông, cho phép mỗi hình dạng là một vật thể riêng biệt.

3. Hãy tập trung vào kiểu chữ

Vì theo nguyên tắc trước đó Trong khi đồ họa trong thiết kế phẳng rất đơn giản thì một yếu tố cực kỳ quan trọng đó là kiểu chữ - thiết kế của dòng chữ. Trong thiết kế phẳng, kiểu chữ nổi bật cùng với các nút.

Phông chữ phải dễ đọc và tất nhiên phải phù hợp với thiết kế, kể từ khi nào Thiết kế đơn giản phông chữ cực kỳ trang trí công phu sẽ trông lạc lõng. Tuy nhiên, bạn không nên sử dụng phông chữ thông thường, tốt hơn hết bạn nên thử nghiệm và chọn cái sẽ thu hút sự chú ý của người dùng.

Bạn có thể cân nhắc việc kết hợp phông chữ sans-serif đơn giản với một số phông chữ mới sẽ được coi là một yếu tố nghệ thuật. Phông chữ sẽ giúp thiết kế đơn giản và rõ ràng hơn, trong khi các nút và các yếu tố khác chỉ nhằm mục đích nâng cao tính tương tác.

4. Hãy thu hút sự chú ý bằng màu sắc

Màu sắc gần như đóng vai trò chính trong thiết kế phẳng. Nếu bạn nghiên cứu kỹ các trang web được tạo dựa trên khái niệm này, điều đầu tiên đập vào mắt bạn là bảng màu tươi sáng. Nó thường bao gồm một số màu thuần khiết (không có sắc thái) tương phản, hai hoặc ba màu, mặc dù con số này có thể lên tới tám. Hơn nữa, tất cả các màu này thường được sử dụng như nhau.

Các màu phổ biến nhất là màu chính và màu phụ. Tức là các màu cơ bản (lục lam, đỏ tươi, vàng, đen) và những màu thu được dựa trên sự pha trộn của chúng. Cũng rất thường xuyên, các màu cổ điển được sử dụng trong bảng màu khi tạo ra một thiết kế phẳng, chẳng hạn như màu cá hồi, màu tím, v.v.

5. Chủ nghĩa tối giản

Thiết kế phẳng có bản chất đơn giản và phù hợp với cách tiếp cận tối giản.

Trong thiết kế tổng thể của trang web, bạn cần tránh quá nhiều chi tiết rườm rà. Tất nhiên, màu sắc và văn bản đơn giản có thể không đủ. Vì vậy, nếu muốn thêm hiệu ứng hình ảnh, bạn cần chọn những bức ảnh đơn giản. Một số trang web sản phẩm bán lẻ sử dụng thiết kế phẳng để đặt sản phẩm của họ trên nền đơn giản, không gây rối mắt.

Cần lưu ý rằng một số bức ảnh có chiều sâu tự nhiên nhưng nhìn chung nó phù hợp với mặt phẳng thiết kế tổng thể

Cái nào đang phát triển ứng dụng di động và các trang web, đã viết một chuyên mục cho chúng tôi và lập kỷ lục về thiết kế vật liệu và phẳng.

Qua nhìn chung, sự khác biệt giữa thiết kế phẳng ( Thiết kế phẳng) và thiết kế vật liệu ( Vật liệu thiết kế) hầu như không thể cảm nhận được. Đối với một người không có kiến ​​thức sâu về thiết kế đồ họa, chúng thực sự có vẻ rất giống nhau. Trong bài viết này, tôi sẽ cố gắng “làm sáng tỏ” một số khác biệt giữa chúng. Bạn sẽ nhận được những kiến ​​thức bổ sung rất cần thiết để không vô tình làm tổn thương đến bản chất mỏng manh của nhà thiết kế.

Một ít lịch sử

Trước khi bắt đầu nói về sự khác biệt giữa hai xu hướng thiết kế phổ biến nhất, hãy cùng tìm hiểu xem chúng đến từ đâu. Có ý kiến ​​​​cho rằng thiết kế vật liệu được tạo ra trên cơ sở phẳng. Vậy thì thiết kế phẳng đến từ đâu?

tính đa hình

Khi nói đến giao diện người dùng và thiết kế web, khái niệm đa dạng đề cập đến một cách tiếp cận có ý tưởng chính là bắt chước. Không đi sâu vào chi tiết, chỉ cần nhớ các giao diện của Apple trước đây sự xuất hiện của iOS 7 với “kết cấu, ánh sáng và hiệu ứng khoa trương chân thực”.

Nỗ lực làm cho các đối tượng kỹ thuật số trông giống như các đối tượng kỹ thuật số của chúng. thế giới thựcđược chứng minh là do nhu cầu tạo điều kiện thuận lợi cho người dùng tương tác với thiết bị. Trên thực tế, chính vì lý do này mà tất cả các giao diện có họa tiết thực tế đều chiếm ưu thế thế giới kỹ thuật số trong nhiều năm. Thiết kế Skeuomorphic thực hiện rất tốt công việc giúp người dùng chuyển đổi liền mạch từ thế giới thực sang thế giới kỹ thuật số.

Tuy nhiên, với sự hưng thịnh công nghệ di động dần dần cần phải tập trung chủ yếu vào sự tiện lợi và dễ sử dụng. Đồng ý, trong lĩnh vực này cần phải tạo ra các giải pháp di động có thể truy cập từ các thiết bị khác nhau, tăng đáng kể. Và tại thời điểm này, sự đơn giản trở thành tiêu chuẩn thiết kế mới.

Lưu ý: Trong mọi trường hợp, đừng nghĩ rằng tính đa hình đã biến mất hoàn toàn. Nó được sử dụng rộng rãi trong các trò chơi cần tạo ra một thế giới chân thực và giúp người chơi cảm nhận được nhân vật của mình để có thể hòa mình sâu sắc vào quá trình chơi.

Thiết kế phẳng

Phong cách này hoàn toàn không có bất kỳ vật thể ba chiều nào. Nói một cách đại khái, thiết kế phẳng thiếu các yếu tố phong cách như bóng đổ, họa tiết, độ dốc, nhưng lại chú ý đến cách chơi của phông chữ, màu sắc và biểu tượng. Nhưng tại sao tất cả điều này lại cần thiết? Đáp án đơn giản.

Thứ nhất, thiết kế phẳng giúp giảm đáng kể thời gian tải trang. Sự vắng mặt của các chi tiết đa hình “nặng” (ví dụ: các lớp, phông chữ serif, độ chuyển màu) làm cho các thành phần thiết kế phẳng “nhẹ hơn”, từ đó tăng tốc đáng kể thời gian tải. Hơn nữa, các phần tử phẳng trông hấp dẫn như nhau trên cả hai màn hình. độ phân giải cao, và với mức thấp.

Thứ hai, hình ảnh đơn giản có thể truyền đạt ý tưởng của bạn đến người dùng nhanh hơn các minh họa chi tiết: chúng mang tính sơ đồ và do đó khá dễ hiểu.

Và tất nhiên, các biểu tượng phẳng với phông chữ tương đối đơn giản có thể hướng sự chú ý của người dùng đến nội dung thực sự quan trọng.

Ngày nay, thiết kế phẳng đã nhận được sự công nhận xứng đáng, nhưng nó vẫn có những vấn đề. Ví dụ rõ ràng nhất về những vấn đề như vậy là việc phát hành Windows 8. bởi Microsoft. Hệ điều hành này được coi là hệ điều hành tiên phong về thiết kế phẳng và hỗ trợ khái niệm thiết kế Metro. Điều dẫn đến vấn đề là công ty cho rằng cần phải chú ý đến kiểu chữ hơn là bản thân đồ họa.

Kết quả từ bài kiểm tra khả năng sử dụng Windows 8 do NN Group thực hiện cho thấy người dùng gặp khó khăn trong việc phân biệt đối tượng có thể nhấp vào và đối tượng không thể nhấp vào. Người dùng phàn nàn rằng các đối tượng có vẻ tĩnh lại thực sự có thể nhấp vào được. Kết quả là sứ mệnh chính của công ty - giúp người dùng giải thích chính xác hệ thống - đã thất bại.

Một công ty khác thường gắn liền với thiết kế phẳng là Apple. Họ đã loại bỏ các yếu tố thiết kế đa dạng trong phòng điều hành di động hệ thống iOS 7, phát hành năm 2013. Lần chuyển đổi này được đón nhận tốt hơn một chút, chủ yếu là do công ty không cố gắng cập nhật hoàn toàn ý tưởng giao diện người dùng, nhưng chỉ bổ sung thêm một số thay đổi hướng tới thiết kế phẳng. Điều này cho phép người dùng sử dụng sản phẩm bằng cách dựa vào trải nghiệm trước đây của họ với hệ điều hành và trang web.

Vật liệu thiết kế

Hãy làm rõ ngay bây giờ: Material Design giống một sản phẩm có thương hiệu hơn là một xu hướng thiết kế tự phát đã được chấp nhận rộng rãi. Đây là điểm khác biệt chủ yếu của nó với thiết kế phẳng.

Khi gọi một vật liệu thiết kế là “có thương hiệu”, ý tôi là nó có một tập hợp hoàn chỉnh các khuyến nghị và nguyên tắc được xác định rõ ràng mà mọi nhà thiết kế có lòng tự trọng đều tuân theo. Khá rõ ràng tại sao Google giới thiệu Thiết kế Vật liệu của mình: cần phải thống nhất thiết kế để các ứng dụng trông giống nhau trên mọi thiết bị. nhiều Android thiết bị.

Mặc dù khá hữu dụng nhưng thiết kế phẳng vẫn bị coi là khó hiểu. Sự thật là các vật thể phẳng trên màn hình có thể gây nhầm lẫn cho người dùng (đặc biệt là những người chưa có kinh nghiệm sử dụng giao diện di động và web). Do đó, thiết kế vật liệu cố gắng mang lại các yếu tố đa dạng, nhưng ở dạng đơn giản hóa rất nhiều. Hình ảnh trông phẳng, đặc biệt khi Chúng ta đang nói về về màu sắc nhưng vẫn mang tính đa chiều do có sự góp mặt của trục Z.

Nói cách khác, thiết kế vật liệu có thể được gọi là phiên bản cải tiến của thiết kế phẳng với các yếu tố đa dạng - hoạt hình, bóng và lớp. Bằng cách này, bạn có thể làm cho sản phẩm trở nên trực quan hơn về mặt điều hướng và tránh sự phức tạp không cần thiết trong phong cách tổng thể.

Ưu và nhược điểm của thiết kế phẳng

Hãy bỏ lại lịch sử phát triển của các phong cách và chuyển sang một điều quan trọng hơn - hãy liệt kê những điểm mạnh và mặt yếu thiết kế phẳng.

  • Chủ nghĩa tối giản và phong cách
  • Trực giác. Bạn sẽ dễ dàng truyền đạt ý tưởng của mình tới người dùng hơn.
  • Tiết kiệm thời gian và nguồn lực. Các trang tải nhanh hơn nhiều với mức tiêu thụ băng thông ít hơn.
  • Tập trung vào nội dung. Giao diện không có các chi tiết không cần thiết có thể làm mất tập trung vào những thông tin thực sự có giá trị.
  • Trông đẹp như nhau trên nhiều thiết bị khác nhau, có thể là trình duyệt PC hoặc điện thoại thông minh.
  • Tăng tốc quá trình phát triển thiết kế trang web hoặc ứng dụng bằng cách loại bỏ những chi tiết thiết kế không cần thiết.
  • Phong cách tối giản.
  • Khá trực quan ở mức độ trực quan. Thiết kế vật liệu sẽ dễ dàng nhận biết như nhau đối với cả người dùng có kinh nghiệm và người mới bắt đầu.
  • Độ lệch hình vừa phải. Mọi thứ trông thực tế hơn nhờ sử dụng trục Z (một khái niệm độc đáo của Google).
  • Có bộ tài liệu hướng dẫn được cập nhật liên tục. Vì vậy, bất kỳ nhà thiết kế nào cũng có thể nhờ đến họ nếu gặp khó khăn trong quá trình làm việc.
  • Khuyến khích hoạt ảnh cho các giải pháp web. Không cần phải nhắc bạn rằng mọi người yêu thích sự chuyển động đến mức nào. Ngoài ra, hoạt ảnh cho phép bạn làm cho giao diện rõ ràng và trực quan hơn.
  • Có chủ sở hữu (công ty Google). Vì vậy, mọi thắc mắc và đề xuất cải tiến nên được gửi đến chủ sở hữu.
  • Do trục Z nên quá trình thiết kế có thể mất nhiều thời gian hơn để hoàn thành.
  • Các yếu tố hoạt hình đòi hỏi nhiều tài nguyên hơn.
  • Việc tuân thủ chặt chẽ các nguyên tắc có thể hạn chế tính độc đáo của thiết kế.

Tóm tắt

Trên thực tế, một trong những phương pháp thiết kế đang được xem xét không nên được coi là có lợi thế rõ ràng so với phương pháp kia, vì phong cách phẳng và chất liệu luôn đi cạnh nhau. Cả hai đều cực kỳ nổi tiếng và cả hai đều không có chủ nghĩa hiện thực quá mức. Thiết kế vật liệu là sự kế thừa của thiết kế phẳng, trong khi bản thân thiết kế phẳng là một phản ứng đối với các giải pháp quá nặng nề và thực tế. Thiết kế vật liệu đã bổ sung thêm một điều mà thiết kế phẳng luôn cố gắng tránh xa - một chút đa dạng. Mặc dù có một điều sẽ luôn khác nhau giữa các cách tiếp cận này: thiết kế vật liệu là sản phẩm độc quyền của Google và thiết kế phẳng là kết quả của sự kết hợp của một số phương pháp thiết kế nhằm chủ yếu hướng tới sự đơn giản tổng thể.

Trên thực tế, thiết kế phẳng đã phát triển rất nhiều trong những năm gần đây, từ phong cách “phẳng” hoàn toàn sang phong cách “bán phẳng”. Giờ đây, nó cho phép sử dụng các lớp và bóng tinh tế để cho phép các đối tượng xuất hiện sâu hơn so với trước đây. Vì vậy, bạn và tôi đều là những người cùng thời với thiết kế phẳng 2.0.

Cuối cùng, không có gì ngăn cản bạn cố gắng kết hợp hai phương pháp này để tạo ra một sản phẩm thực sự hữu ích và thân thiện với người dùng. Vì vậy, hãy lấy cảm hứng từ các chuyên gia thiết kế vật liệu và phẳng và bắt tay vào làm!

Hôm nay chúng ta sẽ tập trung sự chú ý vào một trong những lĩnh vực phổ biến nhất của thế giới hiện đại. thiết kế đồ họa, được gọi là thiết kế phẳng.

Nghệ sĩ nổi tiếng Edgar Degas từng nói: “Nghệ thuật không phải là những gì bạn nhìn thấy mà là những gì bạn cho người khác thấy”. Điều này cũng áp dụng cho thiết kế đồ họa, cũng có thể được định nghĩa là một nghệ thuật quyết định nhiệm vụ cụ thể. Thiết kế đồ họa có khả năng thay đổi tâm trạng và thông điệp thông qua những thay đổi nhỏ nhất về hình dạng, sắc thái, chữ cái và khoảng cách. Xu hướng trong lĩnh vực này đã trở thành một phần không thể thiếu Cuộc sống hàng ngày, vì chúng ảnh hưởng đến quá trình ra quyết định và giải quyết các vấn đề khi trình bày một sản phẩm hiện đại, đồng thời định hình thị hiếu của người dùng.

Ngày nay, thuật ngữ “thiết kế phẳng” được sử dụng trong đồ họa cho nhiều mục đích và nhiệm vụ có những đặc điểm phong cách chung. Thiết kế phẳng là một xu hướng đã có nhiều biểu hiện trong lĩnh vực sản phẩm kỹ thuật số, nhờ vào việc sử dụng các phương tiện biểu đạt trực quan một cách ngắn gọn.

Ngày nay, thuật ngữ này được sử dụng rộng rãi với ý nghĩa trái ngược với "thiết kế phong phú" do tính đơn giản hài hòa được lấy làm nền tảng của phương pháp này. Tính năng đáng chú ý nhất tạo nên tên gọi của phong trào này là việc sử dụng các chi tiết hình ảnh hai chiều phẳng, trái ngược với các hình ảnh đa dạng chi tiết và chân thực cao. Thiết kế phẳng đã được phát triển tích cực trong những năm qua. những năm gần đây, bao gồm ngày càng nhiều lĩnh vực thiết kế đồ họa đang tìm kiếm những ứng dụng rộng rãi và đa dạng trong lĩnh vực thiết kế kỹ thuật số cho web và di động giao diện. Cách tiếp cận này có thể được coi là một phong cách thúc đẩy khả năng sử dụng và sự hài hòa về mặt hình ảnh trong giao diện người dùng.


Lịch sử của thiết kế phẳng

Rõ ràng, thiết kế phẳng không phải tự nhiên mà xuất hiện. Nguồn gốc của nó thường được coi là phong cách Thụy Sĩ. Swiss Style hay còn gọi là Phong cách Typographic Quốc tế hay gọi tắt là phong cách quốc tế, là một phong trào bắt nguồn từ những năm 1920 nhưng vấp phải làn sóng chỉ trích lớn và sau đó có sự tái sinh mạnh mẽ trong lĩnh vực thiết kế đồ họa ở Thụy Sĩ vào những năm 1940 và 50, trở thành một nền tảng vững chắc của thiết kế đồ họa giữa thế kỷ 20 trên toàn thế giới. Những người sáng lập phong trào sáng tạo này là Joseph Müller-Brockmann và Armin Hofmann.


Theo trang web Design Is History, Mô tả ngắn tính năng chính của phong cách này như sau: “... phong cách tập trung vào sự đơn giản, dễ đọc và khách quan. Di sản của phong cách này là việc sử dụng phông chữ sans-serif, lưới và bố cục không đối xứng. Hình ảnh cũng nổi bật như một phương tiện giao tiếp bằng hình ảnh. Các tác phẩm có ảnh hưởng chính được thiết kế dưới dạng áp phích, được coi là ấn tượng nhất phương tiện hiệu quả cung cấp thông tin."


Các áp phích được trình bày làm ví dụ cho thấy những người theo phong cách này thích những hình thức đơn giản, táo bạo và phông chữ nghiêm ngặt với mức độ dễ đọc cao, sự kết hợp hình học của các chi tiết, hình minh họa phẳng và hệ thống phân cấp trực quan rõ ràng. Thiết kế Thụy Sĩ nhanh chóng trở nên ngày càng phổ biến ở Những đất nước khác nhau và đón nhận một sức sống mới trong nghệ thuật đầu thế kỷ 21.

Mặc dù phong cách này đã nhận được nhiều biểu hiện trong lĩnh vực thiết kế hình ảnh cho in ấn: áp phích, tem, thiệp, bìa sách, tạp chí, v.v., nhưng nó đã mở rộng đáng kể tầm nhìn của mình trong kỷ nguyên thiết kế kỹ thuật số, đặc biệt là trong lĩnh vực thiết kế giao diện người dùng. .

Các trang web và ứng dụng di động đã mở ra một viễn cảnh tuyệt vời và hiệu quả cho sự tối giản và cách tiếp cận chức năngđể thiết kế các giải pháp. Phong cách này được gọi là “thiết kế phẳng”, ngay lập tức trở nên phổ biến và bắt đầu một hướng đi mới trong thiết kế đồ họa.

Bước đầu tiên nhằm tăng mức độ phổ biến của giao diện người dùng phẳng trong các sản phẩm kỹ thuật số được thực hiện bởi Microsoft, một phong trào bắt đầu từ đầu những năm 2000 và đã mở rộng rộng rãi trong các sản phẩm năm 2010, đặc biệt là trong lĩnh vực phát triển. giao diện di động dành cho Windows Phone 7. Các tính năng chính của thiết kế phẳng như trực quan, hình khối đơn giản, đậm, kiểu chữ rõ ràng, sống động màu sắc tương phản, bóng dài, thiếu các chi tiết và kết cấu phức tạp, bám rễ tốt. Bước nhảy vọt tiếp theo về mức độ phổ biến của thiết kế phẳng xảy ra vào năm 2013, khi Apple phát hành iOS 7 dựa trên nguyên tắc đồ họa phẳng làm nền tảng cho giao diện trực quan. giao diện rõ ràng. Bạn cũng có thể nói rằng một số nguyên tắc chính của thiết kế phẳng đã được đưa vào Material Design của Google.


Vì vậy, các tính năng chính của thiết kế phẳng là:

  • sự đơn giản của hình thức và các yếu tố;
  • chủ nghĩa tối giản;
  • chức năng;
  • kiểu chữ đậm và dễ đọc;
  • phân cấp trực quan rõ ràng và chặt chẽ;
  • sự kết hợp của các màu tương phản mang lại cảm nhận trực quan nhanh chóng;
  • tránh kết cấu, độ dốc và hình dạng phức tạp;
  • áp dụng các nguyên tắc lưới, phương pháp hình học và cân bằng thị giác.

Lợi ích của thiết kế phẳng

Thiết kế Fdat có một số ưu điểm quyết định mức độ phổ biến và đa dạng của nó trong thiết kế kỹ thuật số. Trong số những điều quan trọng nhất:

  • khả năng đọc;
  • phân cấp trực quan rõ ràng bằng cách sử dụng hình dạng, màu sắc và phông chữ;
  • tổ chức hiệu quả việc điều hướng nhanh chóng và trực quan trong giao diện web và thiết bị di động;
  • khả năng mở rộng dễ dàng cho thiết kế đáp ứng;
  • tải không đáng kể cho một hệ thống kỹ thuật số.

Với tất cả những gì đã nói, thiết kế phẳng cung cấp một lĩnh vực rộng lớn cho việc khám phá sáng tạo và các khái niệm về phong cách.


Thiết kế phẳng - ứng dụng trong thực tế

Sự đa dạng của các phong cách thiết kế hiện có và đang phát triển ngày nay rất phù hợp với thiết kế phẳng do tính linh hoạt và tự do nghệ thuật của nó.

Ngay cả ở giai đoạn đầu của việc lập kế hoạch bố cục tổng thể, logic và chuyển tiếp, các nguyên tắc thiết kế phẳng có thể được áp dụng. Công cụ và phần mềm Các công cụ thiết kế kỹ thuật số được sử dụng ở giai đoạn quan trọng này cho phép các nhà thiết kế trình bày cho khách hàng và nhóm một bố cục nhất quán của tất cả các màn hình ứng dụng hoặc trang web và thậm chí cả điều này sơ đồ cơ bảnđã có các tính năng trực quan chính điển hình của thiết kế phẳng. Ở giai đoạn này, nó lý tưởng để hiển thị nhanh và hiệu quả giải pháp thiết kế, được thể hiện trong một sơ đồ đơn sắc đơn giản.


Thiết kế giao diện người dùng

Giao diện người dùng chắc chắn đã trở thành một lĩnh vực rộng lớn và thuận lợi cho thiết kế phẳng. Nó đã tìm thấy sự phát triển của mình cả về các khái niệm trừu tượng về tương tác của người dùng và trong nhiều giao diện, biểu tượng, thành phần giao diện và hình minh họa ban đầu.


Những loại hình minh họa này cung cấp hỗ trợ bổ sung cho các sản phẩm kỹ thuật số và có xu hướng phức tạp hơn về mặt chi tiết, đáp ứng nhu cầu thẩm mỹ của người dùng, đồng thời thiết lập ngay sự kết nối với một chủ đề cụ thể.


Hình minh họa in

Sự đa dạng về mục đích của thiết kế phẳng hiện đại và sự phổ biến ngày càng tăng của nó trong các sản phẩm kỹ thuật số cũng đã ảnh hưởng đến các lĩnh vực thiết kế khác, đặc biệt là thiết kế cho các sản phẩm in như áp phích và bìa sách, nguồn gốc của phương pháp này.

Xây dựng thương hiệu

Thiết kế thương hiệu ngày nay cũng áp dụng thành công các nguyên tắc thiết kế phẳng do tính linh hoạt của nó khi nhiều sản phẩm được trình bày trên các thiết bị hoặc nhận được. hỗ trợ kỹ thuật số trên mạng. Thiết kế phẳng trong xây dựng thương hiệu thường được thể hiện qua logo và biểu tượng ứng dụng.


Tất cả sự thật và lợi ích được đề cập về thiết kế phẳng chắc chắn không có nghĩa là phong cách này đã chiến thắng các phương pháp thiết kế khác. Bất kỳ phong cách và hướng thiết kế nào cũng có ưu điểm và nhược điểm. Tuy nhiên, thiết kế phẳng đã mở ra những góc nhìn mới, đặc biệt là trong lĩnh vực giải pháp tùy chỉnh thể hiện sự cân bằng hài hòa giữa vẻ đẹp và chức năng.

Đã viết:

Chuyên gia thiết kế, phát triển, phân tích trang web

Từ tác giả: Chào hỏi những người bạn! Hôm nay chúng ta sẽ nói về thiết kế phẳng là gì, hay thiết kế website phẳng. Thuật ngữ này từ lâu đã chiếm được cảm tình của các nhà thiết kế web và vẫn tự tin là xu hướng cho đến ngày nay. Các công ty lớn nhất(Google, YouTube, Microsoft, Apple Inc., v.v.) sử dụng nó để thiết kế trang web và ứng dụng của họ. Bạn vẫn chưa thuộc nhóm ủng hộ thiết kế trang web phẳng? Sau đó chúng tôi đi đến bạn!

Bạn nghĩ lý do cho sự nổi tiếng hoang dã như vậy là gì? thiết kế phẳng? Tôi sẽ trả lời bạn một cách ngắn gọn: nó thực sự hiệu quả! Trong bài viết này tôi sẽ giải thích cho bạn phong cách này là gì, cho bạn biết những ưu và nhược điểm của nó và chỉ cho bạn một số điều tuyệt vời. ví dụ bằng phẳng thiết kế trang web chắc chắn sẽ truyền cảm hứng cho bạn để làm những việc lớn. Vì vậy, chúng ta hãy đi!

Tất cả bắt đầu với sự đa dạng

Dành cho những ai chưa biết, skeuomorphism không phải là một từ bẩn thỉu mà là một phong cách thiết kế web khác. Thiết kế phẳng thường được coi là đối lập với chủ nghĩa đa dạng, theo tôi, điều này không hoàn toàn chính xác. Đây đúng hơn là một sự đơn giản hóa hơn là một sự đối kháng.

Cho đến năm 2010, phong cách đa dạng là phong cách thống trị trong thiết kế giao diện. Anh ấy hiển thị các yếu tố như chúng xuất hiện trong thực tế, tích cực sử dụng kết cấu, bóng, phản chiếu và các thuộc tính khác của hình ảnh ba chiều. Tôi đã cố gắng hết sức trong vấn đề này công ty táo, sao chép cẩn thận hầu hết các đối tượng phần mềm từ các đối tượng trong đời thực.

Chẳng bao lâu, các biểu tượng giả lồi đã không còn thu hút được phần lớn người dùng và nhà phát triển web, điều này đánh dấu sự khởi đầu của kỷ nguyên thiết kế trang web phẳng. Thế giới đã đi đến kết luận rằng mọi thứ yếu tố trang trí bạn cần xóa nó và chỉ để lại những gì thuận tiện để tương tác người dùng cuối.

“Thiết kế tốt nhất là càng ít thiết kế càng tốt”

Dieter Rams, một nhà thiết kế công nghiệp nổi tiếng phản đối thiết kế ám ảnh, đã nhìn xuống nước như thế nào, hiệu ứng hoạt hình v.v. Vào tháng 6 năm 2013, Apple Inc. đã giới thiệu iOS 7 mang tính cách mạng, nhận được tất cả các thuộc tính của phong cách thiết kế web phẳng. Tuy nhiên, chiếc máy bay không ngay lập tức “đánh bại” chủ nghĩa hiện thực và khối lượng.

Đã từ lâu, người dùng không thể quên được phép thuật của Steve Jobs và những biểu tượng “muốn liếm”. Nhiều người thậm chí còn nói lời chia tay với “Bảy tội nghiệp” và chuyển sang “Android rạng rỡ”. Đổ thêm dầu vào lửa và một số lượng lớn các lỗi xuất hiện trong iOS 7 và thiết kế màu trắng, mờ với hình ảnh động thị sai và "nước mũi" khi mở ứng dụng.

Những người cam chịu thực tế không thể tránh khỏi và ở lại với hệ điều hành Apple cuối cùng đã nhận ra rằng thiết kế web phẳng không chỉ trông thú vị mà còn mang lại trật tự và phong cách hình ảnh thống nhất cho tất cả các ứng dụng.

Ưu và nhược điểm của thiết kế phẳng

Ưu điểm của việc sử dụng phong cách này bao gồm:

sự rõ ràng của bố cục và sự ngắn gọn phương tiện trực quan. Giao diện đáp ứng theo phong cách “không có gì thừa”, nhờ đó người dùng nhanh chóng nhận ra điều mình muốn truyền tải;

nhấn mạnh vào kiểu chữ tốt. Nội dung được đặt lên hàng đầu, điều này cực kỳ quan trọng trong bối cảnh thông tin dồi dào ngày nay;

kích thước trang web nhỏ hơn và hiệu suất trang web nhanh hơn do số lượng hiệu ứng hình ảnh tối thiểu. Điều này đặc biệt hữu ích khi tạo phiên bản thích ứng, bởi vì biểu mẫu càng đơn giản thì càng dễ hiển thị chúng trên màn hình nhỏ thiêt bị di động.

Thiết kế web phẳng cũng có những nhược điểm:

giới hạn trí tưởng tượng của người thiết kế web ở việc đơn giản hóa màu sắc, kiểu chữ và hình tượng. Vì vậy, nguy cơ tạo ra một trang web nhàm chán và kém ấn tượng sẽ cao hơn;

việc thiếu tính ba chiều và bóng đôi khi gây khó khăn cho việc hiểu liệu một phần tử có thể nhấp vào được hay không;

thiếu những quy định cố định cụ thể.

Nếu bạn đã quyết định sử dụng phong cách này trên trang web của mình thì xin chúc mừng - điều đó cho thấy rằng bạn quan tâm đến trải nghiệm người dùng và theo kịp thời đại. Nếu bạn mới bắt đầu làm nhà thiết kế web và không biết cách sử dụng thiết kế phẳng đúng cách để làm cho trang web của mình trông phù hợp mà không bị đơn giản hóa, hãy thử các mẹo sau:

Hãy quên đi những bức tường gạch và nền sáng. Thiết kế web phẳng có xu hướng sử dụng hình ảnh đơn giản, mượt mà, mềm mại làm nền.

Xu hướng hiện đại và các cách tiếp cận trong phát triển web

Tìm hiểu thuật toán để tăng trưởng nhanh chóng từ đầu trong việc xây dựng trang web

Không có độ dốc, biểu tượng 3D, chuyển tiếp hoạt hình hoặc các hiệu ứng đặc biệt khác. Tất cả điều này sẽ làm cho trang web của bạn nặng hơn và thêm phiền phức - bạn có cần nó không?

Sử dụng các biểu tượng phẳng có đường viền rõ ràng để tăng thêm sự tiện lợi và chức năng.

Sử dụng bảng màu tươi sáng, phong phú. Xu hướng hiện nay là các tông màu của quang phổ mặt trời: vàng nhạt, hồng và xanh lục. Điều chính là không lạm dụng nó - không nên có quá 3 màu trên trang.

Tập trung vào kiểu chữ. Trong thiết kế phẳng, ưu tiên những màu sáng, chữ khắc gốc tạo ra lời kêu gọi hành động và cung cấp điều hướng thuận tiện trên trang web. Ở đây cũng vậy, điều quan trọng là không lạm dụng nó. Hãy quên đi “viết tay” và các phông chữ ưa thích khác. Chữ in hoa có thể được sử dụng để làm nổi bật các tiêu đề.

Hãy thoải mái sử dụng nhiều hình dạng hình học khác nhau. Hình vuông, hình tròn, đường thẳng và các hình dạng khác sẽ không chỉ cải thiện cấu trúc của trang web mà còn tạo ra sự phân cấp và phân chia nội dung rõ ràng. Người dùng sẽ đánh giá cao điều này, tin tôi đi.

Đơn giản hóa hết mức có thể Chức năng điều hướng và các thành phần khác của trang web. Đối với các nút, hãy sử dụng hình chữ nhật thông thường không có bóng hoặc đánh dấu.

Vì vậy, trong những năm qua, các trang web thiết kế phẳng đã trở thành tiêu chuẩn được tất cả mọi người chấp nhận. Hãy nhìn vào hầu hết các trang web hiện đại - chúng đều có cốt lõi là phẳng.

Cuối cùng, tôi sẽ đưa ra những ví dụ hứa hẹn về thiết kế phẳng thành công, có thể là nguồn cảm hứng để bạn tạo ra những kiệt tác của riêng mình.

1. Trang web http://dunked.com.

Một nền tảng phổ biến để xuất bản danh mục đầu tư, nhắm đến đại diện của nhiều ngành nghề sáng tạo khác nhau. Thiết kế web phẳng tối giản gợi lên cảm giác về một dịch vụ đáng tin cậy và dễ hiểu, không gây xao lãng bằng các hiệu ứng đặc biệt không cần thiết.

2. Giao diện của Microsoft.

Microsoft là một trong những công ty khiến phong cách phẳng trở nên phổ biến. Có lẽ bạn còn nhớ máy nghe nhạc Zune, đối thủ cạnh tranh của iPod, được Microsoft phát hành vào giữa những năm 2000? Vì vậy, thiết kế của sản phẩm này khác hẳn so với hầu hết các ứng dụng vào thời điểm đó, phần lớn là do kiểu chữ lớn, biểu tượng phẳng, hình thức lớn và tươi sáng.

Giao diện này được gọi là Metro, sau này được chuyển sang những máy tính cá nhân(HĐH Windows 8), giao diện Xbox 360 và các giao diện khác sản phẩm phần mềm Mircosoft.

3. Trang web http://www.vox.com.

Chà, bạn có cảm hứng không? Thất vọng với tính thẩm mỹ 3D giả thực!

Đó là tất cả. Đăng ký và chia sẻ bài viết của chúng tôi với bạn bè trên mạng xã hội. Chuyển đổi cao cho bạn!

Xu hướng và cách tiếp cận hiện đại trong phát triển web

Tìm hiểu thuật toán để tăng trưởng nhanh chóng từ đầu trong việc xây dựng trang web

Trong bài viết này tôi sẽ nói với bạn về thiết kế phẳng. Có thể bạn đã nghe điều gì đó về điều này vì thiết kế phẳng đã trở thành một trong những xu hướng hàng đầu trên web trong vài năm qua.

Hôm nay chúng ta sẽ xem xét thiết kế phẳng là gì, nó ra đời như thế nào và bạn cần những gì để tạo ra một thiết kế gọn gàng, sáng sủa và có tính phản hồi cao.

bạn có thể tìm những ví dụ hay thiết kế phẳng trên website http://market.envato.com/. Có rất nhiều bố cục, biểu tượng và mẫu sẽ giúp bạn hiểu rõ ràng về thiết kế hiện đại trông như thế nào .

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

Thiết kế phẳng là một phong cách hiện đại về giao diện người dùng và thiết kế đồ họa, đặc trưng bởi sự tối giản. Thiết kế phẳng được đặc trưng bởi việc sử dụng tối thiểu các yếu tố và không có các hiệu ứng khác nhau về kết cấu, bóng và ánh sáng, ví dụ: màu hỗn hợp, độ dốc, điểm nổi bật, v.v.

Căn hộ đối lập với chủ nghĩa đa dạng( Tính đa hình là một nguyên tắc thiết kế khi một sản phẩm mang hình dáng của một sản phẩm khác, tức là. khi các thành phần giao diện khác nhau được sao chép từ các đối tượng thực - bản dịch gần đúng.) Tuy nhiên, điều đáng nói là thiết kế phẳng hoàn toàn không đơn giản như thoạt nhìn. Nó bao gồm một số tính năng của tính đa dạng, nhưng chúng ta sẽ nói về điều này sau.

Nhìn chung, phẳng giúp người dùng tập trung vào nội dung mà không bị phân tâm bởi hình ảnh. Thiết kế phẳng nhấn mạnh sự đơn giản của các yếu tố, đồng thời làm cho giao diện trở nên nhạy hơn, dễ chịu và dễ sử dụng hơn.

2. Một chút lịch sử

Thiết kế phẳng, như bạn đã biết, đã tồn tại từ rất lâu trước khi nó trở thành xu hướng toàn cầu trên web. Thiết kế phẳng khá phổ biến vào những năm 80 do công nghệ lúc đó chưa đủ phát triển để hỗ trợ các hiệu ứng, kết cấu và bóng phức tạp. Tuy nhiên, ngay cả khi đó thiết kế vẫn cố gắng theo hướng đa dạng, cố gắng làm cho các thành phần giao diện trở nên thực tế nhất có thể.

Thiết kế phẳng, theo hình thức mà chúng ta thấy ngày nay, bắt đầu trở nên phổ biến sau khi Microsoft bắt đầu sản xuất các sản phẩm theo phong cách metro. Metro là một thiết kế giao diện người dùng của Microsoft nổi bật về phong cách và sự đơn giản.

Trong năm 2010 Microsoft đã phát hành Windows Phone 7, sử dụng thiết kế phẳng với các cạnh sắc nét và đồ họa đơn giản kế thừa từ một trong những sản phẩm trước đó của hãng. Microsoft (Zune). Sau đó, lấy cảm hứng từ sự thành công, Microsoft đã phát hành hệ điều hành Windows 8, dựa trên cùng một phong cách phẳng Tàu điện.

Xét cho cùng, thiết kế phẳng đã đạt đến đỉnh cao phổ biến vào năm 2013 khi Apple phát hành iOS 7 thể hiện cơ bản thiết kế mới với các thành phần giao diện người dùng được thiết kế lại hoàn toàn, bao gồm các biểu tượng và phông chữ. công ty táo tạo nguyên tắc trực quan của thiết kế giao diện người dùng và biểu tượng .

Ngay sau đó, Google cũng bắt đầu sử dụng phong cách phẳng trong các ứng dụng và trang web của mình, gọi nó là Vật liệu thiết kế. Google thậm chí còn có cả một phần dành riêng cho phong cách này, bao gồm mô tả về mục tiêu của thiết kế web, các nguyên tắc và nguyên tắc tạo trang web. các đồ vật khác nhau thiết kế: biểu tượng, bố cục, v.v.

Kể từ đó, phẳng đã trở thành xu hướng chính trong thiết kế web, làm cho các trang web, ứng dụng và các thành phần giao diện trở nên thanh lịch, sạch sẽ và phong cách.

Vì vậy, có ba ví dụ toàn cầu về thiết kế phẳng từ các công ty mà nếu không có nó thì khó có thể tưởng tượng được thế giới công nghệ hiện đại:

Thiết kế Metro của Microsoft

Thiết kế iOS 7 của Apple

Thiết kế Vật liệu của Google

3. Nhớ giữ gìn vệ sinh sạch sẽ

Thiết kế phẳng rõ ràng được gọi là “phẳng” do thiếu các yếu tố ba chiều và hiệu ứng thực tế như độ dốc, họa tiết, điểm nổi bật, bán sắc, bóng. Hãy nhớ rằng, phong cách phẳng là cách mô tả vật thể hai chiều (phẳng).

Hơn nữa, trong thiết kế phẳng, các đồ vật được mô tả một cách rất đơn giản và cách điệu.

Và đôi khi thậm chí chỉ sử dụng hình bóng hoặc đường viền của đối tượng, tức là. vừa đủ để làm cho đối tượng có thể nhận biết được nhưng không làm nó quá tải với các chi tiết nhỏ.

Chủ nghĩa tối giản ngày nay đã trở thành xu hướng toàn cầu: sự đơn giản của hình dạng và việc sử dụng các cạnh sắc nét tạo nên một thiết kế sạch sẽ và dễ chịu. Các hình thức đơn giản dễ hiểu và dễ hiểu hơn. Điều này giữ cho thiết kế tối giản và sạch sẽ mà không tạo ra một cái nhìn rối rắm, lộn xộn.

4. Đưa nó đến sự hoàn hảo

Biết rằng khi tạo các biểu tượng phẳng và các thành phần giao diện người dùng, bạn phải làm cho chúng trông sắc nét, gọn gàng và hoàn hảo về pixel, tức là. Càng nhiều càng tốt. Hơn nữa, điều này áp dụng cho cả đồ họa raster và vector.

Mọi thứ đều rõ ràng ở đây với Adobe Photoshop: nó hoạt động với đồ họa raster, dựa trên pixel.

Về việc chương trình Adobe Illustrator sử dụng đồ họa vector được tạo thành từ các đường cong và đường thẳng gọi là vectơ, được xác định bằng các công thức toán học.

Ngày xửa ngày xưa, Adobe Illustrator không còn là một công cụ tuyệt vời nữa. chương trình tiện lợiđể tạo đồ họa hoàn hảo đến từng pixel. Tin vui là các phiên bản mới nhất của Illustrator đã trở thành công cụ tuyệt vờiđể tạo ra đồ họa đẹp.

Tôi phải nói chuyện đó Đồ họa vector chủ yếu liên quan đến việc làm việc đơn giản, hình dạng phẳng, màu sắc và lưới thuần khiết. Adobe Illustrator rất linh hoạt trong cài đặt và cho phép bạn điều chỉnh lưới theo nhu cầu của mình, căn chỉnh các đối tượng và sử dụng Nhiều loại khác nhau chụp nhanh. Điều này giúp dễ dàng tạo ra thiết kế hoàn hảo trông gọn gàng và phong cách trên bất kỳ màn hình nào. Nếu bạn muốn tìm hiểu cách tạo đồ họa hoàn hảo thì bạn nên đọc bài viết: Cách tạo tác phẩm nghệ thuật hoàn hảo đến từng pixel bằng Adobe Illustrator .

5. Màu sắc

Một trong những tính năng cụ thể nhất của thiết kế phẳng, bên cạnh bóng tối, là việc sử dụng màu sắc. Hầu hết các màu sắc mà thiết kế phẳng sử dụng trong các thành phần của nó chỉ bao gồm một vài màu cơ bản.

Màu sắc trong thiết kế phẳng tươi sáng, phong phú và phong phú.Phối màu phẳng không giới hạn ở một số màu đặc biệt, nó chứa nhiều sắc thái và sự lựa chọn của chúng chỉ phụ thuộc vào những gì bạn đang mô tả, có thể là biểu tượng đồ ngọt hoặc đồ vật theo phong cách cổ điển trong bảng màu cổ điển tinh xảo.

Giả sử bạn là một nhà thiết kế giao diện người dùng và rất thành thạo về bảng màu, bạn đang thử nghiệm bảng màu trong Chương trình Photoshop và Illusstartor, trộn màu theo ý muốn. Tuy nhiên, quá trình này khá phức tạp và đòi hỏi trực giác, kinh nghiệm và kỹ năng tốt. Ở đây bạn sẽ tìm thấy một số công cụ có thể giúp bạn tạo bảng màu của riêng mình.

Một số trong số chúng phù hợp với mọi loại thiết kế và minh họa, không chỉ thiết kế phẳng. Ví dụ: Adobe Color CC, hay còn gọi là Cooler. Ngày nay có quyền truy cập vào nó, cả thông qua trang web và trực tiếp thông qua Sản phẩm của Adobe. Cooler là một công cụ rất linh hoạt cho phép bạn tạo bảng màu của riêng mình hoặc chọn từ bảng màu tùy chỉnh từ thư viện.

Một trình tạo bảng màu đơn giản và tiện lợi khác là Coolors. Chỉ cần nhấn phím cách và chương trình sẽ tạo bảng màu, bạn có thể điều chỉnh màu sắc, ngoài ra còn có chức năng xuất.

Có một số dịch vụ tương tự khác với bảng màu tùy chỉnh có thể hữu ích. Tuy nhiên, có một công cụ được tạo riêng cho thiết kế phẳng, đó là FlatUIColors.com của Designmodo - một dịch vụ với bộ màu “phẳng”, rất thuận tiện cho công việc. Trang web này đã trở nên rất phổ biến đối với các nhà thiết kế đang tìm kiếm giải pháp màu sắc tốt cho một thiết kế hoàn hảo. Thử nó!

Và bạn cũng có thể tìm thấy nhiều màu sắc và bảng màu đa dạng hơn trong Hướng dẫn thiết kế Material Design của Google.

6. Bóng dài

Như đã đề cập ở trên, thiết kế phẳng được đặc trưng bởi sự đơn giản và nhiều không gian trống - đó là lý do tại sao thiết kế phẳng từ chối sử dụng bất kỳ hiệu ứng nào. Tuy nhiên, có một hiệu ứng điển hình cho thiết kế phẳng. Hiệu ứng này đã trở thành một xu hướng và tính năng đặc trưng phẳng.

Bây giờ chúng ta đang nói về bóng dài. Chúng có một số đặc điểm điển hình giúp cho hiệu ứng này có thể nhận biết được, cụ thể là: độ nghiêng 45 độ và size lớn(Bóng có thể dài hơn chủ thể vài lần. Kết quả là, bóng dài tạo ra hiệu ứng chiều sâu cho mặt phẳng.

Hiệu ứng này làm cho vật thể trở nên ba chiều hơn, nhưng đồng thời vẫn giữ nó trong bối cảnh thiết kế phẳng.

7. Làm việc với phông chữ

Typography đóng một vai trò lớn trong thiết kế phẳng. Thông thường văn bản trở thành thành phần chính của bố cục.

Thiết kế phẳng thường sử dụng kiểu phông chữ đơn giản, làm cho toàn bộ thiết kế trở nên gọn gàng và dễ đọc. Bạn có thể tìm thấy nhiều phông chữ miễn phí trong Adobe Typekit nếu bạn sử dụng các sản phẩm của Adobe. Bạn cũng sẽ tìm thấy rất nhiều phông chữ miễn phí hay trên Font Squirrel. Nhưng đừng quên đọc giấy phép nếu bạn có ý định sử dụng phông chữ cho mục đích thương mại.

Thông thường, trong thiết kế phẳng, người ta thường sử dụng chữ hoa và màu sắc tương phản, điều này làm cho văn bản dễ đọc hơn.

Sử dụng phông chữ một cách tiết kiệm, hãy nhớ rằng chúng nên bổ sung và bổ sung cho thiết kế thay vì xuất hiện dưới dạng một thành phần riêng biệt. Điều này không có nghĩa là bạn không thể sử dụng phông chữ serif hoặc phông chữ phức tạp viết tay. Chỉ cần nhớ tối giản và giữ mọi thứ cân bằng. Tuy nhiên, kiểu phẳng vẫn thường sử dụng phông chữ sans-serif vì chúng trông chặt chẽ và gọn gàng hơn.

8. Ưu và nhược điểm của thiết kế phẳng

Mặc dù thiết kế phẳng đã trở nên quá phổ biến do có nhiều ưu điểm nhưng vẫn có một số nhược điểm mà các nhà thiết kế gặp phải khi sử dụng phong cách này. Chúng ta hãy nhìn vào những ưu và nhược điểm.

thuận

Phổ biến

Thiết kế phẳng đã trở thành xu hướng, ngày càng nhận được nhiều đánh giá tích cực từ các nhà thiết kế, thiết kế web và dường như nó không hề mất đi vị thế của mình. Ngược lại, nó ngày càng lan rộng, có được một số hình thức và tính năng mới, ngày càng trở nên sáng tạo hơn.

Sự đơn giản

Thiết kế phẳng đơn giản, tối giản và sạch sẽ. Flat on web giúp người dùng tập trung vào nội dung hơn là bị phân tâm bởi hình ảnh. Điều này cũng áp dụng được cho giao diện ứng dụng dành cho thiết bị di động: thiết kế gọn gàng với nút lớn làm cho việc sử dụng thiết bị di động trở nên hoàn hảo.

độ sáng

Màu sắc là một điểm cộng thú vị khác trong thiết kế phẳng. Sáng và màu sắc phong phú trông hấp dẫn và sạch sẽ, đồng thời việc thiếu độ dốc khiến thiết kế trở nên phong cách. Hơn nữa, những màu sắc thuần khiết như vậy làm cho nó trở nên tích cực và dễ nhìn hơn; thiết kế phẳng tạo ra tâm trạng phù hợp.

sai sót

Flat có nhiều ưu điểm hơn nhưng không có thiết kế nào là hoàn hảo và chúng ta không thể lý tưởng hóa nó. Dưới đây là một số nhược điểm của thiết kế phẳng mà chúng ta phải đề cập:

Không phản hồi

Đôi khi việc thiếu các chi tiết quan trọng hoặc hiệu ứng hình ảnh khiến quá trình tạo giao diện thân thiện với người dùng trở nên khó khăn và điều này thường khiến toàn bộ thiết kế không phản hồi. Không phải tất cả người dùng đều cảm thấy thoải mái với hình phẳng vì có thể khó tìm thấy các phần tử trên trang web mà bạn cần nhấp hoặc chạm trên màn hình điện thoại di động vì chúng không tương tác.

Vấn đề về kiểu chữ

Như đã đề cập trước đó, không phải mọi phông chữ đều có thể phù hợp với thiết kế phẳng. Đôi khi một phông chữ phong phú với các cạnh sắc nét như vậy trông thực sự cân đối và phong cách. Tuy nhiên, nếu chọn sai phông chữ, nó có thể làm hỏng toàn bộ thiết kế. Bạn phải có cảm nhận thực sự rõ ràng về phông chữ nào phù hợp với phông chữ phẳng và phông chữ nào không. Việc thiếu kinh nghiệm khiến việc chọn phông chữ trở nên rất khó khăn.

Hình ảnh yếu

Do những hạn chế trong việc sử dụng hiệu ứng, màu sắc và phông chữ, thiết kế phẳng có thể trông quá đơn giản và lạnh lùng. Sự tối giản của nó cũng có thể là nhược điểm chính của nó - những thiết kế phẳng khác cuối cùng trông giống hệt thiết kế của bạn. Vì vậy, rất khó để làm cho các biểu tượng hoặc trang web của bạn trông khác với thiết kế của người khác vì bạn đang sử dụng các hình dạng đơn giản giống nhau, bị hạn chế. bảng màu và các phông chữ tương tự. Kết quả là, thiết kế phẳng có thể trở nên nhàm chán theo thời gian.

9. Xu hướng thiết kế phẳng trong tương lai

Không thể nói rằng thiết kế phẳng đã hình thành và dừng lại hoàn toàn, có lẽ là do những nhược điểm nêu trên, thiết kế phẳng cố gắng phát triển và thay đổi, tiếp thu những tính năng mới và nâng cao khả năng biểu đạt thị giác.

Nếu bạn nhìn kỹ vào ví dụ cuối cùng về thiết kế phẳng, bạn có thể nhận thấy rằng nó thực sựdần dần thoát khỏi các công cụ nghiêm ngặt của nó và bắt đầu thêm các hiệu ứng tinh tế như: độ dốc, bóng tối, ánh sáng và các hiệu ứng hình ảnh khác.

Những điểm nhấn nhỏ này mang lại cho thiết kế phẳng một số chiều sâu mà không quá chi tiết như các thiết kế đa dạng. Những cải tiến tinh tế này làm cho mặt phẳng phản ứng nhanh hơn và thoải mái hơn, đồng thời mang lại cái nhìn mới mẻ, làm cho mặt phẳng trở nên linh hoạt và linh hoạt hơn.

Như vậy, phẳng không mất đi tính năng mà trở nên thú vị và linh hoạt hơn.- anh ấy thực sự đã khỏe hơn rồi.

kết luận

Vì vậy, chúng tôi đã thảo luận một số sự thật về lịch sử của thiết kế phẳng và nói về màu sắc, hình dạng và kiểu chữ. Chúng tôi đã xem xét các quan điểm khác nhau, tập trung vào ưu điểm và nhược điểm của mặt phẳng và tìm hiểu một số nguyên tắc chính để tạo ra một thiết kế tốt.

Tôi hy vọng bạn đã học được cho chính mình thông tin mới từ bài viết này hoặc ít nhất là thấy nó thú vị. Bạn có trách nhiệm phải thử tạo ra một thiết kế phẳng nếu bạn chưa từng làm điều đó trước đây.

Rốt cuộc, còn gì để đề cập đến thiết kế phẳng?

Nếu bạn thực sự thích thiết kế phẳng với các cạnh sắc nét, màu sắc phong phú và phông chữ sắc nét, sự sạch sẽ và tối giản thì hãy chọn nó!

Nó hợp thời trang nhưng cũng giống như mọi thứ khác phong cách đồ họa, đừng giới hạn bản thân chỉ trong một kỹ thuật. Chỉ vì phẳng là xu hướng không có nghĩa là bạn không thể sử dụng các phong cách khác trong dự án của mình. Tính đa hình, với những chi tiết và kết cấu nhỏ bé, cũng có thể trở thành quyết định tốt. Điều chính là hãy nhớ rằng thiết kế của mỗi dự án là khác nhau, nó phải thể hiện tinh thần, mục đích, bản chất của nó nhưng vẫn thuận tiện và tiện dụng. Phía trước!