Thực đơn
trang chủTiểu sử

Thiết kế phẳng theo phong cách màu đỏ và xanh. Lựa chọn phông chữ kém. Đặc điểm của phong cách phẳng

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 phong cách 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 phần tử, 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ó tỷ lệ khả 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.

Có thể xem xét sự kết hợp phông chữ đơn giản sans serif 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 bạn 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 cung cấp sản phẩm bán lẻ sử dụng thiết kế phẳngđể đặt sản phẩm của bạn trên nền đơn giản, không gây mất tập trung.

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ể

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 các ứ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à giao diện di động. 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 nhiều 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à nhận được cuộ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 hướng tới việc tăng mức độ phổ biến của UI phẳng trong các sản phẩm kỹ thuật số được thực hiện bởi Microsoft, phong trào này bắt đầu từ đầu những năm 2000 và phát triển rộng rãi trên các sản phẩm vào năm 2010, đặc biệt là trong việc phát triển giao diện di động cho Windows Phone 7. thiết kế như hình dạng đơn giản trực quan, kiểu chữ đậm, 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. 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 thể hiện trong Vật liệu thiết kế từ 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ể đối với 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 kết nối ngay lập tức 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 của 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

Cuộc cách mạng “thiết kế phẳng” tiếp tục đà phát triển kể từ khi nó được giới thiệu vào Nền tảng WindowsĐiện thoại năm 2010 Không khó hiểu tại sao: giao diện với thiết kế này có vẻ trực quan hơn và rất phù hợp với yếu tố thích ứng, các khung hiện đại và khi được thực thi chính xác, nó trông rất hấp dẫn.
Thiết kế phẳng bắt đầu như một đối trọng với phong cách đa dạng phổ biến, nhưng từ đó đã trở thành nhiều thứ hơn là chỉ “Lựa chọn B”.

Ban đầu, phẳng chỉ có hai chiều với sự tập trung hoàn toàn vào sự tối giản. Flat 2.o hiện đại sử dụng bóng, độ dốc và các yếu tố khác để làm cho nó trông "gần như phẳng".

5 thành phần đặc trưng của thiết kế phẳng hiện đại:

1. Bóng dài
Bóng dài thêm chiều sâu và kích thước cho hình ảnh mà không cần phải hy sinh các chi tiết biểu tượng tối giản tạo nên giao diện hấp dẫn.

2. Màu sắc năng động
Việc bổ sung hình ảnh thưa thớt thật dễ dàng bằng các màu sắc tràn đầy năng lượng, đặc biệt là các sắc thái nhẹ.
Khác biệt nền màu trái ngược với Màu cơ bản các yếu tố làm cho trang có menu xếp chồng trở nên sinh động hơn.
Trang web Màu giao diện người dùng phẳng chứa các mẫu màu hiệu quả nhất cho giao diện phẳng.

3. Kiểu chữ đơn giản
Việc lựa chọn phông chữ phẳng dựa trên một tiêu chí: tính dễ đọc. Phông chữ sans serif có độ rộng nét không đổi thường được sử dụng.

4. Nút trong suốt
Một trong những yếu tố xu hướng trong thiết kế web hiện đại. Lý do là nó không thu hút quá nhiều sự chú ý nhưng có thể nhận biết rõ ràng là một nút bấm.

5. Chủ nghĩa tối giản
Phong cách phẳng và chủ nghĩa tối giản luôn song hành với nhau, sử dụng cùng một nguyên tắc: sự đơn giản và tập trung vào nội dung.
Có vẻ như sử dụng thiết kế phẳng là một giải pháp phổ quát, nhưng chủ nghĩa tối giản rất khó thực hiện: càng ít yếu tố hoạt động thì chúng càng cần được chú ý nhiều hơn.

Cho dù thiết kế phẳng có vẻ tuyệt vời đến đâu, không có gì đảm bảo rằng nó sẽ hoạt động cho trang web của bạn. Kiểm tra những ưu điểm chính của nó để xem liệu có đáng để lập kế hoạch thiết kế lại toàn cầu hay không.

Thuận lợi:
Được dùng trong giao diện thích ứng;
đơn giản hóa việc điều hướng cho người dùng;
cấu trúc rõ ràng và hình ảnh sơ đồ nhấn mạnh logic bên trong của trang;
tải nhanh các trang, do tính đơn giản của đồ họa;
Kiểu chữ quen thuộc cải thiện khả năng đọc.

Thiết kế phẳng hướng đến sự đơn giản và tối giản, mặt khác điều này gây khó khăn cho việc truyền tải những thông điệp phức tạp về mặt hình ảnh. Do đó, trước khi vội vàng đơn giản hóa giao diện, bạn nên xem xét cẩn thận sự tương tác giữa trang web và người dùng.

TRÊN Cơ sở web cuốn sách thiết kế của xu hướng.

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 - phong cách hiện đại giao diện người dùng, cũng như 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 được gọi là 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 này, lấy cảm hứng từ thành công, Microsoft đã cho ra đời hệ điều hành Hệ thống Windows 8, dựa trên phong cách Metro phẳng tương tự.

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, thật khó để tưởng tượng nếu không có nó thế giới hiện đại công nghệ:

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ế chẳng hạn 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.

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

Về chương trình Adobe Illustrator, sau đó nó sử dụng đồ họa vector, bao gồm 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 tốtđó có phải là phiên bản mới nhất Thép minh họa 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 hoạt động cho các giao diện ứng dụng di động: thiết kế gọn gàng với nút lớn sử dụng thiêt bị di động 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ư vậy màu sắc tinh khiết làm cho nó trở nên tích cực hơn, 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 nỗ lực 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 thiết kế 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!