Tôi muốn biết liệu điều này có đúng không khi sử dụng kiểu phông nền và kết hợp nó với thiết kế phẳng nội dung?

Cái gì đó như:

Bokeh và thiết kế phẳng chắc chắn có thể chơi tốt. Không có gì lạ khi thấy thiết kế phẳng được sử dụng với hình ảnh có các thuộc tính tương tự như họa tiết tinh tế hoặc ảnh lấy nét mềm mại.

Nhưng đó là một điều cần cẩn thận, bởi vì bạn đang làm vấy bẩn sự khác biệt hoàn toàn về tiền cảnh / hậu cảnh mà bạn có được với một thiết kế phẳng. Điều này đặc biệt đúng với hiệu ứng bokeh với những điểm lớn, có khả năng thu hút sự chú ý của nó.

• Một phần của điểm thiết kế phẳng là nó đơn giản, sạch sẽ, không lộn xộn và rõ ràng nơi để tìm. Bạn sẽ muốn cẩn thận rằng bất kỳ hiệu ứng Bo mạch nào không phá vỡ điều đó. Hãy chắc chắn rằng nó tinh tế và thậm chí có nhiều khoảng trắng hơn bình thường xung quanh các yếu tố phải nổi bật như tiền cảnh. Có khoảng lượng khoảng trắng phù hợp trong ví dụ của bạn.
• Bạn sẽ cần phải cẩn thận với cách các mối quan hệ màu sắc hoạt động. Thiết kế phẳng có xu hướng cần màu sắc đơn giản và nhất quán nổi bật rõ ràng , và bạn sẽ cần cẩn thận rằng nền Boong đầy màu sắc không làm giảm điều này. Ví dụ: trong ví dụ của bạn, tôi sẽ hạ thấp độ tương phản và độ bão hòa của nền để tiền cảnh rõ hơn và sắc nét hơn, và hãy cẩn thận về vị trí của các điểm sáng so với nội dung một thiết kế đáp ứng).
• Khá phổ biến để xem các bức ảnh giật gân / "anh hùng" tập trung rõ ràng lớn như nội dung tiền cảnh được sử dụng trong thiết kế phẳng. Nếu bạn đang làm điều này, bạn sẽ cần phải tính đến thực tế là những thứ này sẽ không nổi bật như khi chúng chống lại một nền phẳng sạch sẽ. Một lần nữa, đó là bởi vì bạn hơi lầy lội sự phân biệt tiền cảnh / hậu cảnh hoàn toàn sắc nét.
• Tất cả các thiết kế tốt được điều khiển bởi chức năng qua hình thức - mục đích của mọi thứ đến trước tính thẩm mỹ của chúng - và thiết kế phẳng là tất cả về điều này. Hãy chắc chắn rằng bạn biết lý do tại sao bạn thêm hiệu ứng Bo mạch cho thiết kế đặc biệt này và tại sao nó đáng để thỏa hiệp nhỏ.
  • "Trông thật hấp dẫn"? Không đủ tốt.
  • "Mang lại đặc tính X của thương hiệu sẽ bị mất"? Tốt hơn.

Nó chắc chắn có thể được thực hiện để làm việc, nhưng bạn sẽ cần phải tính đến những điều này.

Thiết kế phẳng không phải là một tôn giáo

"Thiết kế phẳng" đã trở nên lầy lội trong năm qua. Có nhiều nhà thiết kế giữ nó như một hệ thống tiêu chuẩn giáo điều. Và sự thành công của Thiết kế Vật liệu (và ở mức độ thấp hơn của MS) đã tạo ra nhiều đường cứng hơn tưởng tượng không thực sự tồn tại.

Căn hộ là những gì bạn làm cho nó. Nguyên tắc cơ bản là để tránh sử dụng quá nhiều bóng mờ hoặc mô hình hóa hoặc thiết kế hình ảnh giống như cuộc sống giả, như chúng ta đã thấy với tính đa dạng kỳ cục của Apple . Điều đó không có nghĩa là bóng, kết cấu, nhiếp ảnh hoặc trang trí của bất kỳ loại nào biến mất. Bạn vẫn phải thiết kế giao diện của bạn.

Biến nó thành của riêng bạn

Để trả lời cho câu hỏi của bạn: Không có quy tắc nào đối với hiệu ứng chụp ảnh, hoặc chụp ảnh bị thách thức lấy nét, hoặc các kết cấu và hình ảnh nền khác trong bất kỳ phong cách thiết kế nào. Đó là cách bạn diễn giải những ảnh hưởng phong cách làm cho một thương hiệu nổi bật. Bạn nên phát triển một phương ngữ mới của ngôn ngữ hình ảnh, không nói tiếng người khác.

Sự xem xét lớn hơn, như những người khác đã chỉ ra, là khả năng sử dụng. Chỉ cần đảm bảo rằng nhiếp ảnh của bạn không làm cho giao diện trở nên lộn xộn. Trong một số trường hợp, nền tảng sẽ trở thành một phần rất quan trọng của trải nghiệm - chỉ cần đảm bảo bạn vẫn nhận được "chuyển đổi" mà bạn đang theo đuổi, bất kể điều gì có thể xảy ra.

Trong thế giới hoang dã

Windows Metro được cho là một trong những ví dụ phẳng nhất về Flat trong bộ nhớ gần đây. Nhưng nó có những thứ như thế này.

Google Material cũng khá chiến đấu về Flat, nhưng những bức ảnh lớn là trung tâm để mang lại sự nhân văn cho bảng màu sáng của nó.

IOS 7 của Apple là một nỗ lực vội vã để bắt kịp Flatness. Dù tốt hơn hay tệ hơn, một người nào đó đã làm cho hậu cảnh làm mờ một ẩn dụ trung tâm của hệ thống - điều đó bị ảnh hưởng trực tiếp bởi chụp ảnh Bo mạch.

Tôi muốn nói: Bokeh và viền phẳng (w / o fill) hoạt động tốt. Nhưng bạn nên hạn chế sử dụng các tiêu đề và các yếu tố đặc trưng.

Cập nhật (xin lỗi, tôi đã vội vàng và quên dán phần còn lại của câu trả lời):

Ví dụ, chúng ta có thể lấy tiêu đề sau:

Mặc dù có hiệu ứng bokeh mạnh mẽ, các đường nét mỏng của logo + giờ không quá hung dữ và vừa vặn. Việc lấp đầy sẽ không có tác dụng tốt (nó sẽ che quá nhiều ảnh).

Một vi dụ khac: