디자인 트렌드 : 가려진 텍스트
일부 웹 사이트는 기존의 지혜 나 디자인 이론의 신조를 무시하더라도 멋지게 보입니다. 새로운 디자인 트렌드는 디자인의 일부 텍스트를 덮거나 방해 하는 요소로 아이디어를 보여주고 있습니다.
디자인과 관련하여 우리가 일반적으로 이야기하는 모든 것에 반하기 때문에 흥미로운 추세입니다. 사용자와 빠르게 연결하려면 읽을 수 있어야합니다.
말할 필요도없이, 이것은 효과적으로 이끌어내는 까다로운 기술 일 수 있지만, 디자인이 잘 이루어지면 충격적이고 충격적입니다. 다음은 트렌드에 대한 분석과 직접 시도해 볼 수있는 몇 가지 아이디어입니다.
디자인 리소스 살펴보기
간단한 방해
텍스트가 디자인에 포함되어있는 경우 사용자가 너무 많은 효과를 잃지 않도록 시각적으로 매우 간단해야합니다.
모든 반응 형 중단 점에서 텍스트가 다른 텍스트보다 가려지지 않습니다.Root Studio는 컬러로 주목을받는 첫인상과 대형 글자의 일부를 다루는 간단한 애니메이션 기린으로이 작업을 훌륭하게 수행합니다. 여기서 트릭은 일부 문자가 가려 지더라도 화면의 단어가 무엇인지 의심 할 여지가 없다는 것입니다. 글자는 크기, 단순성 및 방해 요소의 배치로 인해 여전히 읽을 수 있습니다.
디자인 팀은이 특정 웹 사이트의 브랜드 인“ROOT”의 무결성을 유지하기 위해 텍스트 방해에 특별한주의를 기울였습니다. 모든 반응 형 중단 점에서 텍스트가 다른 텍스트보다 가려지지 않습니다. (이러한 디자인 중 많은 부분이 부족한 곳입니다. 데스크탑 해상도에서는보기에 좋지만 작은 화면에서는 텍스트를 읽을 수 없습니다.)
3 차원 레이어
3 차원 레이어 효과를 추가하면 요소가 화면 밖으로 튀어 나와 사용자가 거의 손을 뻗어 터치 할 수있는 것처럼 느낄 수 있습니다. 경우에 따라 텍스트가 해당 배경 요소로 사용될 수 있습니다.
텍스트 위에있는 레이어가 너무 많은 단어를 포함하지 않도록하십시오. 그리고 다른 요소의 배치로 인해 텍스트 방해로 인해 원치 않는 단어가 생성되지 않도록하는 것이 항상 중요합니다.
Simply Chocolate는이 레이어 효과를 잘 사용합니다. 그것은 굵은 글씨체로 일반적인 단어를 사용하는 대형 글자와 실제로 크지 않고 사탕 요소에 의해 가려진 정확히 동일한 단어를 포함하는 최상위 요소의 조합으로 인해 주로 작동합니다.
이 처리는 배경의 큰 글자를 읽을 수있는 것보다 더 많은 그래픽 요소로 만들어 신선한 대비와 뛰어난 레이어 효과를 만듭니다. (다른 캔디 맛을 스크롤하여 다른 방법으로 효과를 만드는 방법을 확인할 수도 있습니다.)
우주의 규칙을 잊어라
때로는 텍스트 방해물이 실제로 글자를 덮지 않고 그 공간을 잠식합니다.
노스 스트리트가 디자인 느낌을 어지럽히거나 해체하지 않고 위반하는 규칙 중 하나입니다. 회사 설명은 화면의 중앙 수직 규칙과 맞 닿아 있습니다 (나머지 디자인에서는이 분할기를 사용하여 분할 화면 미학을 수행합니다).
누군가이 치료법을 사용하겠다고 말한 경우 아마도 다른 방법으로 설득하려고 시도하지만 여기서는 효과가 있습니다. 시각적 구성은 공백이 많기 때문에 매우 가볍습니다. 글자 선택은 굵은 회색 선이 텍스트를 위해 예약 된 공간에 들어가더라도 거의 배경에 빠질 정도로 대담합니다.
두 번째 회색 선은 탐색에서 텍스트를 추가로 분할하지만 대부분의 사용자는 장애물을 인식하지 못할 수도 있습니다.
큰 글자 만
여기에있는 모든 예를 살펴보면 공통된 주제를 알게 될 것입니다. 막힌 글자는 모두 매우 커서 간단한 서체를 사용합니다.
작은 글자는 일반적으로 의도 한 것처럼 텍스트의 일부를 덮을 수있는 충분한 공간을 제공하지 않습니다. 텍스트 방해로 디자인하려는 경우 의도적이며 의미가 있어야합니다.
참신 스타일의 복잡한 스크립트는 그 위에 요소를 사용하여 읽기가 너무 어렵습니다.작은 글자를 다루는 것은 의도적 인 디자인과 가독성 측면에서 매우 어렵습니다. 이것이 기술이 대형 타이포그래피와 쌍을 이루는 이유입니다.
이 큰 산세 리프 서체는 한 눈에 쉽게 읽을 수 있으며 중간 선 폭과 큰 보울과 카운터가있어 레이어링 요소를보다 실용적으로 만들 수 있습니다. 이 개념을 적용하려면이 개념에 적합한 모양의 글자가 필요합니다. 얇거나 압축 된 유형의 스타일은 종종 작동하지 않으며, 참신 스타일의 복잡한 스크립트는 그 위에있는 요소로 읽기가 너무 어렵습니다.
대비가 적은 요소
때때로 텍스트 방해는 텍스트 위에있는 요소가 아닙니다. 텍스트 요소와 텍스트 요소 사이의 관계입니다. 텍스트와 배경 요소 사이의 대비가 부족하면 텍스트가 막힐 수도 있습니다.
다시 말하지만, 이것은 효과적으로 철수하기 어려운 개념 일 수 있습니다. 읽을 텍스트가 선천적으로 존재합니다. 대비가 부족하면이를 어렵게 만들 수 있습니다.
가독성이 높은 텍스트와 쌍을 이루는 경우 대비가 낮은 텍스트 요소는 화면에 미묘한 알림입니다. 이 요소들은 다른 고 대비 요소 다음에 읽 힙니다.
위의 Anew 디자인에서는 비즈니스에 대한 설명이 유명 브랜드보다 중요합니다. 이것이 유형 처리로 인해 디자인이 사용자에게 알려주는 것입니다. "루프 탑 + 테스트 키친"이라는 핵심 단어는 쉽게보고 읽을 수 있습니다. “Anew”라는 이름은 브랜드 표시 아래의 낮은 대비 위치에 나타납니다. 큰 로고로 인해 여전히 눈에 끌리지 만, 독서와 정보 수집에있어 주요 초점은 아닙니다.
이 공간에서이 처리가 작동하는 이유 중 일부는 디자인의 내용 때문입니다. “Anew”라는 단어와 밝은 흰색 접시 사이의 공생에 대해 생각해보십시오. 신선하고 상쾌하며 유혹적입니다.
결론
가려진 텍스트 디자인은 항상 인기를 얻고 있습니다. 얼마 전까지 만해도 온라인에서이 스타일로 무엇이든 찾기가 어려웠을 것입니다. 디자이너가 반응 형 중단 점에 대해 걱정할 필요가 없기 때문에 인쇄 디자인에서보다 일관되게 사용했습니다.
완전히 보이지 않는 텍스트로 무언가를 만들 때주의하십시오. 단어가 당신이 의도 한 것을 여전히 말하고 의미하는지 확인하십시오. 방해받는 텍스트를 사용할 때 디자인을 인식하거나 읽는 방법에 대해 의문이있는 경우 다른 옵션을 고려하십시오. 사용자가 이해하기 어려운 디자인을 만들고 싶지 않습니다.
