2023년 9월 WordPress 웹 디자인 트렌드 5가지

게시 됨: 2023-09-26

가을 프로젝트는 잘 진행되고 있나요? WordPress 웹 디자인 영감이 필요하신가요? 이러한 트렌드는 좀 더 창의적인 개념을 촉발하거나 온라인 스토리텔링 목표에 동기를 부여하는 데 도움이 될 수 있습니다.

이번 달에 고려해야 할 5가지 주요 트렌드는 다음과 같습니다.

1. 만화화

때로는 단순하고 흥미롭고 기대 이상의 디자인을 표현해야 할 때가 있습니다. 이것이 바로 ESPN이 US Open 기능을 위해 Carlos Alcaraz의 기능을 사용하여 수행하는 작업입니다.

디자인은 코트에 있는 그의 사진일 수도 있었습니다. 오히려 그는 실물보다 더 큰 헤드라인과 스토리라인에 어울리는 캐릭터로 만화화되었습니다.

하지만 이 디자인의 가장 좋은 부분은 테니스 코트 애니메이션과 놀라운 인포그래픽이 포함된 스크롤에서 나타날 수 있습니다.

  • 장점: 심플한 배경에 만화풍의 이미지가 눈에 띄고 돋보입니다. 스토리텔링의 매력을 더해주고 카피요소와도 잘 어울립니다.
  • 사용 방법: 단순한 이미지와 뚜렷한 캐릭터에 가장 적합합니다. 전체 이미지나 풍경 사진으로는 시도하지 마세요. (같은 효과를 얻을 수 없습니다.)

2. 예술로서의 말

때로는 이미지 없이 이야기가 가장 잘 전달될 때도 있습니다. 괴롭힘에 초점을 맞춘 Right Our Story 웹사이트의 경우도 마찬가지입니다. 이 처리는 여기에 얼굴을 표시하고 싶지 않기 때문에 매우 효과적입니다. 메시지를 방해하거나 방해할 수 있습니다.

밝은 색상과 재미있는 글꼴 처리를 사용하면 여전히 디자인에 몰입할 수 있으며, 메인 헤드라인 영역에 사용된 인용 상자 개념은 디자인의 실제 인용문과 함께 전달됩니다.

이는 단어가 진정으로 이야기를 전달하도록 하는 다소 영향력 있는 방법이 될 수 있습니다. 여기에 있는 이미지는 사용자가 사진 속의 누군가가 가해자이거나 괴롭힘을 당하고 있다고 가정하는 것을 원하지 않기 때문에 문제가 될 수 있습니다. 이 처리는 단어에 모든 초점을 맞춥니다.

Kadence Blocks의 고급 텍스트 블록을 사용하면 특정 단어를 강조 표시하여 눈에 띄게 만들고 강력한 영향을 미칠 수 있습니다.

  • 작동 이유: 읽기가 디자인의 주요 초점일 때 예술 요소로서의 단어는 특히 강력합니다.
  • 사용 방법: 요소들을 함께 흥미롭게 유지하기 위해 흥미로운 서체와 색상 처리를 선택하세요.

3. 계층화된 스토리텔링

스토리텔링은 거의 모든 좋은 웹사이트 디자인의 핵심입니다. 계층화된 스토리텔링은 사용자가 디지털 스토리에 계속 관심을 갖고 웹사이트의 요소를 탐색하는 데 도움이 됩니다.

단순한 디자인처럼 보이는 한와그는 이미지, 텍스트, 모션으로 다단계, 다층의 스토리를 만들어냈습니다. 부팅 스토리를 안내하는 하위 페이지 메뉴에서 "챕터"를 볼 수 있습니다. (부츠가 이렇게 재미있을 줄 누가 알았겠어요?)

여기에서 스크롤 동작을 조사하여 모든 것이 어떻게 결합되는지 확인하는 데 시간이 좀 걸릴 것입니다. 페이지를 아래로 스크롤하는 동안 요소는 스토리를 원활하게 진행하기 위해 다양한 방향으로 이동합니다.

  • 작동 이유: 이 전반적인 디자인에는 애니메이션과 모션 측면에서 많은 일이 일어나고 있지만 단순한 흰색 기본 배경, 읽을 수 있는 텍스트, 선명한 이미지가 이 모든 것을 하나로 묶어줍니다.
  • 사용 방법: 때로는 복잡한 스토리를 전달하기 위해 복잡한 디자인이 필요할 수도 있습니다. 옳다고 느낄 수 있는 방식으로 내러티브와 스토리텔링을 결합하는 결혼입니다.

4. 아름다운 메뉴

레스토랑 메뉴는 미적인 매력으로 알려져 있지 않습니다. 디자이너들은 음식과 읽기 쉬운 형식을 모두 보여주는 더욱 아름다운 온라인 메뉴를 통해 이러한 상황을 바꾸려고 노력하고 있습니다.

Banana Blossom은 아름다운 이미지, 공간, 색상을 사용하여 배고프게 만듭니다. 웹 사이트 디자인은 전자 상거래 사이트가 가격 세부 정보를 표시하기 전에 제품을 안내하는 것과 유사한 방식으로 식품 항목을 안내합니다. 메뉴에 도착할 때쯤이면 이미 화면에 음식이 표시되기를 원할 것입니다.

이 디자인은 보기에도 좋지만 배고프지는 마세요!

  • 장점: 색상과 단순성은 이미지를 빛나게 할 공간을 제공합니다. 각 메뉴 항목은 간단하게 설명되어 있으며 이미지가 포함되어 있어 어떤 식사가 될지 정확히 알 수 있습니다.
  • 사용 방법: 이 메뉴는 다른 어떤 것보다 블로그 디자인과 비슷해 보이지만 공간, 색상, 규모 등 좋은 디자인의 모든 전통적인 원칙을 사용합니다.

5. 미묘한 애니메이션

애니메이션은 제대로 구현하기 가장 어려운 웹 디자인 기술 중 하나입니다. 이러한 추세는 모션을 단순하고 미묘하게 유지하여 잘 조합하는 방법을 보여줍니다.

공간에 있는 작은 색상의 사각형을 주목하세요. 모두 눈의 움직임을 지시하기 위해 뚜렷한 평면에서 천천히 움직이지만 콘텐츠를 방해하지는 않습니다. 사각형은 로고의 모양을 모방하고 이미지와 공백 모두에 걸쳐 확장됩니다.

Syndeo Institute는 스크롤 전체에 정사각형 요소와 미묘한 애니메이션을 사용하여 사이트 전체에 이 디자인 테마를 잘 전달하고 있습니다.

Kadence를 사용하면 스크롤 효과에 놀라운 애니메이션을 추가하여 청중의 관심을 사로잡고 콘텐츠에 지속적으로 참여하는 데 대한 시각적 보상을 제공할 수 있습니다.

  • 작동 이유: 미묘한 애니메이션은 기본 디자인이나 사용자가 웹 사이트에서 가져가야 하는 내용을 빼앗지 않습니다. 시각적인 흥미를 더해주는 추가 기능을 제공합니다.
  • 사용 방법: 다른 방법이나 장소에서 사용하는 모양과 같이 목적이 있는 것을 찾고 애니메이션을 사용하여 사용자가 무언가를 파악하도록 돕거나 콘텐츠의 시각적 흐름을 지시합니다.

함께 모아서

WordPress 웹 디자인 트렌드는 재미있는 요소입니다. 하지만 새로운 트렌드를 모두 시도해야 한다고 생각하지 마세요. 우리는 지금 떠오르는 트렌드를 좋아합니다. 왜냐하면 그들은 고전적인 테마에 예술 작품으로서의 글자체부터 상자 스타일까지 새로운 변형을 가미했기 때문입니다. 적시에 적절한 트렌드를 사용하는 것은 브랜드와 스타일의 일부입니다. 자신에게 맞는 것이 무엇인지 재미있게 실험해보세요.

Kadence Full Bundle은 모든 디자인 트렌드를 따라가고 웹사이트를 한 단계 더 발전시키는 데 필요한 모든 것을 제공합니다. Kadence Blocks의 Lottie Block부터 완전히 사용자 정의 가능한 디자인 및 페이지를 생성하는 기능까지 Kadence Full Bundle은 아름답고 효과적이며 매력적인 웹 사이트를 만드는 데 필요한 모든 것을 제공합니다.

Kadence 번들 받기