디자인 심리학: 온라인 이미지 형성

우리는 디자인 심리학 시리즈의 이전 두 편에서 색상의 중요성을 철저히 다루었습니다. 그러나 색상 선택은 나쁜 디자인과의 투쟁의 한 부분일 뿐입니다.

새로운 웹 디자인을 위한 배경 패턴을 만들거나 새 제품의 포장에 대해 생각하고 있다면 결국 연필을 종이에 대고 스케치를 시작해야 합니다. 어떤 모양을 만들기 시작하든 시청자에게 강력한 영향을 미칩니다.

고객이 선택한 모양과 전체 브랜드에 대해 말하는 것 사이에 만드는 일반적인 연관성에 대해 자세히 알아보려면 계속 읽으십시오. 또한 이러한 모양이 모든 종류의 디자인에 어떻게 사용되었는지에 대한 실제 사례를 확인하십시오!

• 윤곽
• 원과 타원
• 삼각형
• 사변형
• 다각형
• 추상적인 모양

직선 및 곡선

선 작업에 관해서는 실제로 각진 것과 곡선 사이의 선 을 견인해야 합니다. 라인은 모든 아트웍의 기본이 되는 형태일 수 있지만, 라인워크에 크게 의존하는 로고와 웹 디자인은 결코 단순하지 않습니다.

일반적으로 인간은 직선보다 곡선을 선호합니다. 이것은 시각 시스템의 신경 생리학에 기인할 수 있습니다. 눈이 완전히 형성되지 않은 유아라도 날카롭고 각진 선보다 곡선 모양에 더 오래 주의를 집중합니다.

그러나 곡선이 사용자가 디자인에 집중하는 시간을 반드시 증가시키는 것은 아닙니다. 사실, 날카로운 각도는 사용자의 빠른 관심을 끌 가능성이 더 큽니다. 곡선이 부드러움과 복잡함을 의미한다면 날카로운 선과 각도는 진지함과 단순함을 의미합니다.

연구에 따르면 각진 물체는 위협감을 유발할 수 있습니다. 모양의 날카로움은 두려움을 처리하는 뇌 영역인 편도체의 활동을 증가시키는 것으로 나타났습니다. 이러한 이유로 날카로운 각도는 종종 청중의 관심을 요구하고 구부러진 각도보다 더 빨리 시선을 끕니다.

이러한 자연스러운 인간의 반응 패턴을 사용하여 청중이 뭔가를 느끼게 하는 디자인을 만들 수 있습니다. 재미있고 가벼운 브랜드의 경우 곡선은 사이트의 텍스트 블록을 분해하고 기발한 느낌을 만드는 데 도움이 될 수 있습니다. 그러나 보다 진지한 브랜드 페르소나의 경우 날카로운 각도와 직선이 중력감을 느끼는 데 도움이 됩니다.

Creative studio The Inlay는 직선과 미니멀한 디자인을 사용하여 페이지를 스크롤할 때 눈을 끌지만 부정적인 반응을 유발할 수 있는 날카로운 각도를 과도하게 사용하지 않습니다.

그러나 기술 컨설팅 회사인 Affinity는 웹사이트 전체에서 관계 지향적인 언어를 많이 사용합니다. 디자인 전체에 걸쳐 둥근 화살표 로고와 곡선 모양은 기술 공간에서 사용되는 기존의 딱딱한 이미지보다 훨씬 더 친근하게 느껴집니다.

원과 타원

누군가를 정방형이라고 부르는 경우 아마도 그들이 지루하다는 것을 암시하고 있을 것입니다. 그렇다면 그 반대는 동그라미가 재미, 젊음 및 평온한 사고 방식을 의미한다는 것을 의미합니다. 아기의 관심은 곡선에 더 오래 머무르는 것으로 나타났기 때문에 원형 장난감을 선호하는 경향이 있다는 것은 이해가 됩니다.

시청자가 원을 바라볼 때 개방성과 함께하는 마음이 떠오릅니다. 둥근 모양은 또한 자신의 거품 속에서 안전하거나 좋은 포옹과 같은 공동체 또는 보호의 느낌을 의미할 수 있습니다. 서클의 다른 특성에는 우정, 따뜻함, 여성다움 및 재생이 포함될 수 있습니다(생각: 삶의 원 ).

명명의 관점에서 Ring 초인종은 사용자의 감각을 활용했습니다. 청각적으로 초인종 "링"을 상상할 수 있는 반면 시각적으로 상상된 "링"은 로고와 물리적 하드웨어가 설계된 방식 모두에 연결되어 있습니다.

Netflix 리얼리티 경쟁 쇼인 Circle은 순환 브랜딩이 가장 적합한 또 다른 장소입니다. 전제는 자신의 정체성에 대해 진실을 말하거나 말하지 않을 수 있는 사람들이 The Circle이라는 소셜 미디어 플랫폼을 통해서만 동료들 사이에서 인기를 얻으려고 한다는 것입니다. 목표? 커뮤니티에 머물고 서클에 남아 있습니다.

삼각형

가속, 동작, 균형, 삼각형은 활동을 쉽게 설명합니다. 그들은 흥분에서 주의에 이르기까지 일련의 감정을 불러일으킬 수 있는 활기차고 강력한 모양입니다.

삼각형은 영향을 미치며 방향이 소비자의 마음에서 의미를 바꾸기 때문에 방향이 중요합니다. 예를 들어 위쪽을 가리키는 삼각형은 강함을 나타낼 수 있지만 약간 비뚤어지면 불안정함을 나타낼 수 있습니다. 그러나 모든 다른 방향의 여러 삼각형은 색종이 조각처럼 즐거움이나 흥분을 나타낼 수 있습니다!

좋아하는 비디오 또는 음악 스트리밍 서비스의 재생 버튼은 오른쪽을 가리키는 삼각형일 가능성이 높습니다. 일시 정지(두 직선 사이의 문자 그대로 "단절")를 나타내는 두 개의 직선과 달리 앞으로 이동을 나타내는 화살표와 비슷합니다.

HGTV는 삼각형 디자인도 영리하게 사용합니다. 이등변 삼각형은 워드마크의 상단을 가로질러 위치하며 집의 지붕을 설명하는 명확하지만 간단한 방법입니다. 로고의 다른 쪽 끝에 있는 "V"는 아래쪽을 가리키므로 훌륭한 균형을 이룹니다.

사변형

사변형에는 모든 4면 모양이 포함됩니다. 정사각형과 직사각형이 가장 일반적인 예이지만 사다리꼴, 다이아몬드 등이 여기에도 포함됩니다. 정사각형과 직사각형은 종종 안정성과 꾸준함, 적합성 또는 직선성의 상징입니다. 그들의 직각은 시각적으로 합리성, 질서 및 구조를 암시합니다.

정사각형과 직사각형은 실용적이거나 실용적으로 보이길 원하는 브랜드에서 자주 사용합니다. 내셔널 지오그래픽에서 링크드인, 도미노에 이르기까지 다양한 산업 분야에서 정사각형과 직사각형이 일반적입니다. 특히 로고의 경우 그렇습니다.

다른 유형의 사변형도 규칙적인 느낌을 전달하지만 보다 아방가르드하고 현대적인 시각적 비틀기를 사용합니다. 다이아몬드는 모양과 보석 사이의 무의식적인 연관성 때문에 사치품이나 고급 제품을 전달하는 데 사용될 수 있습니다. 연 및 마름모와 같은 사각형은 남용된 패턴에 의존하지 않고 안정성 수준을 암시하는 데 좋습니다.

호주에 기반을 둔 웹 디자이너 Mokthar Saghafi는 웹사이트의 기하학적 패턴에 평행사변형을 사용합니다. 사방형 도형이 가지런히 쌓여 있어 보통 사방형이 내포하는 안정감을 암시한다. 그러나 실제 직사각형 대신 마름모처럼 약간 기이하지 않게 설정하면 시각적 관심의 또 다른 레이어가 추가됩니다.

레고가 현실적이지 않거나 적합해 보이지 않을 수도 있지만, 레고는 확실히 안정적입니다. 레고로 다른 어떤 것을 만들 수 있겠습니까? 정사각형 로고는 제품에 대한 시각적 콜백이기도 합니다. 네 개의 스터드가 있는 정사각형 레고 블록과 매우 유사해 보입니다.

오각형, 육각형 및 팔각형

수학과 디자인에서 이 모양 집합을 "다각형"이라고 합니다. 다각형은 2D 기하학적 모양을 설명하는 데 사용되는 포괄적인 용어이지만 일반적으로 5개 이상의 면이 있는 경우에 사용됩니다.

자연에서 이러한 모양은 벌집에서 쉘 패턴, 수정 및 암석에 이르기까지 모든 곳에서 발견됩니다. 그러나 웹 디자인에서는 덜 자주 사용됩니다. 이것은 더 일반적인 디자인 트렌드와 차별화되는 데 도움이 되기 때문에 고객에게 좋은 일이 될 수 있습니다!

복잡하고 미래 지향적인 폴리곤은 종종 여전히 잘 구조화된 현대적이고 현대적인 분위기를 만드는 데 사용됩니다. 그러나 특정 다각형은 틈새 산업에서 일반적으로 사용됩니다. 예를 들어, 자동차 및 기계 제조 및 수리 회사는 볼트 머리를 닮아 디자인에 육각형과 팔각형을 사용하는 경우가 많습니다.

영국 웹 디자인 에이전시 Built By Buffalo에서 사용하는 육각형 레이아웃은 홈페이지에 부담을 주지 않으면서 많은 작업 예를 미리 보여줄 수 있는 좋은 방법입니다. 그런 다음 웹 사이트 전체에서 팀 헤드샷을 보여주고 재미있는 사무실 사진을 보여주고 중요한 정보를 불러오는 데 사용됩니다.

펜타곤은 세계에서 가장 잘 알려진 건물 중 하나이며 5면 구조로 인해 적절하게 명명되었습니다. 건축 설계에 폴리곤을 사용한 대표적인 사례로 건물 자체가 금욕과 안정성을 전달합니다.

추상적인 모양

웹 및 제품 디자인, 판촉 및 브랜딩 노력 전반에 걸쳐 일반적으로 사용되는 몇 가지 다른 기하학적 추상 모양이 있습니다. 인기 있는 모양과 그 의미에 대해 간략히 살펴보겠습니다.

얼룩

얼룩은 종종 재미있거나 어리석은 것으로 특징지어지는 모양입니다. 유명한 "bouba/kiki 효과"는 문화와 쓰기 시스템에 걸쳐 개인이 말도 안되는 단어 "bouba"를 얼룩 모양에 귀인하는 반면 "kiki"는 뾰족한 추상 모양과 관련이 있음을 입증했습니다.  

뾰족한 가장자리가 있는 날카로운 추상 모양을 사용하도록 선택하면 보는 사람의 빠른 관심을 끌 수 있습니다. 그러나 둥근 모양을 사용하면 더 편안하고 장난스러운 느낌을 줄 수 있습니다.

Brooklyn에 기반을 둔 맞춤형 WordPress 디자인 스튜디오 Buzzworth는 재미있고 펑키한 스타일을 선보이기 위해 많은 얼룩 모양과 구근 전환 애니메이션을 사용합니다.

십자가

영성과 치유, 연결 또는 균형을 보여주는 데 자주 사용되는 십자가는 웹 디자인에서 항상 나타납니다. 두 가지 사이의 만남이나 연결을 시각적으로 암시하는 가장 일반적인 방법입니다. 디자인에서 십자형의 또 다른 일반적인 용도는 "더하기" 기호로 카트에 무언가를 추가하거나 더 많은 정보를 위해 확장할 수 있음을 나타냅니다.

로고에서 십자가는 일반적으로 강한 종교적 유대로 인해 종교 조직을 위해 예약되었지만 모양의 다른 불가지론적 용도도 성공적이었습니다.

American Red Cross는 교차 이미지를 사용하는 가장 주목할만한 조직 중 하나입니다. 그들의 일은 도움이 필요한 개인과 재난 중 또는 재난 이후에 도움을 줄 수 있는 개인의 교차점에 있습니다. 적십자의 로고는 이 두 가지가 교차하는 지점에 배치하는 동시에 치유와 건강을 시각적으로 암시합니다.

나선

나선은 움직임과 진행을 의미합니다. 둥근 나선과 고리는 종종 완벽함, 아름다움, 진화를 보여줍니다. 나선형이 지그재그 동작처럼 더 뾰족하면 제품, 회사 또는 서비스가 취하는 중심점, 변화 또는 새로운 방향을 전달할 가능성이 더 큽니다.

나선형의 방향은 특히 나선형을 애니메이션할 계획인 경우 나선형이 감지되는 방식과 많은 관련이 있습니다. 마지막으로 원하는 것은 개발, 성장 또는 창의성을 전달하려고 시도하고 결국 사용자를 문자 그대로 하향 나선형으로 보내는 것입니다. 대부분의 경우와 마찬가지로 나선형이 가능한 경우 위쪽과 오른쪽으로 움직이도록 하여 긍정적인 움직임을 전달합니다.

유타주 솔트레이크시티에 있는 디지털 제품 스튜디오인 Rally는 사이트 전체에 흰색 배경에 단순한 나선을 사용합니다. 나선형의 변화하는 색상과 역동적인 움직임은 보는 이로 하여금 시각적으로 흥미를 갖게 하고 응집력 있는 사용자 경험을 제공합니다.

유기적 형태

유기적인 모양에는 잎, 가지, 뿌리, 파도, 별, 구름 등이 있습니다. 기하학적 모양을 함께 사용하여 이미지를 만들 수 있는 경우(예: 위에 삼각형이 있는 정사각형이 단순한 집이 됨) 유기적 모양은 일반적으로 자체 이미지로 독립형입니다.

이러한 모양은 일반적으로 불규칙하거나 비대칭이며(항상 그런 것은 아님) 어떤 방식으로든 자연 세계와 연관됩니다. "클라우드"라는 개념은 유기적 이미지를 완벽하게 사용하는 것입니다.

"클라우드" 스토리지라는 개념은 정보를 보유하고 있는 무형의 "위치"와 같은 매우 난해하고 기술적인 것을 연결하고 이를 자연 세계와 연결하여 기술 초보자가 더 쉽게 접근할 수 있도록 합니다. 예를 들어 SoundCloud는 사용자가 오디오 파일을 업로드하고 전 세계적으로 증가하는 음악 애호가 커뮤니티와 공유할 수 있는 음악 공유 사이트입니다.

디자인 뒤에 숨은 마음

항상 그렇듯이 이것은 어렵고 빠른 규칙이 아닙니다. 디자인 내에서 여러 모양, 선 두께 및 정렬을 사용하여 시각적인 흥미를 유발합니다. 여러 요소를 함께 사용하면 독자가 눈으로 보고 직감으로 느낄 수 있는 이야기를 전달할 수 있습니다.

레이아웃은 디자인의 모든 것을 위한 리소스이며, 디자인 심리학 시리즈는 잘 계획된 브랜딩으로 고객을 끌어들이기 위해 디자인의 기본 요소를 사용하는 것에 관한 것입니다.

색상의 의미와 시각적 스토리텔링에서 색상을 사용하는 방법에 대해 자세히 알아보려면 1부와 2부를 읽으십시오. 그런 다음 서체, 콘텐츠 배치 및 단어 선택의 중요성을 살펴볼 4부도 살펴보세요.