마케팅 웹사이트 기획이 완료되면 다음 단계는 웹사이트 디자인입니다. 기존의 웹사이트 디자인은 PS나 기타 웹 디자인 소프트웨어를 사용하여 웹사이트의 홈페이지를 디자인하는 것입니다.
여기서는 홈페이지를 디자인하기 전에 웹사이트 전체를 주로 콘텐츠 측면에서 면밀히 검토하고, 기획한 토폴로지 맵에 따라 각 페이지가 표시해야 할 콘텐츠를 구현해야 한다는 점을 다시 한 번 상기시켜 드리고 싶습니다. 웹사이트. 정리 순서는 최종 정보 페이지부터 시작하여 목록 페이지, 컬럼 페이지, 바람직하게는 홈페이지에 집중하는 방식으로, 먼저 정보를 분산시키는 원칙에 따릅니다. 두 번째는 종합 정보의 레이어별 진행을 통해 필수 컬럼 페이지와 홈페이지를 추출하는 것인데, 이는 시청자가 흐름과 초점을 파악하는 데 큰 도움이 됩니다. 웹사이트 전체에 대한 정보를 제공합니다.
모든 컬럼의 내용이 결정된 후, 내용 표현의 문제는 다음과 같다. 마케팅 웹 사이트 프레젠테이션의 통일된 원칙은 간결함과 부드러움입니다. 이 원칙은 페이지 디자인의 모든 요소에 반영되어야 합니다.
색상 스타일
이 점은 기획 장에서 소개한 바 있는데, 기업과 제품의 특성에 맞게 홈페이지의 컬러 스타일을 찾고, 컬러가 나타내는 시각적 속성을 통해 디자인하는 것이 가장 중요합니다. 물론 웹사이트 스타일이 독특하고 독점적이어야 한다는 점도 시청자에게 특별한 인상을 남기는 방법입니다.
공들여 나열한 것
공장 레이아웃, 동종 레이아웃 등 다양한 웹 사이트 레이아웃이 있습니다. 디자이너는 웹사이트의 전체적인 느낌을 파악해야 하며, 동시에 그라데이션과 다양한 색상 블록을 사용하여 섹션을 연결하고 구별하는 등 섹션 간의 연결을 파악해야 합니다. 사람들에게 계층적인 느낌을 주면서 말이죠.
정보의 흐름
방문자가 웹사이트를 열면 페이지는 방문자에게 웹사이트의 어떤 정보가 중요한지, 해당 정보의 우선순위는 무엇인지, 방문자가 관심 있는 정보를 찾기 위해 프로세스를 따라야 하는 방법을 알려줍니다. 이를 위해서는 디자이너가 중요한 정보를 페이지 왼쪽에 배치, 프로세스 지침, 목록 수준 확장 등 웹사이트 정보의 흐름 특성을 찾아야 합니다. 웹페이지는 마치 설명자처럼 시청자가 원활한 독서를 완료할 수 있도록 단계별로 안내합니다.
그래픽과 그림
그래픽과 그림은 정보 전달 요소와 페이지 수정 요소라는 이중 속성을 갖고 있습니다. 그러므로 우리는 그것들을 잘 활용해야 합니다.
동일한 시스템의 로고 패턴을 사용하는 등 그래픽 사용에 있어서 통일성에 주의하세요. 사진의 선택은 먼저 표현하고자 하는 내용에 맞아야 합니다. 예를 들어 데이터베이스 서비스를 대표하는 사진은 갤러리 등에서 디지털 기술 사진을 찾아야 합니다. 둘째, 사진의 색상에 주의해야 합니다. 같은 페이지와 다른 페이지의 스타일을 조합한 것입니다.
텍스트와 제목
어쩌면 당신은 어떤 웹 사이트에 가본 적이 있을 것입니다. 너무 많은 텍스트가 머리를 뚫어야만 읽을 수 있는 것처럼 느껴지거나, 어두운 배경이 사람들이 매우 좁은 공간에 있는 것처럼 느끼게 하고 사람들을 매우 우울하게 만듭니다. . 특정 배경색은 읽기 어렵습니다. 보라색, 주황색, 빨간색은 눈부십니다.
신문의 레이아웃을 참고하여 내용을 열로 디자인하면 편리하거나 빠르게 읽을 수 있습니다. 두 개의 열이라도 전체 페이지보다 시각적 효과가 더 좋습니다.
텍스트의 가독성을 향상시킬 수 있는 또 다른 요소는 선택하는 글꼴입니다. 범용 글꼴(Arial, Times New Roman, Garamond 및 Courier)은 제목에는 더 잘 작동하지만 본문 텍스트에는 적합하지 않습니다. 고딕, 웨스트민스터 또는 클로이스터의 전체 페이지를 탐색한다고 상상해 보십시오. 책을 읽는 것은 힘들기 때문에 눈이 빨리 피로해지고 다른 페이지로 이동해야 합니다.
웹 페이지를 가능한 한 읽기 쉽게 만들어야 합니다. 페이지를 열로 나누는 것(페이지를 수직으로 나누는 것) 외에도 제목과 부제를 사용하여 문서를 분할해야 합니다.
모든 제목과 자막에 동일한 글꼴을 설정하고, 제목 글꼴을 한 사이즈 크게 만들고, 모든 제목과 자막에 굵은 글꼴을 사용하여 제목(글꼴이 더 크고 굵게)과 부제(굵게)를 쉽게 식별할 수 있도록 합니다. , 본문과 동일한 글꼴 크기) 를 사용하여 시청자가 핵심 내용을 한눈에 볼 수 있도록 하여 흥미로운 콘텐츠를 찾고 계속 읽을 수 있도록 합니다. 제목의 중요성은 분명합니다. 각 제목을 주의 깊게 작성해야 합니다!
전체 문장을 굵게 표시하거나 특정 내용을 강조하기 위해 다른 색상을 사용할 수도 있지만 읽기 어려운 색상은 사용하지 마세요.
생기
마케팅 웹사이트의 오픈 속도를 향상시키기 위해서는 애니메이션 요소의 사용을 최소화하는 것이 좋습니다.
항해
가장 중요한 것은 마지막에 말합니다. 우리 4명이 안 하고 4명이 설명해야 해요.
1. 탐색에는 그림을 사용하지 말고 텍스트를 사용하십시오.
2. 내비게이션은 테마에 중점을 두고 이루어져야 하며, 별도로 진행되어서는 안 됩니다.
3. 내비게이션에는 홈 페이지가 있어야 하며, 홈 페이지로 돌아가는 데 실패하지 않아야 합니다.
4. 중요한 열은 네비게이션의 왼쪽에 배치해야 하며, 네비게이션의 오른쪽에는 절대로 배치하지 마십시오.
마케팅 웹사이트에는 더 많은 디자인 포인트가 있으며, 이를 추가할 수 있기를 바랍니다.
Rulin Network는 기업 마케팅 웹 사이트 구축 분야에 중점을 두고 마케팅 웹 사이트 시스템을 연구 및 개발하기 위해 노력하며 대부분의 기업을 위한 가장 가치 있고 보람 있는 온라인 마케팅 서비스를 만듭니다.
작성자: Rulin Network의 수석 마케팅 컨설턴트 이메일: [email protected] MSN: [email protected].
Beijing Rulin Network Technology Co., Ltd. - www.rulin.net 기업의 인터넷 마케팅 전문가입니다.