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

Tương đối gần đây, một hướng thiết kế như thiết kế FLAT hoặc thiết kế phẳng.

Người dùng Windows 8 trở lên phiên bản sauđã quen với thiết kế FLAT, vì điều đầu tiên họ gặp khi tải hệ thống là màn hình này.

Sự xuất hiện của thiết kế FLAT là do sự lan rộng ứng dụng di động. Và tôi nghĩ điều này là do thực tế là các đối tượng thiết kế FLAT được tạo bằng cách sử dụng các đối tượng vector và do đó chúng dễ thích ứng hơn nền tảng khác nhau dụng cụ.

FLAT – thiết kế có những đặc điểm sau:

Loại bỏ hoàn toàn hoặc một phần độ dốc, kết cấu và bóng phức tạp , điều mà cá nhân tôi rất hài lòng. Tôi không phàn nàn gì về bóng tối và tôi thích sử dụng chúng, nhưng hãy để những vấn đề muôn thuở với màn hình chuyển màu biến mất.

Kiểu chữ, hình học trở nên nổi bật. Đặc biệt là khi nói đến thiết kế web.

Hòa hợp và. Thiết kế sử dụng một số lượng màu sắc hạn chế. Đây là một ví dụ về bảng màu thiết kế FLAT phổ biến.

Sử dụng các biểu tượng thông tin sáng tạo.

Như tôi đã nói, thiết kế FLAT đã trở nên rất phổ biến trong các ứng dụng di động, vì tính năng chính của nó là sự đơn giản về bố cục và khả năng thích ứng. Thiết kế FLAT cũng đã trở nên phổ biến trong đồ họa thông tin vì nó dựa trên sự nhận thức hài hòa về thông tin thông qua việc sử dụng các kỹ thuật mang tính xây dựng về kiểu chữ và màu sắc.

Có một thời, xu hướng phổ biến nhất trong thiết kế web là Web 2.0. Bây giờ vị trí của nó đã được thiết kế FLAT đảm nhận. Thời trang có thói quen quay trở lại với cái cũ đã bị lãng quên để tạo ra điều gì đó mới mẻ từ nó. Ai biết được khi nào thiết kế FLAT sẽ lỗi thời nhưng bây giờ hãy tận hưởng sự đơn giản, hài hòa và nội dung thông tin của xu hướng hiện nay. Nhân tiện, thiết kế phẳng đã phổ biến vào những năm 80, nhưng sau đó là do đặc tính kỹ thuật, không có khả năng hiển thị bóng và độ dốc. Và hiện nay hầu hết các công ty CNTT hàng đầu đều đã chuyển sang thiết kế Flat.

Vâng, chúng ta cũng sẽ thích ứng với thế giới đang thay đổi. Trong bài viết tiếp theo, tôi sẽ chỉ cho bạn cách tạo biểu tượng phong cách FLAT bằng cách sử dụng các hình dạng đơn giản trong Photoshop.

Nếu các ấn phẩm của tôi khiến bạn quan tâm thì tôi khuyên bạn nên cập nhật thông tin cập nhật mới nhất trên trang web của trang web.

(Đã truy cập 2.159 lần, 1 lượt truy cập hôm nay)

Từ "phẳng" dịch từ tiếng Anh có nghĩa là "phẳng". Kể từ khi ra đời, cái gọi là Thiết kế phẳng Trong nhiều năm nay, nó vẫn tiếp tục giữ vững vị thế của mình, chiếm vị trí dẫn đầu thị trường.

Nơi tất cả bắt đầu

Thiết kế web đã thay đổi kể từ khi ra đời một số lượng lớn một lần. Anh ấy đã vượt qua một cách lâu dài từ các yếu tố đơn giản và nhàm chán đến vật liệu ba chiều, lồi và gần như vật chất. Có thể dễ dàng nhận thấy điều này trong ví dụ về việc thay đổi diện mạo của hệ điều hành Windows. Thành phần trực quan đang phát triển song song với sự phát triển của công nghệ. Nhưng đúng hơn, xu hướng mới của nó hướng đến sự quay trở lại với chủ nghĩa tối giản và đơn giản.

Từ sự đa dạng đến thiết kế phẳng

Phong cách đi trước phong cách phẳng là phong cách đa dạng. Anh ấy rất trong một khoảng thời gian dài là một xu hướng thiết kế lớn. Skeuomorphism là một phong cách giả thể tích, tất cả các yếu tố của nó bắt chước vẻ bề ngoài vật thật (Sổ tay, đồng hồ báo thức), sử dụng bóng, kết cấu tự nhiên và hơn thế nữa. Những ví dụ nổi bật của nó đã được tìm thấy trong các giao diện điện thoại thông minh đời đầu. Nó bắt đầu mất vị thế sau năm 2010, khi các nhà thiết kế các công ty lớn bắt đầu hướng tới sự đơn giản hóa và khi phát triển giao diện người dùng, họ bắt đầu loại bỏ tính năng chính của tính đa dạng - ba chiều.

Xuất sắc một ví dụ rõ ràng sự khác biệt về phong cách, bức ảnh dưới đây có thể dùng làm hướng dẫn. Hình ảnh bên trái là thiết kế phẳng, trong khi hình ảnh bên phải là thiết kế đa dạng.

Đặc điểm của phong cách phẳng

Flat là một phong cách hai chiều. Hoàn toàn không có hiệu ứng hình ảnh, chẳng hạn như chuyển tiếp suôn sẻ màu sắc, bóng tối, kết cấu thể tích. Nói một cách dễ hiểu, mọi thứ tạo nên hình ảnh ba chiều.

Nội dung thông tin chính được chứa trong các biểu tượng (Flat Design icon). Chúng phải càng rõ ràng càng tốt đối với người dùng nếu Chúng ta đang nói về về ứng dụng điện thoại thông minh. Đối với trang web, biểu tượng là yếu tố chính phản ánh tính đặc thù và thông điệp thông tin của nó. Theo quy định, chúng được trình bày dưới dạng đơn giản. hình dạng hình học, hình tròn hoặc hình vuông, với hình ảnh thông thường đặc trưng.

Khi phát triển Thiết kế phẳng cần chú ý đến bảng màu. Nó phải đơn điệu, không gây khó chịu và không gây mất tập trung cho người dùng. Thông thường người ta sử dụng Màu tinh khiết và một số sắc thái tương phản. Nhân tiện, có rất nhiều dịch vụ Internet cung cấp bộ màu Thiết kế phẳng mà bạn có thể sử dụng bằng cách sao chép mã hex của màu bạn thích.

Không kém phần quan trọng là kiểu chữ (văn bản). Do sự đơn giản về tổng thể, thành phần văn bản đặc biệt nổi bật. Điều này có nghĩa là nó phải dễ đọc và không mâu thuẫn với phong cách chung. Điều này sẽ phụ thuộc vào việc lựa chọn thành công phông chữ và màu sắc của nó.

Ví dụ về thiết kế phẳng

Hãy bắt đầu với thực tế là trong Mặt phẳng Biểu tượng của nhiều tài nguyên Internet nổi tiếng đã thay đổi và mạng xã hội. Không lâu về trước gã khổng lồ Google và YouTube cũng đã thay đổi thiết kế của họ sang dạng phẳng. Phòng phẫu thuật Hệ thống Windows, bắt đầu với số tám, đã loại bỏ hoàn toàn tất cả các dấu hiệu về âm lượng trong các biểu tượng, điều này làm hài lòng một số người dùng trong những phiên bản trước và bắt đầu tuân theo Thiết kế phẳng. Các nhà phát triển ứng dụng di động cho iOS và Android cũng làm theo.

Sử dụng rộng rãi các lợi ích Thiết kế phẳng mà là các trang web đơn (trang đích), trong đó vai trò quyết định không phải do vẻ ngoài hào nhoáng mà bởi chức năng và khả năng đọc.

Sự phát triển của thiết kế phẳng

Ban đầu, thiết kế Flat thực sự là phẳng hoàn toàn, điều này gây ra những khó khăn nhất định cho người dùng đã quen với các nút lồi. Nếu trong thuyết đa hình, khả năng nhấp vào của các nút có thể nhận thấy ngay lập tức, thì trong các biến thể đầu tiên của thiết kế phẳng, không phải lúc nào cũng có thể xác định được khả năng tương tác của các phần tử ngay lần đầu tiên.

Sau đó công ty Microsoft phát hành Windows 8, được thiết kế theo phong cách phẳng, không phải người dùng nào cũng có thể nhận ra ngay giao diện mới và những biểu tượng nào họ có thể nhấp vào. Sự xuất hiện của các yếu tố không cho thấy khả năng tương tác với chúng theo bất kỳ cách nào. Thiết kế này thuận tiện hơn cho các ứng dụng di động nên đã nảy sinh ý tưởng này. Và họ là người đầu tiên làm điều đó công ty táo trong thiết kế iOS 7.

Tuy nhiên, Thiết kế phẳng không đứng yên và ngày càng phát triển theo hướng phức tạp hơn. Ngày nay, nó ngày càng giống một thiết kế bán phẳng hay còn được gọi là Flat 2.0. Hiệu ứng chiều sâu, bóng và độ chuyển màu bắt đầu xuất hiện trong đó. Chiều sâu trong thiết kế phẳng đạt được bằng cách sắp xếp các yếu tố trên ở các cấp độ khác nhau hoặc ở một góc.

Dù vậy, phong cách này đang ở đỉnh cao của sự nổi tiếng và có nhu cầu lớn. Vì vậy, nếu bạn đang có ý định thiết kế trang web của mình, bạn có thể yên tâm lựa chọn Thiết kế phẳng. Và nếu bạn cần bất kỳ yếu tố nào còn thiếu cho trang web của mình, thì bạn có thể tìm thấy trên Internet số lượng lớn Thiết kế phẳng miễn phí các thành phần UI (tải xuống miễn phí), chẳng hạn như biểu tượng, phông chữ, mẫu và các thành phần cần thiết khác giao diện người dùng.

Ưu và nhược điểm của phong cách

Không còn nghi ngờ gì nữa, trong cuộc sống nhịp độ nhanh ngày nay, phong cách kín đáo, giàu thông tin như vậy sẽ tiện lợi hơn so với phong cách trước đây. Thiết kế phẳng có một số lợi thế không thể phủ nhận.

Có lẽ điều quan trọng nhất là tải nhanh trang web. Các trang web sử dụng thiết kế phẳng mở nhanh hơn nhiều so với những trang web có quá nhiều hình ảnh động và các vật nặng khác. Thời gian tải đặc biệt quan trọng để tối ưu hóa SEO và đưa website lên top.

Giao diện đơn giản hóa giúp văn bản dễ đọc hơn và cho phép bạn tập trung vào nội dung chính.

Thiết kế trông hài hòa và tổng thể, tạo ấn tượng tổng thể dễ chịu.

Không có gì có thể hoàn hảo và Thiết kế phẳng cũng không ngoại lệ. Với tất cả sự đơn giản rõ ràng của nó, việc phát triển một thiết kế web phẳng thực sự thành công không phải là điều dễ dàng. Có khả năng làm cho nó nhàm chán và kém hấp dẫn. Hoặc ngược lại, quá chú trọng vào thiết kế mà quên mất chức năng. nhiệm vụ chinh khi phát triển Thiết kế phẳng, điều này là để chịu được cân bằng hoàn hảo giữa vẻ đẹp và sự dễ sử dụng.

Cuộc cách mạng “thiết kế phẳng” tiếp tục đà phát triển kể từ khi được giới thiệu trên nền tảng Điện thoại Windows trong 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 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 các 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 một 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 với độ 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
Sự 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 trang nhanh do đồ họa đơn giản;
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.

Thiết kế phẳng đã trở thành Gần đây phổ biến cho các ứng dụng và trang web. Điều này không có nghĩa là mọi người hoàn toàn yêu thích phong cách này, nhưng nó chắc chắn không phù hợp với mọi ứng dụng và trang web. Nếu có nhiều ưu điểm của thiết kế phẳng, chẳng hạn như sự đơn giản và tối giản, giúp sử dụng dễ dàng hơn. Đối với một số ứng dụng, thiết kế phẳng có thể quá đơn giản. Nghĩa là, đáng để thêm một số bóng hoặc độ chuyển màu để làm cho nó trông đẹp hơn.

Nhiều người cho rằng thiết kế web phẳng là thiết kế hiệu quả. Họ nói rằng đây là một cách để làm cho dự án trở nên thân thiện với người dùng nhất có thể. Dưới đây là một số ví dụ đầy cảm hứng về các dự án thiết kế phẳng. Lựa chọn này từ nhiều danh mục đầu tư khác nhau là điều tuyệt vời để hiểu các thiết kế phẳng thực sự hiệu quả.

ISSLand

Sáng tạo tháng Giêng

Khỉ tối thiểu

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

Thiết kế phẳng tập trung vào người dùng
Thiết kế phẳng rất đơn giản
Thiết kế phẳng - ít độ dốc hơn
Thiết kế phẳng bao gồm các đường thẳng và các góc vuông
Thường sử dụng độ tương phản màu sắc mạnh
Thiết kế phẳng không có bóng, góc xiên, họa tiết hay bất cứ thứ gì trông giống 3D
Thiết kế phẳng chỉ tồn tại ở 2 chiều
Thiết kế phẳng – xu hướng hướng tới sự đơn giản và tối giản
Thiết kế phẳng - không sử dụng các hiệu ứng bổ sung
Không có tính năng bổ sung
Thiết kế phẳng - ít nút và chuông và còi hơn
Thiết kế phẳng có nghĩa là tập trung vào phông chữ
Sự kết hợp màu sắc, màu sắc tương phản và các biến thể màu sắc thú vị là những thành phần quan trọng của thiết kế phẳng
Thiết kế phẳng là một trong nhiều thiết kế. Nó phù hợp cho một số dự án, nhưng không phù hợp cho những dự án khác.

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

Thiết kế phẳng không phải là sự đa dạng hay thiết kế mô phỏng hình dạng và đường nét của “thực tế”.
Thiết kế phẳng không bao gồm các nút sáng bóng
Thiết kế phẳng không bao gồm đồ trang trí
Trong thiết kế phẳng, bạn sẽ không tìm thấy những ý tưởng truyền thống về “chiều sâu”
Thiết kế phẳng không phù hợp với mọi dự án

Thiết kế phẳng có phải chỉ là một thiết kế hiệu quả?

Một số người coi thiết kế phẳng là một thiết kế hiệu quả. Nghĩa là, nó đơn giản hóa việc sử dụng các trang web và ứng dụng, cho phép bạn tìm thấy thông tin cần thiết mà không bị phân tâm. Tất nhiên, thiết kế phẳng không phải là thiết kế duy nhất giúp tìm kiếm thông tin dễ dàng hơn. Nếu mọi thứ được thực hiện tốt thì người dùng sẽ không gặp vấn đề gì. Dự án phải đơn giản và dễ dàng đối với những người có thể sử dụng nó. Một số người thích sử dụng thiết kế phẳng, trong khi những người khác lại thích phong cách thiết kế khác.