로고 및 워드프레스 웹사이트 – 로고를 만들고 사이트에 추가하는 방법

로고 및 워드프레스 웹사이트 - 만들고 사이트에 추가하는 방법

거의 모든 웹사이트에는 로고가 있습니다. 로고는 웹사이트의 외관과 방문자가 사이트를 열었을 때 받는 첫인상에 큰 영향을 미치며 브랜딩의 중요한 요소입니다. 잘 디자인된 로고는 잠재 고객에게 회사에 대한 올바른 메시지를 전달하고 브랜드 인지도를 높이는 데 도움이 됩니다. 이것은 로고에 관한 마케팅 관점이지만, 기술적인 측면에서는 어떤 문제가 있을까요? 좋은 로고는 어떻게 디자인되어야 하고 어떤 매개변수가 있어야 할까요? 숙련된 디자이너이자 프론트엔드 개발자인 Peter의 인사이트를 소개합니다.

로고 크기 및 치수

로고를 처음 디자인할 때는 항상 한 발 앞서 생각하세요. 또는 이상적으로는 몇 단계 앞서 생각하고 로고가 어디에 표시되고 어떤 다른 방식으로 사용될지 고려하세요. 로고 크기는 모든 잠재적 용도에 따라 도출되어야 합니다. 로고를 고정된 픽셀 크기로 디자인하면 인쇄 형식은 디스플레이 화면과 다른 dpi를 필요로 하기 때문에 매개 변수로 인해 좋은 품질로 인쇄할 수 없는 경우가 쉽게 발생할 수 있습니다. 반면에 로고를 벡터 그래픽으로 만들면 원하는 해상도로 내보낼 수 있습니다.

로고 그래픽의 크기는 매우 개별적입니다. 하지만 로고가 모든 크기에서 잘 보이는지 확인하세요. 예를 들어 웹사이트 헤더용 로고를 디자인하는 경우, 디자인 과정 내내 로고가 어떻게 보이는지 주의해야 합니다.

작은 크기에서는 사라질 수 있으므로 디테일이 많지 않고 단순한 로고를 디자인하는 것이 좋습니다. 단순한 로고는 항상 명확하고 가독성을 유지합니다. 로고를 축소해야 하는 경우 동일한 로고를 더 많이 변형하여 디자인할 필요가 없습니다.

가로 로고는 작업하기 쉽습니다.

세로 또는 가로? 세로 로고는 웹사이트 디자인의 나머지 부분과 항상 비례가 맞지 않으며 작업하기가 더 어렵습니다. 이는 워드프레스 테마의 경우 두 번 적용됩니다. 로고를 디자인할 때 웹사이트 반응성을 고려하면 다양한 기기에서 가로 로고가 얼마나 더 잘 보이는지 알 수 있습니다.

테마를 이미 선택했다면 어떤 로고 크기가 가장 잘 어울리는지 확인하세요. 또는 그 반대의 경우도 마찬가지입니다. 최종 로고 디자인이 완료되면 로고를 올바르게 표시할 수 있는 테마를 선택합니다. 테마를 다시 디자인하거나 테마에 맞는 새로운 로고 변형을 만드는 것을 피하고 싶다면 적어도 그렇습니다.

로고는 웹사이트의 여러 위치에 표시되거나 워드프레스 테마에 표시하는 것이 좋습니다. 이것이 지나치게 복잡한 로고를 피해야 하는 또 다른 이유입니다.

로고 유형

로고 콘텐츠

처음 로고 디자인을 결정할 때 선택할 수 있는 로고 유형은 여러 가지가 있습니다:

  • 아이콘/이미지
  • 로고 타입 또는 타이포그래피(특정 글꼴 또는 그래픽 설정의 이름만)
  • 두 가지의 조합

로고의 모양은 웹 사이트 주제 / 비즈니스 방향에 따라 다릅니다. 비즈니스와 관련된 특정 메시지를 반영해야 합니다. 예를 들어 특정 제품을 판매하는 비즈니스인 경우 이 제품을 로고의 일부로 만들 수 있습니다. 자전거 판매 - 바퀴. 블로그 게시물 작성 - 펜, 책 등. 다른 쪽에서, 로고는 반드시 구체적인 내용을 포함할 필요는 없으며, 단순한 기하학적 도형 등 추상적인 것일 수도 있지만 기억하기 쉬워야 합니다. 인터넷에서 영감을 얻거나 Behance 또는 Dribble에서 샘플 로고를 확인할 수 있습니다.

로고의 이미지 부분으로 사용할 수 있는 글꼴이 없거나 특별히 떠오르는 것이 없는 경우 타이포그래피 로고를 사용하면 됩니다. 다음에서 다양한 글꼴을 사용할 수 있습니다. fonts.google.com 를 상업적으로 무료로 사용할 수 있습니다. 더 진지해 보이는 세리프 글꼴을 사용하는 것이 원칙은 아니지만 다소 간단한 글꼴을 선택하는 것이 좋습니다.코믹 산스 등이 아닌 😀 우리는 고객에게 우리의 엉뚱한 아이디어를 제시하지 않을 것입니다... 우리는 고객을 낙담시키지 않고 대신 전환율을 높이기를 원합니다.

타이포그래피 로고

그럼에도 불구하고 로고에 그래픽 심볼을 넣고 싶다면, 예를 들어 이름의 이니셜로 심볼을 만들 수 있습니다. 이는 로고가 사람의 이름, 즉 이니셜을 나타낼 때 자주 사용됩니다.

요즘은 단순한 로고를 사용하는 것이 추세입니다. 대기업들도 브랜드를 단순화하고 있으며, 이는 전혀 해가 되지 않습니다.

로고 재디자인

출처: http://www.underconsideration.com/brandnew/archives/

그림 물감

로고는 여러 가지 색상으로 만들어야 합니다. 기본은 브랜드 색상으로 하고 다른 변형은 어둡고 밝은 배경에 적합한 방식으로 디자인해야 합니다. 인쇄용으로 단색 버전이나 2색 버전도 준비하는 것이 좋습니다. 이 경우 인쇄할 수 없는 불필요한 세부 정보가 없는지 확인하는 것도 좋습니다.

로고의 색상은 나머지 웹 색 구성표와 일치해야 합니다. 시선을 사로잡기 위해 로고가 반드시 화려할 필요는 없습니다. 한 가지 색상만 사용하거나 더 많은 색상을 매치하는 것이 부담스럽다면 두 가지 색상을 매치하는 것으로 충분합니다. 일반적으로 이름은 배경에 따라 검은색에 가까운 어두운 색상이나 흰색으로 시각화되고 그래픽 심볼은 화려한 색상을 사용합니다. 하지만 이것이 규칙은 아닙니다.

인터넷에는 여러 가지 색상을 일치시키는 데 도움이 되는 다양한 생성기가 있습니다. coolors.co/app 이것 좀 보세요. 컬러 휠 도구 에서 완벽한 조합을 선택하세요.

워드프레스 테마에서 로고 설정하기

워드프레스 테마 데모는 웹사이트의 각기 다른 반응형 레이아웃에 로고가 어떻게 표시되는지 보여줍니다. 앞서 언급했듯이 로고를 이미 디자인한 경우 회사 로고와 잘 어울리는 가장 적합한 WP 테마를 선택하세요.

웹사이트에 로고를 추가할 수 있습니다, 테마 관리자로 이동하여 테마 옵션을 선택합니다.

워드프레스 테마 옵션 - 웹사이트 로고

테마 옵션 설정 페이지에서 헤더로 이동합니다. 를 클릭하여 로고를 업로드합니다. "이미지 선택" 버튼 텍스트를 웹사이트 로고 설정으로 변경합니다. 옵션 저장을 클릭합니다.

워드프레스 테마 옵션 - 로고 선택

사이트 미리 보기를 방문하여 로고가 어떻게 표시되는지 확인하세요.

첫 로고를 디자인할 때는 많은 생각을 해야 합니다. 고객에게 전달하고자 하는 메시지에 집중하세요. 앞으로 수년 동안 브랜드를 대표할 것입니다. 잘 디자인된 로고는 오랫동안 사용할 수 있으며 큰 변경이 필요하지 않습니다. 더 복잡하게 만들기보다는 단순화하는 것이 추세라는 것을 기억하세요. 따라서 이미 디테일, 색상 또는 곡선이 너무 많은 로고가 있다면 새로운 모던 버전을 만들어 보세요. 워드프레스 웹사이트에 추가하는 것은 3-4번의 클릭만으로 완료됩니다.

32 "Logo & WordPress website – how to create & add it to your site"에 대한 생각

    1. 여러분의 피드백에 감사드리며, 앞으로도 흥미로운 내용을 계속 포스팅하겠습니다 🙂.

  1. 훌륭한 팁을 제공해 주셔서 감사합니다! 하지만 질문이 하나 있습니다.
    아마 대답할 것입니다. 프리랜서 웹 디자이너/개발자는 고객에게 다음과 같이 설정하는 경향이 있는지 궁금합니다.
    공유 또는 전용 호스팅 요금제를 선택해야 하나요? 웹 사이트가
    는 빠릅니다. 어떤 통찰력이라도 주시면 대단히 감사하겠습니다!

    1. 안녕하세요,
      의견 주셔서 감사합니다. 죄송합니다만, 연구/설문조사가 이루어지지 않았으므로 다시 한 번 검토하여 남성의 결정을 내리도록 하겠습니다.
      감사합니다!
      즐라트코

  2. 비즈니스를 브랜드로 전환하는 것은 쉬운 일이 아니지만 브랜딩 회사는

  3. 로고 메이커에 대해 듣고 로고 메이커를 사용한 후 행복을 느끼고있는 것보다 한 시간 안에 로고를 디자인하는 방법을 검색하고있었습니다. 그 후이 로고를 내 사이트에 추가하는 방법을 찾고 있는데 귀하의 블로그 게시물에서 로고를 공유해 주셔서 감사합니다.

    1. 안녕하세요,
      여러분의 의견과 칭찬에도 감사드립니다.
      다른 주제에 관심이 있으신 분은 언제든지 알려주세요.
      좋은 하루 되세요!
      즐라트코

  4. 워드 프레스 사이트에서 로고를 설정하는 방법에 대한 훌륭한 가이드입니다. 저에게 유용한 정보 .유익한 콘텐츠를 공유해 주셔서 감사합니다.

    1. 안녕하세요,
      칭찬해 주셔서 감사합니다. 다음 블로그 게시물에 대한 아이디어가 있으시면 언제든지 다시 연락 주시기 바랍니다.
      감사합니다!
      즐라트코

      1. 워드 프레스 현재 업데이트 버전에 대한 게시물을 지워야합니다. 일부 문제는 해결되지 않습니다. 워드 프레스 업데이트 된 블로그에 대해 작성하십시오.

      2. 현재 워드프레스 업데이트 버전에 대한 상세 정보를 작성하세요. 내 사이트가 워드프레스 관리 시스템(CMS)이지만 블로그 이미지를 게시할 수 없기 때문에 해결책은 무엇인가요?

        1. 안녕하세요,
          다시 연락해 주셔서 감사합니다. 워드프레스닷컴 시스템에 등록된 사용자 이름을 알려주시고, 어떤 테마에서 어떤 문제가 발생했는지 자세히 설명해 주시면 더 좋을 것 같습니다.
          둘째,
          가장 좋은 해결책은 지원 포럼에 직접 문의하는 것입니다. 따라서 Ait-Themes 팀에 AIT SysInfo 보고서를 제공해 주세요: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/. 기술자가 테마 관련 문제에 대해 도움을 드릴 준비가 되어 있습니다: 고객 지원은 근무일 오전 8시부터 오후 5시(중부유럽표준시)까지 제공됩니다. 아직 Ait 테마 클럽 계정을 만들지 않았다면 이 양식을 사용하세요: https://system.ait-themes.club/join/tf 지원 티켓 시스템에 직접 기술 관련 질문을 게시하세요. 계정에 로그인하세요 https://system.ait-themes.club/support/ . 일반적인 지원은 주로 테마의 문제에 대한 해결책을 찾고 사용자가 제품을 사용하는 데 도움을 드리며, 버그가 있는 경우 가능한 한 빨리 수정해 드리겠습니다. 안타깝게도 사용자의 사용자 정의 웹사이트에 대한 작업은 불가능합니다.
          "우선순위 질문" 서비스를 선택하시면 /근무 시간 내에 답변을 받으실 수 있습니다/ 기술자가 최대한 신속하게 답변해 드립니다.
          이해 주셔서 감사합니다.
          최상의!
          즐라트코

  5. 안녕하세요,

    칭찬과 의견에 감사드립니다. 로고는 비즈니스를 설명하지 않는 단순한 식별자에 불과합니다(그래야 합니다). 아름답고 매력적이며 멀리서도 쉽게 볼 수 있어야 합니다. 그 외의 모든 것은 마케팅의 문제입니다.

    최상의!
    즐라트코

  6. 안녕하세요,

    의견 주셔서 감사합니다. 네, 맞습니다. 즉, 자신만의 고유한 브랜드를 만들고 성장시키기 위해 노력한 사람은 고유한 로고로 브랜드를 상징할 수 있게 됩니다.

    감사합니다!
    즐라트코

  7. 안녕하세요,

    여러분의 의견과 피드백에 감사드립니다.

    최상의!
    즐라트코

  8. 안녕,
    칭찬과 피드백에 감사드립니다. 전적으로 동의합니다! 로고는 매우 중요합니다.
    감사합니다!
    즐라트코

  9. 안녕하세요,

    의견 주셔서 감사합니다. 대단히 감사합니다.

    좋은 하루 되세요!
    즐라트코

  10. 워드프레스 웹사이트 로고 디자인에 대한 멋진 팁. 게시물을 읽는 것을 좋아합니다. 우리는 선샤인 코스트에서 부동산 회사를 시작하기 위해 노력하고 있으며 거의 오픈 할 준비가되어 있으며 현재 선샤인 코스트에서 최고의 로고 디자인 대행사를 찾고 있습니다. 여기에 우리 자신의 로고 디자인을 시도 할 수있는 몇 가지 훌륭한 도구가 있습니다. 공유해 주셔서 감사합니다.

    1. 안녕하세요 스테파니,

      댓글과 따뜻한 말씀 감사합니다 :). 새로운 비즈니스에 행운이 함께하시길 바랍니다.

      감사합니다!
      즐라트코

  11. 유익한 콘텐츠 나는 이것을 읽는 것을 많이 즐겼다. 누구나 사업을 시작할 때 로고가 특정 브랜드의 크리에이티브 트랙 역할을한다는 것을 알고 있습니다.

    1. 안녕하세요,
      친절한 말씀과 감동적인 칭찬에 감사드립니다.
      친애하는!
      AIT

  12. 안녕,

    시간을 내어 의견을 주시고 로고 사용의 의미를 살펴봐 주셔서 감사합니다 - 실제로 고객이 가장 먼저 보는 요소는 로고입니다 - 시선 추적 연구에 따르면 사용자는 다른 콘텐츠로 이동하기 전에 로고를 먼저 몇 초 동안 쳐다보는 것으로 나타났습니다 - 디자인이 중요합니다.

    감사합니다!
    AIT팀

  13. 여러분의 생각에 동의하세요. 반응성이 뛰어나고, 매력적이며, 인터랙티브하고, 경제적이고, 방문자 및 검색 엔진 친화적인 웹사이트는 최종 사용자의 사용성을 높이는 데 필수적인 요소입니다. 그중에서도 경제성은 사용자가 가장 먼저 고려하는 요소입니다. 좋은 디자인이 합리적인 가격대에 제공될 수 있다면 사용자들에게 좋은 반응을 얻을 수 있습니다. 마찬가지로 우리 조직도 매우 저렴한 범위에서 서비스를 제공합니다.

  14. 게시물을 보내 주셔서 감사합니다. 우리 사이트에 애니메이션 로고를 만들 수 있나요?

    1. 안녕하세요, 키샤나입니다,

      문의해 주셔서 감사합니다. 애니메이션 로고가 올바르게 작동합니다.
      추가 질문이 있으시면 다시 문의해 주세요.

      감사합니다!
      AIT

  15. 잘 설명되었습니다. 모든 것이 적절하고 세밀하게 설명되었습니다. 뛰어난 창의적인 디자인은 관심을 끌고 브랜드에 대한 긍정적 인 인상을 주므로 해당 분야의 전문가가 수행하는 것이 더 좋습니다.

  16. 훌륭합니다! 나는 개인적으로 당신의 블로그를 좋아하고 이와 같은 더 많은 기사를 기다리고 있습니다.

댓글이 닫혔습니다.