배경 보케 스타일을 사용하고 콘텐츠 플랫 디자인과 결합하는 것이 올바른지 알고 싶습니다.

다음과 같은 것 :

보케와 평면 디자인은 확실히 할 수 도 재생할 수 있습니다. 미묘한 질감 또는 소프트 포커스 사진과 같은 유사한 속성을 가진 이미지에 평면 디자인을 사용하는 것은 드문 일이 아닙니다.

그러나 평평한 디자인으로 얻을 수있는 완전히 날카로운 전경 / 배경 구별 을 흐릿하게하기 때문에주의해야합니다 . 이것은 주목을 끄는 큰 점이있는 보케의 경우 특히 그렇습니다.

• 평평한 디자인 의 요점 중 하나는 간단하고 깨끗하며 깔끔하고 깔끔한 위치입니다. 보케 효과로도 깨지지 않도록주의해야합니다. 미묘 하고 전경으로 눈에 띄어 야하는 요소 주변에서 일반적으로보다 더 많은 공백 이 있는지 확인하십시오 . 귀하의 예에는 올바른 양의 공백이 있습니다.
• 색상 관계가 작동하는 방식에주의를 기울여야합니다. 평평한 디자인은 명확 하고 눈에 띄는 단순하고 일관된 색상이 필요한 경향이 있으며, 다채로운 보케 배경이이를 줄이지 않도록주의해야합니다. 예를 들어, 배경의 대비와 채도를 낮추면 전경이 더 선명하고 선명 해지며 밝은 점이 내용과 관련하여 위치에주의를 기울이십시오 ( 반응 형 디자인).
• 평평한 디자인에 사용되는 전경 콘텐츠로 큰 선명한 초점 스플래시 / "영웅" 사진 을 보는 것이 일반적 입니다. 이 작업을 수행하는 경우 깨끗하고 평평한 배경에 비해 눈에 띄지 않을 것이라는 사실을 고려해야합니다. 다시 말하지만, 일반적으로 완벽하게 날카로운 전경 / 배경 구별을 약간 흐리게하기 때문입니다.
• 모든 좋은 디자인은 형태를 넘어 기능에 의해 좌우됩니다. 미학 이전의 목적 – 평면 디자인은이 모든 것입니다. 당신이 확인 알고 왜 당신이 특정 디자인과 왜의 가치가 작은 타협의 보케를 추가하고 있습니다.
  • "좋아 보인다"? 충분하지.
  • "그렇지 않으면 잃어버린 브랜드의 X 특성을 이끌어냅니다"? 보다 나은.

확실히 작동 할 수는 있지만 이러한 사항을 고려해야합니다.

평평한 디자인은 종교가 아닙니다

"플랫 디자인"은 작년에 진흙이났습니다. 일종의 독단적 표준 시스템처럼 그것을 유지하는 많은 디자이너들이 있습니다. 그리고 머티리얼 디자인 (그리고 MS의 Metro)의 성공은 실제로 존재하지 않는 더 상상의 하드 라인을 만들었습니다.

평평한 것이 당신이 만드는 것입니다. 기본 원리는 애플의 괴상한 골격 모양에서 본 것처럼 음영이나 모델링 또는 가짜 실물과 같은 시각적 디자인을 과도하게 사용하지 않는 것입니다 . 그렇다고 음영, 질감, 사진 또는 어떤 종류의 장식도 사라지는 것은 아닙니다. 여전히 인터페이스 를 디자인 해야합니다.

그것을 당신의 것으로 만드십시오

귀하의 질문에 대한 답변 : 모든 디자인 스타일의 보케, 초점이 맞지 않은 사진 또는 기타 배경 질감 및 이미지에 대한 규칙은 없습니다. 브랜드를 차별화하는 문체 영향을 해석하는 방법입니다. 다른 사람의 말을하지 않고 새로운 시각적 언어 방언을 개발해야합니다.

다른 사람들이 지적했듯이 더 큰 고려 사항은 유용성입니다. 사진이 인터페이스를 혼란스럽게 만들지 않도록하십시오. 경우에 따라 배경이 경험의 매우 지배적 인 부분이되는 것도 괜찮습니다. 그 이후에도 "전환"을 계속 받으십시오.

야생에서

Windows Metro 는 최근 메모리에서 Flat의 가장 단순한 예 중 하나 일 것입니다. 그럼에도 불구하고 이런 것들이 있습니다.

구글 머티리얼 도 플랫에 대해 매우 무섭지 만, 큰 그림은 밝은 팔레트에 인류를 데려 오기위한 중심입니다.

애플의 iOS 7 은 Flatness를 따라 잡으려는 서두른 시도였습니다. 더 좋든 나쁘 든 누군가가 배경 흐림을 시스템의 중심적인 은유로 만들었습니다. 이는 보케 사진에 직접적인 영향을받습니다.

나는 말할 것입니다 : Bokeh와 평평한 테두리 (채우지 않은)가 잘 작동합니다. 그러나 헤더 및 기능 요소로 사용을 제한해야합니다.

업데이트 (죄송합니다, 나는 서두르고 나머지 답변을 붙여 넣는 것을 잊었습니다) :

예를 들어 다음 헤더를 사용할 수 있습니다.

강한 보케에도 불구하고 로고의 얇은 선 + hr은 너무 공격적이어서 잘 맞지 않습니다. 채우기가 잘 작동하지 않습니다 (사진이 너무 많이 포함됨).

또 다른 예: