시각적 구두점에 대한 디자이너 가이드

 시각적 구두점에 대한 디자이너 가이드

John Morrison

시각적 구두점에 대한 디자이너 가이드

구두점은 마침표와 느낌표 이상입니다. 디자인 측면에서 구두점은 독자나 사용자가 멈추거나 일시 중지하게 만드는 모든 것이 될 수 있습니다. 텍스트를 읽는 동안이나 눈이 한 요소에서 다른 요소로 이동할 때 발생할 수 있습니다. 이러한 시각적 구두점은 어디에나 있으며 모든 디자인 개념의 중요한 부분입니다.

시각적 구두점의 핵심 요소에는 일반적으로 읽을 수 있는 구두점뿐만 아니라 공백, 선, 규칙, 아이콘 및 색상이 포함됩니다.

Envato 요소 탐색

시각적 구두점이란 무엇입니까?

시각적 구두점은 두 가지 기본 형태로 제공됩니다. 하나는 읽는 과정에서 멈추게 만드는 표시이고 다른 하나는 한 개체에서 다른 개체를 볼 때 일시 중지를 만드는 요소입니다. 두 유형의 구두점은 똑같이 중요하며, 상황에 맞는 구두점은 상당히 알려져 있고 일반적이지만 모든 사람이 다른 시각적 단서를 고려하는 경우는 많지 않습니다.

시각적 구두점은 디자인을 보는 사람들의 관심을 유지하고 피로를 방지할 수 있기 때문에 중요합니다. 디자인을 읽거나 볼 때. 자연스러운 일시 중지는 인간 본성의 일부이며 이를 설계함으로써 원하는 시간과 장소에서 중지가 발생하도록 합니다. 컨텍스트와 시각적 흐름을 추가하는 데 도움이 됩니다.

또한 사용자/독자가 디자인을 이해하기 쉽게 만듭니다. "작업"이 완료되면 디자인 보기가 더 쉬워지고 노력이 덜 들거나생각. (그리고 오늘날의 바쁜 세상에서 우리의 디자인을 보는 사람들이 일을 더 쉽게 할 수 있도록 하는 것이 더 낫다는 것을 우리 모두 알고 있습니다.)

요컨대, 시각적 구두점은 디자이너가 요소를 분리, 그룹화 또는 강조하기 위해 사용하는 모든 것입니다. 디자인 내의 사진 또는 단어. 의도적이든 아니든, 시각적 구두점은 누군가를 멈추고 캔버스의 특정 부분을 보게 합니다.

읽을 수 있는(텍스트) 구두점

가장 일반적으로 알려진 유형의 구두점은… 실제 구두점. 텍스트에서 읽는 동안 멈추게 만드는 모든 표시는 구두점으로 간주됩니다.

일반적인 기호에는 마침표, 물음표, 느낌표, 별표, 전각 대시, 세미콜론, 괄호, 괄호, 줄임표, 따옴표, 콜론, 하이픈, 아포스트로피 및 쉼표. 마크는 글을 쓰거나 문장을 구성하는 맥락에서 사용될 수 있지만 시각적인 목적으로도 종종 사용됩니다.

또한보십시오: 100개 이상의 로고 목업 템플릿(PSD 및 벡터) 2023

때때로 이러한 문자는 로고의 일부로 사용되거나 의미나 강조. 공통된 특성과 종종 잘 이해되는 의미로 인해 이러한 기호는 다양한 방식으로 사용하기 쉽습니다.

공백

시각적 구두점의 한 형태로서의 공백의 사용은 텍스트와 글쓰기에서도 비롯됩니다. 공백은 텍스트 블록의 새 단락 시작이나 책의 새 장 시작이 아닌 데 사용됩니다. 공간은 다음과 같은 방식으로 기능할 수 있습니다.마침표와 같이 뚜렷하거나 전각 대시와 같이 더 흐르는 방식으로 표시됩니다.

공간은 또한 시각적 시작과 중지를 생성하고 눈이 이동하는 방향을 생성하는 데 사용됩니다. 요소 사이에 사용되는 공간의 양은 요소가 다른 콘텐츠와 얼마나 가깝거나 멀리 떨어져 있는지를 나타낼 수 있습니다. 공간은 또한 여러 요소에 독립적으로 집중할 수 있는 공간을 만들 수 있습니다.

위의 United Strands 이미지를 보십시오. 셔츠 더미와 간단한 텍스트 사이에는 많은 공간이 있습니다. 공간은 사용자에게 각 항목을 보고 자체적으로 소화한 다음 하나의 단위로 소화할 수 있는 시간을 제공합니다. Space는 속도를 늦추라는 알림 및 화면의 요소를 연결하는 방법으로 사용됩니다.

Space는 위의 멋지고 진지한 페이지에서 다른 결과를 가져옵니다. 유사하지만 서로 다른 4개의 빨간색 원 안에 있는 항목 사이의 간격이 일정하기 때문에 요소를 하나의 이미지로 자연스럽게 그룹화할 수 있습니다. 각 요소 사이의 간격은 항목 간 다소 빡빡하고 일관되어 단일 요소처럼 "느끼게" 합니다.

선 및 규칙

선은 다음과 같습니다. 규칙은 개체 간에 뚜렷한 구분을 만듭니다. (박싱 요소로도 동일한 효과를 얻을 수 있습니다.) 선은 한 항목이 끝나고 다른 항목이 시작되는 위치를 나타냅니다. 단락의 각 문장 끝에 있는 마침표와 매우 유사합니다.

줄은 종종 공백과 함께 사용됩니다.그러나 항상 그런 것은 아닙니다. 서로 가깝거나 간격이 부족한 선은 팽팽한 느낌을 주거나 때때로 이러한 구분을 통해 항목을 연결할 수 있습니다.

위의 예에서 선은 두 가지 방식으로 사용됩니다. Square 페이지에서는 여러 줄을 사용하여 가상 또는 "고스트" 버튼을 형성합니다. 선은 페이지의 클릭 가능한 부분을 나머지 부분과 구분합니다. 온 더 아그라 컬처 키친 & 보도 자료 페이지에서 라인은 두 가지 방식으로 사용됩니다. 요소에서 요소로 시선을 계속 이동시키고 로고, 본문 및 홈페이지의 조치 요청 버튼과 같은 중요한 특정 콘텐츠에 주의를 집중시킵니다.

아이콘 및 디자인 요소

아이콘 및 기타 요소(및 디지털 프로젝트용 사용자 인터페이스 도구)의 사용은 기능의 결과이지만 디자인 방향도 제공합니다. 이러한 도구는 사용자에게 디자인에서 어디로 가야 하는지, 콘텐츠와 상호 작용하는 방법을 알려주고 사용자가 특정 항목과 상호 작용할 때 취할 전체 작업을 형성하는 데 도움을 줍니다.

예를 들어 인쇄 프로젝트에서 Facebook 및 Twitter 로고는 사용자에게 회사에 좋아요를 누르거나 팔로우할 수 있는 페이지가 있음을 알리는 데 자주 사용됩니다. 길거나 어려운 URL이 아닌 아이콘이 표준이 되고 있습니다. 이와 동일한 아이콘은 종종 디지털 프로젝트에서 이러한 사이트에 대한 클릭 가능한 링크로 사용되거나 사용자를 이러한 소셜 미디어 사이트 내의 공유 옵션으로 안내합니다.

아이콘 및 디자인요소는 다른 용도로도 사용할 수 있습니다. 스토리텔링 과정에서 시각적 분할선 역할을 하며 텍스트를 통해 또는 캔버스의 한 항목에서 다음 항목으로 독자를 유인하는 데 사용할 수 있습니다. (그것을 쉼표처럼 생각하면 일시 중지할 수 있지만 경로를 따라 이동하는 것을 멈추지는 않습니다.) 예를 들어 Octopus는 큰 아이콘을 색상이 지정된 상자의 링크로 사용하고 아래 글머리 기호의 시각적 탐색 요소로 사용합니다. Openbox는 유사한 방식으로 아이콘을 사용하여 사용자가 사이트의 콘텐츠를 이동할 수 있도록 다양한 삼각형 디자인을 제공합니다. (방향에 따라 + 또는 x도 같은 역할을 합니다.) 여기서 주목해야 할 또 다른 요소는 기본 텍스트 아래에 있는 점으로, 규칙 및 탐색 도구 역할을 합니다.

색상

색상은 디자인에서 요소를 분리하려고 할 때 재미있는 감각을 더할 수 있습니다. 그리고 그것을 달성할 수 있는 많은 방법이 있습니다. 색상 대 흑백에서 선명한 대비, 주제별 색상 배합 또는 색상 패널에 이르기까지 다양한 색조를 사용하면 흥미로운 방식으로 디자인의 특정 부분에 주의를 집중시킬 수 있습니다.

위의 예는 색상을 사용하여 일시 중지를 만드는 두 가지 완전히 다른 방법을 보여줍니다. P'unk Ave 페이지에는 밝은 빨간색 아이콘이 단색 배경의 공간에서 수영하고 있습니다. 즉각적인 시각적 영향과 연결을 얻습니다. (일종의 느낌표라고 생각하세요.)

사우스 오스트레일리아 페이지는 꽤다른 방법. 각기 다른 콘텐츠 섹션(및 시차 프레임워크의 조정 화면)은 서로 다른 컬러 화면을 사용합니다. 이것은 당신이 읽고 있는 섹션과 앞으로 나올 다른 콘텐츠를 알 수 있도록 도와줍니다. 이러한 시각적 "세미콜론"은 다음으로 이동하는 동안 하나의 생각을 끝낼 시간을 줍니다.

결론

시각적 구두점은 어디에나 있습니다. 처음에는 텍스트에서 같은 이름의 작은 문자만큼 명확하지 않을 수 있지만 그만큼 중요합니다. 시각적 구두점은 흐름과 방향을 만드는 데 도움이 되며 독자(및 사용자)의 피로를 방지합니다.

또한보십시오: 완벽한 전단지 디자인을 위한 10가지 팁

조화와 시각적 조화를 만드는 데 도움이 됩니다. 더 큰 문제는 사용 여부가 아니라 설계 과정에서 고려하는지 여부입니다. 시각적 구두점은 그냥 생기는 건가요, 아니면 미리 계획하는 건가요? 의견에서 디자인 프로세스에 대해 더 알고 싶습니다.

John Morrison

John Morrison은 노련한 디자이너이자 디자인 업계에서 다년간의 경험을 쌓은 다작 작가입니다. 지식을 공유하고 다른 사람으로부터 배우는 것에 대한 열정으로 John은 업계 최고의 디자인 블로거 중 한 명으로 명성을 쌓았습니다. 그는 동료 디자이너에게 영감을 주고 교육하는 것을 목표로 최신 디자인 트렌드, 기술 및 도구에 대해 연구하고 실험하고 글을 쓰는 데 시간을 보냅니다. 디자인 세계에서 길을 잃지 않을 때 John은 하이킹, 독서, 가족과의 시간 보내기를 즐깁니다.