Làm thế nào điện thoại di động đã trở thành ngôi nhà hoàn hảo cho thiết kế phẳng

Có người nghi ngờ khi thiết kế phẳng bắt đầu mới nổi, nhưng xu hướng thiết kế này không phải là đi bất cứ nơi nào bất cứ lúc nào sớm. thiết kế phẳng được chỉ mới bắt đầu và là phổ biến hơn bao giờ hết khi nói đến thiết kế giao diện người dùng di động.

Các nguyên tắc đằng sau kỹ thuật thiết kế này rất phổ - và thẩm mỹ - làm hài lòng rằng một số trong những công ty lớn nhất trong lĩnh vực kỹ thuật số, bao gồm cả Apple và Google, Đã thông qua các khuôn khổ thiết kế với triết lý phẳng trong tâm trí.

Thiết kế phẳng làm việc, đơn giản chỉ vì nó là khả năng thích nghi, mà làm cho nó hoàn hảo cho thiết kế điện thoại di động đầu tiên . Không giống như trong những ngày đầu, nơi mà các nhà thiết kế cho rằng thiết kế phẳng đã phải tuân theo một tập nghiêm ngặt hơn các chủ trương..

Cùng với đó, chúng ta hãy đi sâu vào cách thiết kế phẳng là một trận đấu thực hiện ở trên trời di động.

Bởi bây giờ, thiết kế phẳng đã trở thành một "gia đình" hạn gần. Nhưng trong trường hợp bạn không phải là 100 phần trăm quen thuộc với khái niệm chúng ta hãy đánh giá nhanh chóng của những gì làm cho một thiết kế phẳng.

Thiết kế phẳng bắt đầu như là một phản ứng chống lại sự thẩm mỹ  thống trị thiết kế điện thoại di động, đặc biệt là Apple iOS của iPhone đầu .

Quay trở lại những ngày điện thoại thông minh đầu, nó là cần thiết để có những thứ, như các nút, phản ánh chính xác các đối tác trên thế giới vật lý của họ để chúng tôi hiểu làm thế nào để tương tác với thiết bị. Ngày nay nó là chiếc mũ cũ và chúng tôi không còn cần tín hiệu thị giác ẩn dụ ở khắp mọi nơi để điều hướng theo cách của chúng tôi xung quanh một thiết bị di động. Do đó, thiết kế phẳng trở nên phổ biến - nhiều hơn như vậy một khi Apple đã thực hiện chuyển đổi với iOS7 .

Nhưng, như được mô tả đầu tiên ở miễn phí sách điện tử Thiết kế Web Trends 2015-2016 , thiết kế phẳng đang tiến triển. Một số đặc điểm được liệt kê dưới đây là một phần của thiết kế phẳng từ đầu. Điều gì đã thay đổi và vẫn đang tiếp tục thay đổi là tính nghiêm ngặt các quy tắc thiết kế. Chúng tôi đang nhìn thấy thiết kế "gần như phẳng", hoặc những gì về Ryan Allen "phẳng 2.0 ". Tất cả các căn hộ nhưng với một số cải tiến bắt mắt, như gợi ý của bóng tối và màu sắc.

Các trò chơi điện thoại di động Mẫu là một ví dụ tốt về thiết kế phẳng với các bit của bóng tối và màu sắc. Trong khi thiết kế chắc chắn là bằng phẳng, nó là xa skeuomorphic mặc dù nó không phải là sợ để nắm lấy một vài yếu tố chọn.

Chúng ta hãy xem xét kỹ hơn một số điện thoại di động bằng phẳng đặc điểm 2.0.

• Thiếu quá tôn tạo: Thiết kế kỹ thuật như đổ bóng, gradient và đồ trang trí khác thường rời đi của các yếu tố. Mặc dù với "phẳng 2.0", như đã thấy trong các ví dụ trên, chúng ta đang thấy những trở lại trong những cách tinh tế hơn.
• Bảng màu khác nhau: màu sắc thiết kế phẳng được đặc trưng bởi sáng, màu sắc bão hòa đầy đủ để bù đắp cho những khung hình khắc khổ.Palettes là thường đơn điệu hoặc mùa thu đến đầu kia của quang phổ với một mảng rộng các lựa chọn màu sắc.
• Yếu tố đơn giản: Các yếu tố được thiết kế theo hình dạng đơn giản và có cấu trúc đơn giản, bao gồm cả hình chữ nhật, hình tròn và hình vuông.Minimalism là thứ tự của ngày. Điều này cho phép nhiều thiết kế nội dung tập trung và giao diện "vô hình" mà không làm xao lãng nhiệm vụ người dùng.
• Tập trung mạnh vào kiểu chữ: Bởi vì giao diện phẳng vốn đã nhỏ gọn, kiểu chữ trở thành một yếu tố hình ảnh vượt trội. Đối với một thẩm mỹ nhưng vẫn thanh lịch đậm, loại lựa chọn thường đơn giản sans serifs với mỏng với trọng lượng trung bình. Typography quá khổ và tất cả các mũ là sự lựa chọn phổ biến để tạo độ tương phản và trọng tâm.
• Ít hơn là cách tiếp cận nhiều hơn: Tất cả mọi thứ về thiết kế phẳng sau một triết lý thiết kế này thường thiếu hình ảnh và khởi sắc "ít hơn.". Chúng bao gồm nhiều không gian, nhưng không có nhiều yếu tố.

Tại sao phẳng? Điều gì làm cho nó như là một lựa chọn phổ biến khi nói đến thiết kế điện thoại di động?

Bởi vì nó hoạt động.

Bất kể thiết bị hoặc giao diện bạn đang thiết kế cho, thiết kế căn hộ là một công cụ giúp bạn kiểm tra nhiều hộp khi nói đến hàng chục thông số kỹ thuật thiết kế điện thoại di động hiện có . Bởi vì trong những màn hình nhỏ hơn (mặc dù họ dường như nhận được lớn hơn, các yếu tố như không gian và độ tương phản là đáng quan tâm nhất.

thiết kế phẳng giúp làm giảm bớt lo ngại về không gian hạn chế, đặc biệt là kể từ khi tập trung là sự đơn giản và tối giản. Đây được cho là một phần lý do tại sao tất cả các hệ điều hành điện thoại lớn sử dụng một thiết kế thẩm mỹ phẳng. Chỉ cần nhìn vào iOS của Apple, Android và thậm chí cả Microsoft- Tất cả các căn hộ. Việc sử dụng các phong cách và các mẫu thiết kế này tạo ra một ngôn ngữ hình ảnh phổ biến đối với người dùng, để họ có thể di chuyển dễ dàng từ thiết bị đến thiết bị, hệ thống hoạt động với hệ điều hành.

Việc sử dụng rõ ràng nhất của đặc điểm căn hộ là không gian, kiểu chữ và màu sắc. Cả Apple và Google hướng dẫn thẩm mỹ trở về với thiết kế phẳng mà không nói nó. Bởi vì một số các tên tuổi lớn nhất trong ngành công nghiệp đang làm điều này, các nhà thiết kế có xu hướng làm theo.

Thiết kế phẳng cũng rất phù hợp vào các khuôn khổ đáp ứng và thiết kế điện thoại di động đầu tiên . Thiết kế điện thoại di động đầu tiên là một quá trình để hoàn thành đáp ứng hoặc thiết kế thích nghi mà bạn đầu tiên giải quyết những trải nghiệm màn hình nhỏ nhất. Bằng cách mở rộng quy mô lên từ điện thoại di động hơn là làm giảm xuống, bạn đảm bảo một kinh nghiệm phù hợp bất kể thiết bị.

Có khả năng sử dụng đặc quyền là tốt. Bởi vì cương phẳng có xu hướng khá đơn giản và gọn nhẹ, thời gian tải là không nhiều của một mối quan tâm. Yếu tố ít hơn và nhỏ hơn sẽ không bog xuống một trang web. Khi bạn sắp xếp một giao diện phẳng sử dụng một mẫu thẻ kiểu thông thường, bạn cũng tìm thấy rằng việc bố trí dễ dàng hơn nhiều để thích ứng với nhiều breakpoint (cơ bản bạn chơi xung quanh với các thùng chứa nội dung chữ nhật). Người dùng thích nghi với phong cách nhanh chóng và bây giờ cũng hiểu làm thế nào các yếu tố như nút ma , biểu tượng, màu sắc đơn giản và các nút văn bản làm việc.

Một điểm cuối cùng, thiết kế căn hộ đã được chứng minh để giúp đỡ với dẫn người dùng đến hành động. Khi một nút phẳng được sử dụng chuyển đổi cho âm thanh tăng 35 phần trăm.

Hãy ngắn gọn tóm tắt lại những ưu điểm của thiết kế phẳng cho thiết kế đáp ứng và điện thoại di động đầu tiên:

• Màu sắc xuất hiện ở độ phân giải tốt hơn kể từ khi chúng được tạo ra trong trình duyệt (rất quan trọng xem xét sự gia tăng của các thiết bị HD và màn hình như Retina)
  
• giao diện nội dung định hướng là hoàn hảo cho người dùng điện thoại di động với trung chú ý lâu. giao diện nghẽn ít cho phép lướt nhanh hơn.
  
• Đơn giản để sắp xếp lại cho các điểm ngắt. Với giao diện skeuomorphic, bạn tạo ra một giao diện "vật lý" mà phải được chia nhỏ và xây dựng lại ở kích cỡ màn hình khác nhau. Với giao diện phẳng, nó nhiều hơn một trò chơi di chuyển xung quanh các yếu tố trong môi trường chất lỏng.
  
• Dễ dàng cho người sử dụng hiểu và điều hướng nhờ các tổ chức hình ảnh theo dạng lưới vốn có
  
• thời gian tải nhanh chóng từ các yếu tố đơn giản hơn và các trình duyệt tạo ra màu sắc thay vì tải về cho thiết bị

Tất cả đều đi cùng nhau vì một lý do đơn giản - thiết kế căn hộ là một xu hướng đã được phát triển từ ngày 1. Nhà thiết kế đã tìm cách để sử dụng nó cho các khuôn khổ hoàn chỉnh, kết hợp các khái niệm phẳng vào phong cách thiết kế lớn khác hoặc sử dụng các yếu tố của thiết kế phẳng như miếng giọng .

Sự phát triển của Điện thoại di động Thiết kế phẳng

thiết kế phẳng không phải là gần như bằng không trong khi nó được trong năm 2013. Như chúng tôi đã nói trước, chỉnh thực hiện cho các khái niệm đã làm cho nó thêm chức năng và thẩm mỹ mong muốn cho các nhà thiết kế.

Flat 2.0 được sửa chữa một số trong những khiếu nại đầu về thiết kế phẳng và đem lại cho các nhà thiết kế phòng thở hơn và trưởng thành hình ảnh.

thiết kế phẳng thực sự bắt đầu mở các nhà thiết kế đến sử dụng nhiều không gian hơn nữa. Điều này là rất quan trọng khi nói đến thiết kế điện thoại di động:

Người dùng cần phòng để tương tác với các yếu tố . Họ cần phải đủ lớn, và tách đủ, từ các yếu tố khác để người dùng tham gia với các yếu tố bên phải mỗi lần. Hãy nhớ để thiết kế cho những ngón tay béo . 

Tái tập trung vào khả năng đọc. Đơn giản typography luôn giúp cải thiện khả năng đọc. Đây có thể là một trong những lợi ích lớn nhất của xu hướng dài hạn. Lựa chọn font chữ và độ tương phản là một chủ đề chính của việc xem xét với mỗi dự án thiết kế. Sản chữ quá mỏng, quá nhỏ, quá ngưng tụ?Vào cuối ngày, nếu thiết kế của bạn không thể đọc được, sau đó nó không sử dụng được.

thiết kế phẳng hiện nay không bao gồm một số chỉnh trang nhẹ. gradient tinh tế và đổ bóng là một phần của nhiều phác thảo bằng phẳng. Bảng màu đã tiến hóa để bao gồm nhiều màu sắc và không chỉ những người được coi là phẳng. thiết kế phẳng đã phát triển bao gồm các yếu tố như nhiếp ảnh và hình ảnh động như những yếu tố đã được trồng phổ biến, là tốt.

Phẳng và khác Kỹ thuật thiết kế

Như đã giải thích trong thiết kế di động Xu hướng 2015 & 2016 , thiết kế phẳng đã phát triển để tích hợp với một số phong cách thiết kế khác và các mẫu. Nó không còn tồn tại trong chân không.

Phẳng và anh hùng hình ảnh: hình ảnh toàn màn hình đang nóng. Kết hợp với các khái niệm bằng phẳng như kiểu chữ đậm và cấu trúc nút đơn giản, bạn sẽ có được một thiết kế lớp yếu tố phẳng qua nhiếp ảnh mạnh mẽ. Chìa khóa để hình ảnh toàn màn hình được bổ sung thêm kiểu chữ đơn giản.Khám phá các AA (trên) sử dụng một hình ảnh mạnh mẽ với rất nhiều phòng cho yếu tố văn bản. Nó cũng cho biết thêm một thanh màu như một liên kết nhanh chóng cho những gì có thể công cụ quan trọng nhất của họ.

Flat & tối giản: thiết kế phẳng là một khái niệm tối thiểu ở bên phải của riêng của nó, và các công trình đặc biệt tốt khi rút gọn hơn nữa trong khuôn khổ nhỏ nhất của thiết kế. Trong ví dụ trên, không gian màu trắng cho người sử dụng đó ở đâu và phải làm gì. Lựa chọn màu sắc đơn giản hơn nữa nhấn mạnh các cuộc gọi đến hành động.

Phẳng và hình ảnh động: cử chỉ Nhiều kích hoạt một số loại hoạt hình, tạo ra một. Từ hình ảnh động đơn giản như hiệu ứng di chuột vào các yếu tố tương tác chuyển động trong chơi trò chơi, hình ảnh động và làm việc phẳng với nhau liền mạch. cung cấp thông tin phản hồi trực quan đơn giản bằng cách mở rộng các hình ảnh, khi bạn nhấn vào nó. Nếu bạn muốn tạo microinteractons điện thoại di động của riêng mình, cảm thấy tự do để chơi xung quanh với chúng tôi biên tập hình ảnh động tùy chỉnh . Luôn luôn làm theo 12 quy tắc của hoạt hình .

Lợi ích của thiết kế phẳng cho Điện thoại di động giao diện

Những lợi ích của thiết kế phẳng là khá phổ cho dù bạn đang thiết kế một trang web điện thoại di động, ứng dụng máy tính để bàn hoặc trang web, 

• Giao diện trực quan tổ chức hoạt động tốt với các khuôn khổ đáp ứng
• Minimalist, phong cách đơn giản là dễ dàng để trình duyệt cho người dùng
• Sạch chưa sôi bảng màu là rất hấp dẫn
• biểu tượng đồ họa thú vị và dễ hiểu
• dòng Bold và hình dạng thể hiện một hợp lý, cảm giác gần như kiến ​​trúc
• mảnh đơn giản và yếu tố này là nhanh chóng để tải
• Typography được thiết kế để có thể đọc

Chúng tôi có thể mở rộng danh sách bao gồm nhiều hơn một vài lợi ích rõ ràng cụ thể đến các thiết bị di động và người sử dụng, là tốt.

• Phong cách dịch tốt với màn hình nhỏ trong khi giữ lại tác động của nó trên các thiết bị lớn hơn
• Không gian cung cấp nhiều chỗ cho cảm ứng và cử chỉ
• nút bấm đơn giản thực hiện cuộc gọi đến hành động dễ dàng để phân biệt
• Thiết kế cho màu sắc sống động và độ tương phản sắc nét làm cho các yếu tố dễ nhận thấy trong các môi trường khác nhau (chẳng hạn như ánh sáng bên ngoài)
• Kế hoạch đơn giản cho khả năng sử dụng, chẳng hạn như thiết kế một cuộc gọi đến hành động cho màn hình nhỏ hơn (một thiết kế, một cú nhấp chuột)

Cái gì tiếp theo?

Trường hợp nào thì thiết kế phẳng cho đi điện thoại di động từ đây?

Với nhiều như nó đã thay đổi kể từ khi thế giới thiết kế bởi cơn bão một vài năm trước đây, thiết kế căn hộ sẽ tiếp tục được hình thành bởi các xu hướng khác trong thiết kế điện thoại di động.

Chia Sẻ