옳게 하면, 당신은 훌륭한 배경을 얻을 수 있고, 충분히 융합되어, 매력적인 공간을 발굴할 수 있을 것이다. (윌리엄 셰익스피어, 햄릿, 지혜명언)
실수는 시각적 재앙이다. 방 안에서 정성껏 고른 가구와 예술품에 대한 주의를 분산시킬 수 있다.
웹사이트, 전단지, 소셜 미디어 사진의 배경은 비교적 작은 디테일처럼 보이지만 잘못된 페인트나 무작위로 선택한 벽지처럼 관객이 집중하지 못하게 하는 것은 바람직하지 않다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 스포츠명언)
그럼 몇 가지 영감과 아이디어를 살펴보고 디자인 배경을 최대한 활용할 수 있는 몇 가지 기술을 배우자. 기본적인 흰색이나 단색은 모두 틀리지 않지만, 이 글에서는 배경의 투명성을 높이는 방법에 초점을 맞추고 있습니다. 이것은 효과적이고 만능적인 도구가 될 것입니다.
0 1. 지저분한 배경 단순화
아이콘이나 그래픽 배경은 디자인을 더욱 개인화할 수 있지만, 디자인을 더 복잡하거나 모호하게 만들 수도 있습니다. 어떻게 해결합니까? 레이어 위에 반투명 배경을 오버레이합니다.
이 행사 포스터의 배경은 아름다운 복고풍 일러스트레이션이지만, 맨 위에 흰색 투명층이 없으면 배경이 다른 부분의 주목을 빼앗아 글이 읽기 어려울 수 있다 (특히 작은 글씨체). 흰색 부분은 완전히 투명하지 않아 일러스트레이션의 디테일을 부드럽게 할 수 있지만, 질감을 나타낼 수 있을 만큼 투명합니다. 대부분의 설계 소프트웨어는 불투명도 설정을 통해 투명도 수준을 조정할 수 있으며 일반적으로 범위는 0% (완전히 지우기) 에서 100% (완전히 불투명) 까지입니다.
다음 사례를 다시 한 번 보세요. 엽서의 동그란 배경은 아래 풍경 사진의 일부를 덮고 조판에 단순하고 다채로운 배경을 추가하는 또 다른 새로운 디자인 기술이다.
02. 문자를 더욱 두드러지게 한다
사진은 제품 광고, 웹 사이트 제목, 소셜 미디어 사진 등 인쇄와 인터넷 배경의 인기 있는 선택이다. 그러나 사진의 구도와 색상과 밝기의 순도에 따라 항상 문자를 맨 위에 두는 것은 아닐 수 있습니다.
이 사진에서는 일련의 투명한 모양이 겹쳐 텍스트에 대한 배경을 만듭니다. 그렇지 않으면 아래의 흑백 사진의 세부 사항이 보이지 않습니다. 빨간색 배경의 투과율은 경량에서 중등도의 그라데이션에서도 매우 흥미로운 시각 효과를 가져옵니다.
다음 사례를 살펴보겠습니다. 웹페이지의 투명한 흰색 배경 때문에 어두운 사진에서도 검은색 문자가 선명하게 보입니다.
마찬가지로, 이 기법은 컬러 사진, 어두운 투명 배경, 흰색 텍스트와 같은 반전될 수 있습니다.
디자인에 사용된 사진을 찾고 있다면 무료 사진 리소스를 선택하는 것이 좋습니다.
03. 신선하고 경쾌한 스타일을 만들어요.
디자인을 통해 디테일을 볼 수 있다면 전체적인 배치에 깔끔하고 넓은 느낌을 줄 수 있습니다. 예를 들어, 아래의 웹 사이트 디자인은 보이지 않는 배경 사진 시리즈로, 글씨체가 깨끗하고 레이아웃이 단정하여 매우 간결한 스타일을 형성한다.
이 일련의 카탈로그 표지는 투명 배경과 삼원색을 바탕으로 여러 가지 방법으로 매우 단순화한 다음 사진 한 장과 몇 단락의 문자로 레이아웃의 일부를 잘라냅니다.
04. 관중의 주의를 끌다
투명 배경은 설계의 한 면에서 다른 면으로 덮을 필요가 없으며 입체 모양을 형성할 필요도 없습니다. 투명성을 통해 쉽게 아이디어를 얻을 수 있습니다. 관객을 위해 다양한 모양의 절개나 창을 만들거나 투명도를 사용하여 특정 부분에 대한 청중의 주의를 높일 수 있습니다.
이 영화 포스터는 색투명한 배경과 절단 글자 모양을 결합하여 효과적인 시각적 초점을 만들고 시청자들이 각 포스터의 주인공에 빠르게 집중할 수 있도록 도와줍니다.
아래 디자인에는 배경에서 투명한 삼각형의 방향과 위치가 미녀의 얼굴로 시선을 이끌고 있습니다.
05. 내부 정보를 표시합니다
포장, 용기, 덮개 또는 기타 폐쇄물의 디자인을 위해 투명도는 내부 또는 하단 내용을 잘 표시하여 제품 스스로 말하게 합니다.
아래 그림의 잡지는 제목을 완전히 투명한 배경에 배치하여 표지에 광택을 더해줄 뿐만 아니라 촉감이 부드러워져 밑바닥 사진을 더욱 강화시켰다.
다음 두 가지 예는 투명한 배경이 식품 포장에 특히 효과적이라는 것을 보여준다. 언뜻 보면, 이 투명한' 콩주머니' 를 통해 콩의 색깔과 모양을 직접 볼 수 있습니다.
Voyageur du Temps (프랑스어' 시간여행자' 라는 뜻) 라는 카페를 위해 특별히 고안된 이 간단한 패키지는 맛있는 빵을 숨길 수 없다. 반투명한 재료를 통해 빵을 맛있게 만드는 동시에 시간여행 주제와 관련된 빈티지한 천문 패턴으로 브랜드감과 추가적인 시각적 흥미를 더했다.
06. 구조화 된 디자인을 만들고 디자인을보다 계층적으로 만듭니다.
투명 배경 사용의 장점 중 하나는 여러 배경을 중첩하거나 투명 배경과 다른 디자인 요소를 중첩할 수 있다는 것입니다. 다양한 색상, 사진 또는 모양의 계층화를 통해 레이아웃은 더욱 깊고 흥미로운 시각 효과를 낼 수 있습니다.
이 일련의 활성 포스터는 전경 배경의 투명도를 통해 인물과 패턴을 나란히 놓고 문자 아래쪽에 투명한 배경 모양을 추가합니다. 이 색상과 요소의 계층적 감각은 전체 효과에 뚜렷한 움직임과 대비를 주며 조판 레이아웃을 더욱 깊이 있게 합니다.
다음은 사진 사진, 투명 블록, 도안을 완벽하게 결합한 또 다른 층감의 예입니다.
07. 텍스처를 "침투" 시킵니다
첫 번째 요점에서, 우리는 투명한 배경이 산만한 세부 사항을 숨길 수 있다고 말했다. 약간 다른 방식으로, 그것은 또한 당신의 디자인에 시각적인 재미를 더할 수 있는 멋진 질감을 만들 수 있다. (조지 버나드 쇼, 자기관리명언)
다음 의류 소매 광고는 투명한 배경에서 절개를 통해 방직 체크 음영을 드러내어 주요 조판을 형성한다. 배경을 통해 은은하게 텍스처를 볼 수 있어 전체적인 디자인이 시각적으로 더욱 응집력을 갖게 한다.
다음 사례에는 텍스트 강조 및 레이어 디자인과 같이 위에서 언급한 몇 가지 기술이 포함되어 있습니다. 투명원과 화면이 겹치기 때문에 녹색의 투명원을 통해 화면에서 재미있는 텍스처 디테일을 볼 수 있습니다.
08. 부드러운 색상 그라데이션을 추가합니다.
투명도도 디자인에 색상을 추가할 수 있는 다양한 가능성을 제공합니다. 투명 색상은 단색 배경보다 더 부드럽고 섬세해 보입니다. 특히 색상이 그렇게 밝지 않을 때는 더욱 그렇습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 단색명언)
다음 그림은 부드럽고 투명한 연한 색상을 사용하여 사진 위의 문자에 공간을 만듭니다. 배경은 단색 모양이 아니라 그라데이션입니다. 페이지의 불투명도가 점차 낮아지면서 패턴은 결국 완전히 선명해졌다. 투명성과 그라데이션은 아주 잘 알고 있습니다.
이것은 APP UI 가 투명 그라데이션을 사용하는 또 다른 예입니다. 이번 그라데이션에는 순도, 색조, 투명도의 변화가 관련되어 있어 디자인이 더욱 생동감 있고 활발하지만 문자의 주목을 받지 않는다.
09. 리믹스 효과를 창의적으로 만들어주세요.
많은 디자인 소프트웨어에는 자체 혼합 모드나 혼합 도구가 있습니다. 색상, 사진 또는 기타 요소를 독창적으로 혼합 및 계층화할 수 있으며 투명도 및 기타 설정을 통해 다양한 시각 효과를 만들 수 있습니다. 이 방법은 일반적으로 계층화, 텍스처 사용, 사진 촬영 등 우리가 이미 언급했던 몇 가지 기술을 다룹니다.
이 디자인은 배경이 풍부해 오래된 사진, 글씨가 있는 종이 텍스처, 잉크 자국, 교묘한 채수 패턴으로 이루어져 활발한 복고풍 작품을 형성했다.
이렇게 많은 디자인 요소들의 조합은 재미있지만 억누르지 않고, 투명성의 운용으로 모든 부분이 효과적으로 융합되어 하나의 조화로운 전체를 형성할 수 있게 해준다. (윌리엄 셰익스피어, 햄릿, 지혜명언)
다음 그림의 배경은 주로 서로 융합하고 상호 작용하는 방법에 초점을 맞추고 있습니다. 이런 혼색 효과는 매우 인기가 있다.
10. 브랜드 이미지 강화
디자인 할 때 배경은 미리 고려할 필요가 없습니다. 실제로 브랜드 색상이나 기타 인식 가능한 시각적 요소를 통해 회사의 정체성이나 스타일을 보다 철저하고 명확하게 표현할 수 있는 또 다른 방법이 될 수 있습니다.
예를 들어, 다음 개념 프로젝트는 구글 연례 보고서를 위한 새로운 디자인으로 투명한 배경 스타일링을 통해 브랜드의 밝은 색상을 완벽하게 융합한 것입니다.
다음 웹 사이트 디자인도 비슷한 방법을 사용하여 회사 로고에서 색상과 형상을 추출하여 투명한 배경과 그래픽을 형성합니다.
1 1. 중점 강조
투명한 배경, 특히 눈에 띄는 투명한 배경은 중요한 텍스트 내용이나 기타 디자인 요소를 강조할 수 있습니다.
이 인쇄 광고는 투명한 레드 배너를 사용하여 전체적인 흑백 디자인으로 특별 프로모션 정보를 부각시켰다.
이 디자인은 또한 빨간색 투명 모양 (흔히 볼 수 있는 눈에 띄는 선택) 을 사용하여 사이트의 특정 부분에 대한 사람들의 주의를 선택적으로 끌 수 있습니다.
12. 교묘한 조합을 만들다
마지막으로, 진부한 표현: 창조적이어야 한다!
투명도 및 불투명도 설정이 널리 사용되어 설계에 다양한 흥미로운 효과를 만들 수 있습니다.
힘내요! 한번 해 보세요. 아마 아주 독특한 디자인을 만들 수 있을 겁니다.
투명한 배경 아이디어를 사용한 몇 가지 사례를 살펴보겠습니다.
첫째, 책 표지의 개념적 가소성이 강하다. 아래: 간단하고 투명한 파란색 직사각형은 바다를 나타내며 제목 조판에 맞춰 수면에 위험한 지느러미가 있음을 암시한다.
그리고 또 다른 예를 보세요. 클래식 음악영화의 개인화된 포스터에서 투명한 배경은 순간적으로 다양한 창의적인 용도를 보여줄 수 있다. 영화의 결정적인 순간을 강조하고, 흰색 편두조판에 배경을 제공하고, 비를 상징한다. 이 모든 것이 다른 디자인 요소와 결합돼 교묘하고 간결한 디자인 작품을 만들 수 있다. (PS 그래픽 디자인을 배우려는 사람은 나의 QQ 그룹: 70 을 추가할 수 있다.
영화 주제에서 영화제 포스터에 이르기까지 아래 디자인의 투명권은 배경에 밝은 색을 더했다. 동시에, 같은 모양으로 서로 다른 색을 배합하여 두 대립 이미지의 차이를 부각시켰다.
라벨
영감이 있습니까? 우리는 이 일련의 디자인 사례가 투명한 배경의 디자인 잠재력을 이해하는 데 도움이 되기를 바랍니다. 색상에서 구도에 이르기까지, 그들은 수시로 너의 디자인에 효과적인 해결책을 제공한다. 지금이야말로 그것들을 최대한 활용할 때입니다. 언제나처럼 디자인을 즐겨보세요. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)