주의 유도자: 밝은 클릭 유도문안 버튼

게시 됨: 2020-04-09

일반적으로 클릭 유도문안 버튼은 거의 변경되지 않습니다. 이 영역에서 마지막으로 중요한 것은 고스트 버튼이 널리 소개되었을 때였습니다. 속이 빈 모양이 다소 부적절하게 느껴졌지만 모두가 그 아이디어에 사로잡혀 있었습니다. 고스트 버튼은 의심할 여지 없이 웹을 폭풍으로 몰아넣었지만 이미 오래전 일입니다.

상황이 급진적인 방식으로 변경되지 않았습니다. CTA는 여전히 다른 작은 세부 사항에 비해 상대적으로 큰 크기의 직사각형 모양 요소입니다. 그러나 이것이 그들이 최신 유행에 보조를 맞추지 못한다는 것을 의미하지는 않습니다. 그리고 클릭 유도문안 버튼의 밝은 색상이 그 증거입니다.

이것은 오늘날 웹 디자인에 나타나는 생생한 색 구성표의 추세의 예측 가능한 연속입니다. 그러나 한 가지 예외가 있습니다. 버튼은 다양한 실험이 수행되는 곳입니다. Pink Mobility의 디스코 네온 블루부터 TecExpert의 클래식한 포레스트 그린까지, 다양한 스타일 선택이 가능합니다. 또한 어떤 톤을 사용할지 결정할 수 없는 경우 항상 그라디언트를 선택할 수 있습니다.

실제 세계에서 몇 가지 환상적인 예를 고려해 보겠습니다.

핑크 모빌리티

가장 먼저 살펴볼 웹사이트는 핑크모빌리티(Pink Mobility)입니다. 우리는 이미 그것을 언급했고 거기에는 그럴만한 이유가 있습니다. 팀은 일반적인 용도로 밝은 색상을 능숙하게 채택하여 전체적인 디자인이 에너제틱하고 화려하게 느껴지도록 할 뿐만 아니라 클릭 유도문안 버튼과 같은 가장 작은 세부 사항에도 이러한 경향을 적용했습니다.

몇 가지 스타일 선택이 즉시 눈을 끕니다. 첫 번째는 물론 네온 블루입니다. 시선을 사로잡는데, 슬라이드의 배경으로 설정된 밝은 오렌지색과 찰떡 궁합입니다. 두 번째는 기본 색상을 반영하는 그라디언트 스타일의 버튼입니다. 그것은 매우 매력적으로 보입니다. 다른 하나는 남색과 흰색으로 이 수행원을 능숙하게 완성합니다.

핑크 모빌리티

메이펌

May Firm 뒤에 있는 팀은 밝은 녹색으로 고정했습니다. 로고타입으로 시작하여 이미 짐작하셨겠지만 CTA로 끝나는 디자인의 다양한 요소를 향상시킵니다. 의사가 이 진지해 보이는 웹사이트를 위해 주문한 것과 정확히 같습니다. 그것은 법률 사무소의 공식적이고 비즈니스적인 분위기를 더 친근하고 매력적으로 만듭니다.

메이펌

해피 온라인

어떤 사람들은 분홍색과 진홍색을 소녀적이고 심지어 약간 멍청하다고 생각할 수도 있지만 Happy Online의 디자이너들은 그 이론이 틀렸음을 증명합니다. 여기에 CTA에 사용된 아름다운 루비 톤이 직선 테마를 완벽하게 지원합니다. 새하얀 배경에 화사해 보입니다. 또한 완벽하게 조화를 이루는 녹색 및 파란색과 같은 다른 색조도 찾을 수 있습니다.

해피 온라인

NSR

NSR 뒤에 있는 팀은 실수로 선택되지 않은 밝은 노란색으로 우리의 눈을 즐겁게 합니다. 우주 공간의 장면을 보여주는 영웅 섹션의 아름다운 짙은 파란색 이미지 배경에 주목하십시오. 바로 우리의 하늘입니다. 반면 노란색 CTA와 상단 표시줄의 아이콘은 별 역할을 합니다. 카리스마가 가미된 ​​클래식한 조합이다.

NSR

에스라

Ezra의 디자인은 일부 사람들이 다소 압도적으로 느낄 수 있는 트렌디한 레드 색상으로 진행되지만 이 경우는 아닙니다. 여기에서 이 음색에 숨겨진 힘을 느낄 수 있습니다. 많은 노력 없이 프로젝트에 진지함을 더합니다. 깔끔한 흰색 디자인에 기여할 뿐만 아니라 웹사이트의 아이디어를 완벽하게 지원합니다. 인터페이스에는 처음부터 주의를 끄는 몇 가지 사항이 있으며 CTA가 그 중 하나입니다.

에스라

서버리스 프레임워크

Serverless Framework는 화려한 색상으로 당신을 놀라게 합니다. 우리 모두는 흑백을 함께 보는 데 익숙하지만 Pantone의 2019 올해의 색상 품질을 지닌 이 아름다운 산호색에는 의심할 여지 없이 신성한 무언가가 있습니다. 디자인이 웅장합니다.

서버리스 프레임워크

하헴

하켐의 클릭 유도문안 버튼은 과하지도, 화려하지도 않은 포인트입니다. 그 아름다운 보라색 톤은 눈을 뗄 수 없을 정도로 즐겁습니다. 어두운 배경은 여기서 미묘한 역할을 하지 않습니다. 그것은 착색의 전체 아름다움을 능숙하게 강조합니다. 또한 헤드라인에 사용된 따뜻한 그라데이션은 임팩트를 강화합니다. 사실, 이 팀은 세부 사항에 대한 안목이 있습니다.

하헴

오리지널 캠퍼스

그라디언트에 대해 말하자면 Original Campus는 때로는 하나의 색상이 강력한 효과를 내기에는 충분하지 않다는 것을 모든 사람에게 보여줍니다. 다양한 색상의 그라디언트 덕분에 클릭 유도문안 버튼이 영웅 영역의 중심을 차지합니다. 구식이거나 구식으로 보이지 않습니다. 대신 모던하고 스포티해 보입니다. 비교적 중립적인 디자인과 대조를 이루며 독자들에게 자연스러운 초점을 설정합니다.

오리지널 캠퍼스

드론 VR

Drone VR 뒤에 있는 팀은 다채로운 버튼에 대한 또 다른 흥미로운 견해를 가지고 있습니다. 그들은 또한 그라디언트에 갔다. 하지만 이번에는 솔리드 형태가 아닌 선 스타일로 디자인에 화려함을 더했다. 결과는 흥미롭고 약간 논란의 여지가 있습니다. 특히 그러한 활기찬 측근에 배치 된 생명에 대한 권리가 있습니다.

드론 VR

TGP

TGP는 깨끗한 미학을 유지하고 극도로 비즈니스적인 느낌을 주지만 밋밋하거나 사소해 보이지 않습니다. CTA의 기본 톤으로 타이거 오렌지를 사용하여 팀은 자연스럽게 중요한 것들에 주의를 집중시켰지만 긍정적인 분위기를 더해 시각적으로 매력적으로 만들었습니다.

TGP

RTX의 쉬어링크

RTX의 Sheerlink는 밝은 버튼이 포화된 디자인을 위한 완벽한 선택임을 증명하는 웹사이트의 한 예입니다. 그리고 전혀 과하다는 느낌이 들지 않습니다. 여기에 장갑처럼 잘 맞습니다. 결과적으로 날카로운 모서리가 있는 밝은 노란색 CTA는 그림 같은 배경과 멋지게 상호 작용합니다. 동시에 그것은 표면에 머물며 충분한 관심을 끌게 됩니다.

RTX의 쉬어링크

당신의 하루를 밝게 하기에 충분한 색상

밝은 색상에는 항상 밝은 성격이 있습니다. 그들은 프로젝트에 다양한 감정을 가져올 수 있으며 전체 미학을 풍부하게 하는 유효한 도구 역할을 합니다.

자연스럽게 콘텐츠 흐름에서 요소를 분리하고 경기장에서 유효한 플레이어로 만듭니다. 그리고 대담한 색 구성표를 선호하는 현대적인 디자인을 멋지게 마무리합니다.