웹 디자인 (Web Design)

웹 사이트를 디자인하는 것은 놀라운 일입니다.

웹 사이트를 만들 때 매일주의를 기울이지 않는 많은 것들을 보게됩니다.

웹 사이트 디자인은 웹 디자인 (웹 사이트 레이아웃 디자인), 사용자 경험 및 기타 많은 것들을 결합합니다.

들리는 것처럼 복잡하지는 않습니다. 웹 사이트 디자인을 어떻게하면 많은 만족과 웹 사이트 수신자에게 큰 즐거움을 줄 수 있습니까?

웹 디자인이란?

웹 디자인은 비교적 새로운 용어이므로이 방향이 무엇인지, 누가 웹 디자이너라고 할 수 있는지에 대해 의견이 분분합니다. 명확히합시다.

넓은 의미에서 웹 디자인의 개념은 개발, 정보 구조화, 시각적 셸 생성 및 정보를 웹으로 전송하는 기술적 인 측면을 포함하는 웹 사이트를 만드는 프로세스를 말합니다.

단계

웹 사이트의 생성이 어떤 것인지에 대한보다 완전한 이해를 위해서는 페이지가 개념에서 네트워크에서 기능을 시작하기까지 어떤 단계를 거치는 지 상상해야합니다.

• 기술 사양 작성: 작업의 시작은 사이트의 목표와 기능에 대한 세부 계획을 특징으로하며, 구조 및 디자인에 대한 견적을 작성한 다음 세부 작업 목록을 작성하여 고객이 승인합니다. 프로젝트 관리자가이를 담당합니다.

• 유용성: 현재 계획된 사이트의 페이지 구조에서 정보를 제공하는 데 가장 편리한 옵션에 이르기까지 상당히 광범위한 질문이 결정됩니다. 이를 위해서는 관리자와 디자이너의 협력이 필요합니다.

• 그래픽 아트: 디자이너는 페이지를보다 기능적으로 만들고 단순히 장식하기 위해 설계된 다양한 요소를 포함하여 사이트의 시각적 표현을 만듭니다. 그 후 그래픽 도면 형태의 사이트 레이아웃이 승인됩니다.

• 형세: 프로그래머로 함께 일하면서 디자이너는 이미지를 브라우저에 표시 할 수있는 코드 형태로 아이디어를 구현합니다.

• 웹 마스터 링: 마지막 단계는 사이트가 호스팅에 배치되고 정보가 가득 차고 검색 엔진의 정상으로의 프로모션을 진행합니다. 사용자가 이미 사이트를 사용할 수 있습니다.

웹 디자인은 어디서 시작합니까?

웹 사이트 디자인은 웹 사이트가 수행해야하는 역할, 즉 목적을 정의하는 것으로 시작됩니다.

당신은 옳았다-다른 목적으로 유용한 모든 종류의 웹 사이트가있다. 가장 인기있는 세 가지 인 랜딩 페이지, 1 페이지 페이지 및 클래식 웹 사이트를 구분합니다.

물론 큰 사이트 (포털 등)도 있지만 완전히 다른 주제입니다.

가장 간단한 웹 사이트는 랜딩 페이지와 한 페이지입니다.

일반적으로 작지만 (한 페이지 만) 콘텐츠가 상당히 많습니다. 그러나 목적이 다릅니다.

랜딩 페이지 란 무엇입니까?연락처를 수집하거나 일부 작업과 관련된 트래픽에 집중하는 데 가장 자주 사용됩니다. 일반적으로 랜딩 페이지에는 콘텐츠가 많지 않지만 페이지의 목적을 명확하게 볼 수 있습니다. 랜딩 페이지에는 일반적으로 메뉴가 없습니다.

1 페이지는 "확장 된"일반 웹 페이지입니다. 모든 정보는 하나의 매우 긴 웹 사이트에 있습니다.

가장 중요한 콘텐츠는 항상 맨 위에 있습니다. 간단히 말해서. 1 페이지 문서에는 후속 섹션 제목을 참조하는 메뉴가 있습니다.

이러한 유형의 웹 사이트를 디자인하고 생성하려면 특정 접근 방식이 필요합니다. 단순 해 보이지만 매우 까다 롭고 다른 페이지를 만들어 모험을 시작하는 것이 좋습니다.

특히 페이지 디자인은 "일반"페이지와 가장 자주 연관됩니다.홈 페이지, 제안, 뉴스 및 연락처가있는 하위 페이지가 있습니다. 이것은 인터넷에서 표준이라고 말할 수 있습니다.

또한 사용자는 자신의 주머니와 같은 구조를 알고 있습니다.

온라인 명함이 필요한 경우-간단한 한 페이지로 충분합니다. 웹 사이트 (오퍼, 블로그 등)에 더 많은 정보를 추가하고 시간이 지남에 따라 확장하고 싶습니까? 고전적인 웹 사이트가 적합 할 것입니다.

이제 그 내용을 알았으니 웹 디자인과 같은 방법을 시작할 차례입니다.

웹 사이트의 목적은 무엇입니까? 웹 디자인이 시작되는 곳입니다.

웹 사이트의 목적이 무엇인지 알아야합니다. 덕분에 디자인 한 페이지를 사용자가 이해할 수 있습니다.

비즈니스를 운영하는 경우 사용자는 처음부터 무엇을 제공해야하는지 알아야합니다.

예를 들어, 자동차 수리점이 있습니다. 사용자는 자신이 자동차 수리점의 웹 사이트에 들어 갔으며 특정 서비스를 사용할 수 있음을 알아야합니다.

이러한 웹 사이트의 목적은 이러한 서비스에 대해 귀하에게 알리고 새로운 고객을 유치하는 것입니다.

웹 디자인과 관련하여 명확하게 정의 된 목표를 갖는 것이 필수적입니다. 따라서 웹 사이트의 목적을 신중하고 명확하게 정의해야합니다.

웹 사이트의 목적이 무엇인지 알고 나면 청중이 누구인지 생각해야합니다.

웹 디자인-청중 정의

귀하의 웹 사이트는 검색 엔진 로봇 만이 볼 수 없습니다. 따라서 웹 사이트의 청중이 누구인지 고려해야합니다.

결국, 그게 당신이 연락하고 싶은 것입니다.

웹 사이트 잠재 고객을 결정하는 것은 웹 사이트의 목적과 직접적인 관련이 있습니다. 결국 그들은 당신의 목표를 달성하는 것입니다.

웹 사이트 디자인은 "사람 만들기"와 같은 프로파일 링을 정의합니다.

따라서 사용자가 정확히 무엇을 원하고 정확히 누구가 될지 생각해야합니다.페르소나는 "완벽한 사용자"일뿐입니다.

웹 사이트의 사용자 프로필을 염두에두고 있습니다. 그가 정확히 무엇을 필요로하는지, 선호도가 무엇인지, 왜 그가 당신의 웹 사이트에 있는지, 그리고 당신이 당신의 목표를 달성 할 수 있도록 웹 사이트에 무엇이 있어야하는지 생각해야합니다.

예를 들어, 자동차 수리점 웹 사이트의 이상적인 사용자는 자동차 수리가 필요한 사람입니다.

그는 워크숍에서 제공하는 서비스, 위치, 근무 시간 및 연락 방법을 알고 싶어합니다. 그들은 웹 사이트에서이 정보를 찾을 것입니다.

눈에 보이는 곳에 두는 것은 당신 편입니다.

즉, 사람을 만들면 웹 사이트를 사용자의 요구에 더 잘 맞출 수 있습니다.

기억하십시오-(좋은) 웹 사이트 디자인은 특정 사람들의 요구에 응답하는 것과 밀접한 관련이 있습니다. 이것이 이상적인 사용자입니다.

잠재 고객을 정의하면 사용자가 사이트에서 찾고자하는 내용을 더 쉽게 정의 할 수 있습니다.

사용자를위한 웹 사이트 만들기, 즉 웹 사이트에있을 것

웹 사이트의 목적을 알고 이상적인 사용자 (또는 사용자)가 누구인지 확인한 후에는 웹 사이트 작업을 시작할 수 있습니다.

웹 사이트의 목적과 사용자의 요구에 대해 생각하는 데 소비하는 시간은 보상을받을 것입니다.

특히 이렇게 잘 짜여진 웹 사이트는 사용자의 요구에 부응하여 목표를 달성 할 것입니다.

웹 디자인의 다음 단계는 웹 사이트에 있어야 할 내용을 명확하게 정의하는 것입니다.

이 단계에서 웹 사이트를 디자인하는 것은 콘텐츠를 구성하는 것입니다.

페이지에 원하는 내용을 적어서 시작하십시오. 긴 목록이 될 수 있으며 갑자기 수십 개의 항목이되는 것에 대해 걱정할 필요가 없습니다.

그런 다음 이러한 것들을 함께 그룹화하십시오. 다음 단계에서 많은 도움이 될 것입니다.준비된 목록을 며칠 동안 그대로 두십시오. 둘은 정말 할 것입니다.

이 시간이 지나면 목록을 다시보고 사용자로 취급하십시오. 당신이 가진 각 사람의 관점에서 어떤 것이 관련이 있는지 확인하십시오.

그들 각각은 약간 다른 정보를 찾고 있으므로이를 고려해야합니다.예를 들어 자동차 수리점을 찾는 사람은 연락처, 위치 및 영업 시간을 검색합니다. 이 정보는 페이지에 명확하게 표시되어야합니다.

이제 초과 정보 목록을 정리할 좋은 시간입니다. 그들 중 일부는 완전히 불필요 할 수 있습니다.

페이지에서 제거하거나 맨 끝에 추가 할 수 있습니다. 이 정보를 범주별로 그룹화하면 페이지에서 정보를 구분하는 데 도움이됩니다. 당신은 그것이 당신의 일을 더 쉽게 만드는 방법을 알게 될 것입니다.

그룹 정보가있을 때 중요한 순서대로 번호를 매 깁니다.

가장 중요한 것은 맨 위, 가장 중요한 것은 맨 아래입니다. 이 방법으로 정보를 분류 한 후에는 각 그룹의 핵심 사항을 찾으십시오.

이 정보는 홈페이지에 있어야합니다. 당신은 그것들을 개발할 필요가 없습니다. 그들은 단지 당신이 그들에게 제공하는 것을 사용자들에게 알려 주기만하면됩니다.

더 많은 것을 알고 싶다면 분명히 계속 나아갈 것입니다.

이상적으로는 검색 구문 인 키워드의 형태로 가장 중요한 정보를 제공해야합니다. 그런 다음 홈페이지는 귀하가 제공해야하는 것을 잘 전달하고 자신을 잘 포지셔닝합니다.

웹 사이트에 어떤 하위 페이지가 필요합니까?

정보를 공유 할 수있는 방법을 알고 나면 하위 페이지 만들기를 시작할 수 있습니다. 이 정보가 중복되는지 다시 생각해보십시오.그렇다면-그럴 필요가 있는지 (그리고 사용자가 목표를 달성하기 위해 필요한지) 생각하십시오.각 서브 페이지는 생성 한 그룹 중 하나와 일치해야합니다.

3 개 또는 4 개의 그룹이있는 경우-완벽합니다! 웹 사이트의 구조는 연습용입니다.

그들 중 더 많은 것이 있다면, 이들 그룹이 서로 어떻게 관련되어 있는지 고려하십시오. 아마도 그들은 공통 분모를 가지고 있습니까? 적은 수의 요소가 더 낫다는 것을 기억하십시오.

미니멀리즘은 웹 사이트를 디자인 할 때 매우 유용합니다. 사용자가 무슨 일이 일어나고 있는지 즉시 볼 수 있기 때문입니다. 즉시 볼 수 있기 때문에 필요한 정보를 찾을 필요가 없습니다.

웹 사이트의 구조화 된 정보도 심리적 영향을 미칩니다. 웹 사이트가 스마트하게 만들어지면 다른쪽에는 신뢰할만한 전문가가 있습니다.

그리고 거기서부터는 사용자가 목표를 달성하기위한 단계 일뿐입니다.

종이와 연필-웹 디자인을 더 쉽게 만듭니다.

자신을 긁는 것이 좋습니다. 특히 비주얼 웹 디자인에 대해 어떻게 생각할 지 모르는 경우 (트렌드를 따름) 기억하십시오 : 항상 영감을받을 가치가 있으므로

좋아하는 페이지 몇 개를 찾아보고 결론을 내리는 것이 좋습니다. 그렇기 때문에 종이로 웹 사이트 디자인을 시작하는 것이 좋습니다.그 위에 있어야 할 요소가 있으면 다음 하위 페이지로 나눌 수 있습니다. 각 페이지를 한 페이지로 만듭니다.

각 "하위 페이지"에 후속 요소를 배치합니다 (중요도 계층을 유지해야 함). 삭제를 두려워 할 필요가 없습니다.

테스트-웹 사이트 디자인의 핵심 요소

사랑하는 사람들의 도움은 과대 평가 될 수 없습니다. 사용자에게 웹 사이트를 표시하기 전에 친구에게 프로젝트에 대해 어떻게 생각하는지 물어보세요.

그들에게 동일한 질문을하는 것을 잊지 마십시오.

이렇게하면 디자인을 더 쉽게 다듬을 수 있습니다.

물론, 사이트가 어떻게 마음에 드는지 물어 보는 것으로 시작하는 것이 좋습니다. 그런 다음 전달하려는 내용을 이해했는지, 페이지의 목적을 쉽게 달성 할 수 있는지 물어보십시오.

물론 더 쉽게하기 위해 당신의 목표가 무엇인지 그들에게 말할 수 있습니다. 이렇게하면 웹 사이트의 목적이 분명한 경우 더 쉽게 답변 할 수 있습니다.

그런 다음 이러한 의견을 수집하고 구현 방법에 대해 생각하십시오. 그리고 그것들을 소개 할 가치가 있습니까? 결국 이것은 귀하의 웹 사이트이지만 친구도 좋은 테스터입니다. 그들의 의견은 고려할 가치가 있습니다.

웹 사이트 및 SEO 포지셔닝-웹 사이트 디자인을 시작할 때 이것을 기억해야합니다.

사람들에게 다가 가고 싶다면 웹 사이트 위치를 기억해야합니다.각 페이지의 좋은 키워드, 대체 사진 설명, 제목 및 설명-이것이 최소한입니다.

또한 제목의 계층 구조를 기억해야합니다. 덕분에 검색 엔진 로봇이 페이지에서 자신의 방향을 더 쉽게 찾을 수 있습니다.로컬에서 행동하는 경우-소위 로컬 SEO에 대해 기억하십시오. 즉, 선택한 키워드에 지명을 추가하는 것입니다.

웹 사이트의 그래픽

웹 사이트를 디자인하는 것은 좋은 그래픽을 선택하는 것이기도합니다. 좋은 품질의 사진이 있으면 주제가 거의 닫힙니다.웹 사이트의 사진은 고해상도 일 필요는 없습니다. 실제로는 작을수록 (즉, 차지하는 디스크 공간이 적을수록) 좋습니다.

많은 수의 큰 사진이있는 웹 사이트는 느리게로드되므로 위치에 부정적인 영향을 미치고 사용자가 기다려야합니다. 사진의 이상적인 너비는 1200-1400 픽셀을 초과하지 않아야합니다.

압축하고 대체 설명을 추가하는 것은 항상 좋은 생각입니다. 기억하십시오 : 브라우저 로봇은 그래픽을 볼 수 없지만 사진에 대한 대체 설명을 "읽을"기뻐합니다.

가장 중요한 요소-간단히 말해서 웹 디자인

티그는 메인 페이지가 항상 가장 중요합니다. 여기에 사용자가 먼저 찾아야하는 핵심 정보와 요소를 입력합니다.

페이지에서 이러한 요소가 높을수록 사용자가 더 빨리 찾을 수 있습니다. 홈 페이지는 사용자가 보는 첫 번째 페이지이기도합니다. 따라서 읽을 수 있어야하고 핵심 요소를 포함해야합니다.

모든 페이지에 메뉴가 있어야합니다.

웹 사이트에서 사용자를 탐색하는 데 도움이됩니다. 이 요소는 가능한 한 이해할 수 있어야합니다.

따라서 메뉴에있는 일반적이고 해킹 된 하위 페이지 이름은 사용자가 기대하는 것입니다. 결국 웹 사이트 디자인은 종종 입증 된 솔루션을 기반으로합니다.홈 페이지, 제안, 가격 목록, 연락처, 고객 피드백 등-이러한 메뉴 구조는 사용자가 원하는 것을 더 빨리 찾을 수 있도록합니다.

내부 링크도 각 페이지의 중요한 요소입니다.

따라서 홈 페이지에 오퍼 전용 세그먼트를 넣는 경우이 세그먼트에 사용자를 오퍼와 함께 서브 페이지로 안내하는 링크를 포함하는 것이 좋습니다.

페이지에 텍스트를 배치 할 때 소위 제목 계층 구조를 유지해야합니다. 헤더는 굵은 큰 텍스트로 나타날 수 있습니다.

실제로 헤더는 페이지에서 세 가지 주요 역할을 수행합니다. 아래 텍스트의 주제에 대해 알리고 페이지의 정보를 구성하며 위치 지정에 유용합니다 (검색 엔진 로봇은 텍스트보다 헤더에서 정보를 더 빨리 찾습니다).

또한 제목의 계층 구조에 대해 기억하십시오. 덕분에 사용자는 어떤 정보가 일반적이고 (특정 정보 그룹과 관련이 있는지) 세부적인 정보를 알 수 있습니다.

가장 중요한 것은 페이지 당 하나의 H1 제목 만 있어야한다는 것입니다. 이러한 헤더에는 페이지 이름이 포함되어야합니다 (예 : 연락처 페이지에서 "[귀하의 회사 이름]-연락처"또는 "[귀하의 회사 이름] 연락처").