Hero 섹션은 웹사이트를 구성하는 방법에서 매우 중요한 부분입니다. 사용자는 웹사이트의 히어로 이미지에 큰 감동을 받을 수 있습니다. 사람들이 웹사이트에 방문했을 때 가장 먼저 보게 되는 것입니다. 웹 사이트를 둘러보거나 빠르게 스캔하려는 경우 시작하는 곳입니다.
하지만 히어로 이미지가 웹사이트를 만들거나 망칠 수 있게 만드는 것은 무엇일까요?
당신이 숙련된 웹사이트 디자이너이건 그렇지 않은 웹사이트 디자이너이건 간에, 당신은 좋은 웹사이트 디자이너를 기대합니다. 홈페이지 디자인 규칙을 어기지만 클라이언트의 기대를 어기지 않는 하루가 끝날 때의 템플릿입니다.
웹디자인 산업이 성장하고 있으며, 웹사이트에 대한 사용자들의 기대도 커지고 있습니다. 왜냐하면 나쁜 웹 디자인 사용자 인터페이스(UI)는 다른 웹사이트와 플랫폼의 군중 속에서 길을 잃습니다. 그러나 올바른 웹 디자인 도구를 사용하고 그것이 사용자 경험과 잘 어울리는지 확인한다면 다른 사람들보다 쉽게 눈에 띌 수 있을 것입니다.
이제 웹 디자인 레이아웃에 대한 몇 가지 아이디어를 얻을 시간입니다.
마지막으로, 위의 웹 디자인 레이아웃 아이디어가 귀하의 다음 사이트 디자인에서 이를 어떻게 사용할지에 대한 많은 아이디어와 계획을 제공했기를 바랍니다.
차례
영감을 주는 상위 10개 웹사이트 히어로 이미지
1. 포코피플
이 영웅은 오버레이 텍스트가 거의 없다는 점에서 다릅니다. 간결한 메뉴와 회사 엠블럼이 실제 텍스트를 대신합니다. Hero 하단에 있는 소셜 미디어 공유 버튼 중 하나를 클릭하면 Poco People에 대한 소문을 퍼뜨리는 데 도움을 줄 수 있습니다.
영웅은 단순함으로 인해 큰 영향력을 발휘하며 독자가 책을 다 읽은 후에도 오랫동안 그 효과를 유지합니다. 사용자에게 색다른 첫인상을 선사하고 기억에 남는 브랜드 아이덴티티를 제안합니다. 색 구성표는 회사의 브랜드 및 로고와 일치하며 이미지와 그 위에 겹쳐진 작은 양의 텍스트를 훌륭하게 돋보이게 합니다.
2. 톰 콜 건축가
Tom Cole Architect의 웹사이트에는 또 다른 멋진 영웅 이미지가 있습니다. 특정 풍경을 들여다보는 창으로 설계되어 건축과 디자인을 최우선으로 생각합니다. 색 구성표는 텍스트와 대비를 제공하도록 설계되었습니다. 텍스트는 사용자의 관심을 웹사이트의 메시지로 끌고 가서 웹사이트 페이지의 다른 섹션으로 안내합니다.
Architect Hero로서의 Tom Cole의 이미지는 인상적이고 설득력이 있습니다. 로고는 HERO를 지배하며 브랜드와 브랜드의 상징적 표현에 주목합니다.
3. 슈퍼 그래디언트
그라데이션은 광원이 멀리 있거나 가까이 있는 것처럼 보이도록 색상을 천천히 혼합하거나 변경하여 만들어집니다. 두 개 이상의 색상 사이를 이동하는 슈퍼 그라데이션은 위의 예와 같이 큰 헤더 디자인에 자주 사용됩니다.
그라데이션을 사용하면 웹 디자이너는 각 색상에 더 많은 음영을 만들어 더 많은 색상을 사용할 수 있습니다. UX Planet은 강력한 발언을 하고, 분위기를 설정하고, 사용자의 감정을 활용하는 데 도움이 된다고 말합니다. 그들은 또한 화면에서 사용되는 것들을 더욱 기억에 남게 만듭니다. 영웅 사진이 있는 웹사이트에 이상적입니다.
4. 프린스 호텔
이 영웅은 모두 프린스 호텔 및 리조트와 관련된 사진을 모아놓은 회전목마입니다. 컬러배색을 보면 이 브랜드가 고급 브랜드라는 것을 바로 알 수 있습니다. 사람들의 기분을 좋고 편안하게 만들어주며 브랜드가 얼마나 강력한지 보여줍니다. 일부 슬라이드는 특정 밝기를 가지고 있으며 사진 속 호텔의 고급 부분에 떨어지기 때문에 더욱 아름답습니다.
텍스트는 흰색으로 표시되어 이미지의 어둡고 반짝이는 갈색 배경에 비해 눈에 띕니다. 이 Hero 사진을 보면 거부할 수 없는 편안함, 고급스러움, 행복감을 느끼지 않을 수 없습니다.
결론
사용자가 웹사이트를 처음 방문할 때 사이트에 포함된 히어로 헤더로 관심을 끄는 것은 관심을 끌고 유지하는 좋은 방법입니다. 크고 특대형 웹 배너는 화면에 생생하게 나타나 사용자가 제공하는 콘텐츠를 이해하는 데 도움이 될 수 있습니다.
웹 사이트 디자인의 현재 추세를 활용하려면 히어로 디자인 모범 사례를 확실하게 이해하는 것이 중요합니다. 이 일러스트레이션을 통해 강력한 히어로 이미지 디자인의 특성에 대한 통찰력을 얻을 수 있기를 바랍니다.
