설계 프로세스:
명확한 주제:
명확한 목표를 바탕으로 웹 사이트의 아이디어를 완성하는 것이 전반적인 설계 방안입니다. 사이트의 전반적인 스타일과 특색을 포지셔닝하여 사이트의 조직 구조를 계획하다.
웹 사이트는 서비스되는 대상 (기관 또는 사람) 에 따라 다른 형태를 가져야 합니다. 일부 사이트는 간단한 텍스트 정보 만 제공합니다. 그런가 하면 화려한 이미지, 반짝이는 조명, 복잡한 페이지 배치, 사운드 및 비디오 클립을 다운로드할 수 있는 멀티미디어 표현도 있습니다. 좋은 웹 사이트는 그래픽 표현 수법과 효과적인 조직과 통신을 결합한다.
주제가 뚜렷하고 요점을 명확하게 하기 위해서는 배색과 그림이 예정된 주제를 둘러싸도록 해야 합니다. 모든 수단을 동원하여 사이트 지점의 개성과 정취를 충분히 표현하여 사이트의 특징을 만들어 내다.
고객 설명서. 공개 * * * 관계 문서. 기술 설명서, 데이터베이스 등 기존 정보를 최대한 활용합니다.
설계 아이디어:
1, 간결하고 실용적입니다. 이는 매우 중요합니다. 네트워크 특수 환경에서는 사용자가 원하는 정보를 최대한 효율적으로 전달하는 것이 가장 좋으므로 모든 중복 항목을 제거해야 합니다.
2, 사용 편의성: 첫 번째는 일치하고, 사용자의 요구 사항을 충족하며, 웹 페이지가 사용하기에 적합할수록 기능미
3, 무결성이 좋습니다
4, 사이트 이미지가 두드러진다. 아름다운 기준에 맞는 웹 페이지는 사이트의 이미지를 최대한 끌어올릴 수 있다. 페이지용 색채 조화, 레이아웃은 형식미의 요구에 부합한다. 레이아웃은 조리가 있고, 아름다움의 형식을 충분히 활용하며, 웹페이지를 감상적으로 만들고, 등급을 높인다. 물론 우아함 * * * 상은 모두가 추구하는 것이다.
5, 대화형 성능: 네트워크의 장점을 최대한 발휘하여 모든 사용자가 참여하여 성공적인 설계를 할 수 있다는 것입니다. 이런 웹페이지야말로 진정한 아름다움의 디자인이다.
레이아웃 디자인:
웹 디자인은 시각적 언어로서 레이아웃과 레이아웃에 특히 중점을 둡니다. 홈 페이지 디자인은 그래픽 디자인과 동일하지 않지만 많은 유사점이 있습니다.
레이아웃 디자인은 문자 그래픽의 공간 조합을 통해 조화와 아름다움을 표현합니다.
다중 페이지 사이트 페이지의 레이아웃 디자인 요구 사항은 페이지 간의 유기적 관계를 반영하고, 특히 페이지 간 질서와 내용의 관계를 잘 처리해야 합니다. 최상의 시각적 표현 효과를 얻기 위해 전체 레이아웃의 합리성을 반복해서 검토해 보는 사람이 매끄러운 시각적 경험을 할 수 있도록 합니다.
색상 역할:
색상은 예술적 표현의 요소 중 하나입니다. 웹 디자인에서 디자이너는 조화, 균형, 중점 두드러진 원칙에 따라 서로 다른 색을 조합한다. 배합하여 아름다운 페이지를 구성하다. 색채가 사람들의 심리에 미치는 영향에 근거하여 합리적으로 운용하다. 기업에 CIS (기업 이미지 인식 시스템) 가 있다면 그 중 VI 에 따라 색채를 운용해야 한다.
형식 컨텐츠:
풍부한 의미와 다양한 형식을 일관된 페이지 구조로 구성하려면 형식 언어가 페이지 컨텐츠와 일치하고 컨텐츠의 풍부한 의미를 반영해야 합니다.
비교와 조화, 대칭과 균형, 리듬과 운율, 공백 등의 수단을 유연하게 활용해 공간, 문자, 그래픽 간의 상호 관계를 통해 전체적인 균형 상태를 만들어 조화로운 미감을 조성한다.
3D 공간 구성:
네트워크의 3D 공간은 정적 변화와 같은 공간 요소로 표현되어야 하는 가상 공간입니다. 페이지에서 그림, 텍스트 위치 앞뒤 겹침 또는 페이지 위치 변경의 시각적 효과는 다양합니다.
그림, 텍스트 앞뒤 겹침으로 구성된 공간 계층은 웹 페이지 디자인에 적합하지 않습니다. 기존 브라우저의 특징에 따라 웹 디자인은 비교적 규범적이고 간결한 페이지에 적합합니다
웹 페이지에서 흔히 볼 수 있는 것은 페이지 위, 아래, 왼쪽, 오른쪽, 가운데 위치에서 발생하는 공간 관계와 조밀한 위치 관계로 인해 발생하는 공간 수준입니다. 이 두 위치 관계는 생성된 공간 수준을 유연하게 만들며 쉽고 긴박한 심리적 느낌을 줍니다.
가상현실:
사람들은 이미 VRML (
VRML 은 웹 하이퍼링크에 사용되는 HTML 언어와 유사한 객체 지향 언어이며, 텍스트 기반 언어이며 여러 플랫폼에서 실행될 수 있지만 가상 현실 환경에 더 많은 서비스를 제공할 수 있습니다.
멀티미디어:
네트워크 리소스의 장점 중 하나는 멀티미디어 기능입니다. 방문자의 주의를 끌기 위해 웹 페이지의 내용은 3 차원 애니메이션, 플래시 등으로 표현할 수 있다. 그러나 인터넷 광대역의 제한으로 인해 멀티미디어로 웹 페이지의 내용을 표현할 때 클라이언트의 전송 속도를 고려해야 한다.
사용 편의성:
사람들이 귀하의 웹 사이트를 이해하지 못하거나 이해하기 어렵다면, 그는 어떻게 당신의 기업 정보와 서비스 항목을 이해할 수 있습니까? 눈에 띄는 제목이나 텍스트를 사용하여 제품과 서비스를 강조하십시오.
그리고 최고의 제품을 보유하고 있더라도 고객이 웹 사이트에서 무엇을 소개하고 있는지 잘 모르겠다면 웹 사이트를 좋아하지 않을 것이며 웹 디자인에 실패합니다.
명확한 가이드:
웹 디자인 탐색 하이퍼텍스트 링크 또는 사진 링크를 사용하면 사람들이 브라우저에서 앞으로 또는 뒤로 이동할 필요 없이 자유롭게 웹 사이트를 앞뒤로 이동할 수 있습니다. 모든 그림에 "ALT" 식별자를 사용하여 그림 이름이나 설명을 표시함으로써 자동으로 그림을 로드하지 않으려는 사용자가 그림의 의미를 이해할 수 있도록 합니다.
빠른 다운로드 시간:
따라서 웹 디자인에서 너무 많은 그림과 부피가 큰 사진은 피하는 것이 좋습니다. 기본 페이지의 용량은 일반 브라우저 페이지 대기 시간이 10 초를 초과하지 않도록 해야 합니다.
비그래픽 내용:
필요한 경우 동적' Gif' 그림을 적절히 사용하여 애니메이션 용량을 줄이기 위해 지능적으로 설계된 자바 애니메이션을 적용하면 작은 용량으로 그래픽이나 텍스트를 동적으로 만들 수 있습니다. 하지만 인터넷을 탐색하는 사람들은 대부분 정보를 찾는 사람들이기 때문에, 당신의 사이트가 그들에게 지나치게 장식된 것이 아니라 가치 있는 콘텐츠를 제공할 수 있도록 하는 것이 좋습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 인터넷명언)
피드백 및 커뮤니케이션:
고객이 제공할 수 있는 제품이나 서비스를 명확히 하고 쉽게 주문할 수 있도록 하는 것이 성공의 중요한 요소입니다. 고객이 귀하의 웹 사이트에서 제품이나 서비스를 구매하려는 욕구를 가지고 있다면, 가능한 한 빨리 실현할 수 있습니까? 온라인입니까, 오프라인입니까?
따라서 제품 또는 서비스 소개 사이트인 경우 음성 메일, 전화, 온라인 컨설팅 등의 기능이나 정보 프레젠테이션이 있어야 합니다.
기업 웹 사이트에서 사용자의 e-메일과 기존의 연락처 정보 (예: 서신. 전화 문의와 팩스, 질문과 답변을 해야 한다. 사용자의 의도를 분류하는 것이 가장 좋다. 예를 들어, 사전 판매와 같은 일반적인 이해애프터 서비스 등은 관련 부서에서 처리하여 사이트 방문자가 기업의 진정한 존재를 느끼고 신뢰감을 갖게 하는 것이다.
테스트 개선:
테스트는 실제로 사용자가 웹 사이트에 문의하는 프로세스를 시뮬레이션하여 문제를 파악하고 웹 디자인을 향상시킵니다. 사용자 * * * 와 함께 웹 사이트 테스트를 예약해야 합니다.
컨텐츠 업데이트:
엔터프라이즈 웹 사이트가 구축되면 웹 컨텐츠를 지속적으로 업데이트해야 합니다. 사이트 정보의 지속적인 업데이트를 통해 브라우져들은 기업의 발전 동력과 온라인 직함 등을 알 수 있을 뿐 아니라 기업이 좋은 이미지를 구축하는 데도 도움을 줄 수 있다. (윌리엄 셰익스피어, 윈스턴, 사이트명언) (윌리엄 셰익스피어, 윈스턴, 사이트명언)
네가 실현할 수 없는 것을 약속하지 않도록 주의해라. 네가 진정으로 회답을 처리할 능력이 있을 때까지, 사용자에게 정보를 입력하거나, 자신이 제때에 대답할 수 없는 전화번호를 나열해 달라고 간청하지 마라. 방문자에게 자발적으로 개인 정보를 제공하도록 요구하면 개인 정보 보호 약속을 발표하고 진지하게 이행해야 한다.
확장 자료:
웹 디자인 (웹 디자인, 웹 디자인, webdesign, WUI 라고도 함) 은 기업이 방문자에게 전달하고자 하는 정보 (
기업 대외 홍보 자료 중 하나인 정교한 웹 디자인은 기업의 인터넷 브랜드 이미지를 높이는 데 매우 중요하다.
웹 디자인은 일반적으로 기능형 웹 디자인 (서비스 사이트 amp；) 의 세 가지 범주로 나뉩니다. B/S 소프트웨어 클라이언트), 이미지 웹 디자인 (브랜드 이미지 스테이션), 정보 웹 디자인 (포털). 웹 페이지를 디자인하는 목적이 다르므로 다른 웹 계획과 디자인 방안을 선택해야 한다.
웹 디자인은 보다 합리적인 색상, 글꼴, 그림, 스타일을 사용하여 페이지 디자인을 미화하여 기능이 제한된 경우 사용자에게 가능한 완벽한 시각적 경험을 제공하는 것을 목표로 합니다. 고급 웹 디자인은 음향 광학, 상호 작용 등을 통해 더 나은 시청각을 달성하는 것까지 고려한다.
웹 디자인은 주로 Adobe 제품을 기반으로 하며 FW, PS, FL, DW, CDR, AI 등을 비롯한 일반적인 도구를 사용합니다. 여기서 DW 는 코드 도구이고 다른 것은 그래픽 이미지 및 FL 애니메이션 도구입니다. 최근 몇 년 동안 Adobe 의 새로운 EdgeReflow, EdgeCode, Muse 도 있습니다.
제목 디자인:
웹 페이지 제목을 디자인할 때는 사용자에 대한 관심과 검색 엔진 검색에 대한 요구를 모두 고려해야 합니다. 이 원칙은 실제 운영에서 세 가지 측면을 통해 구현될 수 있으며, 이 세 가지 측면은 웹 페이지 제목 디자인의 일반적인 법칙으로 간주될 수도 있습니다.
1, 웹 페이지 제목이 너무 짧거나 길면 안 됩니다.
일반적으로 6-10 자 한자가 이상적이며 30 자를 넘지 않는 것이 좋습니다 웹 페이지 제목 단어 수가 너무 적으면 유효한 키워드가 포함되지 않을 수 있으며, 단어 수가 너무 많으면 검색 엔진이 제목에서 핵심 키워드를 제대로 인식하지 못할 뿐만 아니라, 사용자가 웹 페이지 제목 (특히 웹 사이트 이름을 나타내는 홈 페이지 제목) 에 깊은 인상을 주거나 다른 웹 사이트 링크를 용이하게 할 수 없습니다.
2, 웹 페이지 제목은 웹 페이지의 핵심 내용을 요약해야 함
사용자가 검색 엔진을 통해 검색할 때 검색 결과 페이지의 내용은 일반적으로 웹 페이지 제목 (링크 추가) 과 웹 페이지 요약 정보이므로 사용자의 관심을 끌기 위해 웹 페이지 제목이 큰 역할을 합니다.
웹 페이지 제목과 페이지 요약 정보 간에 큰 관련성이 있는 경우 요약 정보는 웹 페이지 제목을 더욱 보완하여 사용자가 해당 웹 페이지 정보 클릭 동작을 하게 합니다 (즉, 검색 엔진 홍보가 작용한다는 의미).
또한 웹 제목이 다른 웹 사이트나 이 사이트의 다른 열/웹 페이지에 의해 링크되는 경우, 웹 페이지의 핵심 내용을 요약한 제목은 사용자가 해당 웹 페이지 제목 링크를 클릭할지 여부를 판단하는 데 도움이 됩니다.
3, 웹 페이지 제목에는 풍부한 키워드가 포함되어야 함
검색 엔진 마케팅의 특징을 감안하면 검색 엔진은 웹 페이지 제목에 포함된 키워드에 더 높은 가중치를 부여하고, 웹 페이지 제목에 사용자 검색에 사용되는 키워드를 포함시키려고 합니다.
사이트 홈페이지 디자인을 예로 들면 일반적으로 홈페이지 제목은 사이트 이름이나 회사 이름이지만 일부 명칭에는 회사/사이트의 핵심 업무가 포함되지 않을 수 있다는 점을 감안하면 핵심 키워드가 없다는 점을 감안하면' 핵심 키워드 회사명/상품순위' 를 사이트 홈페이지 제목으로 사용하는 경우가 많다.
앞에 열거된 한 한 인터넷 마케팅 서비스 업체 홈페이지 제목 인스턴스도 실제로 이런 방식으로 웹 페이지 제목을 설계했지만, 너무 많은' 핵심 키워드' 가 나열되기 때문에 오히려 핵심이 없었다.
미술을 하는 것은 쉬운 일이 아닌 것 같다.
우선, 전체 사이트와 기업에 대한 대략적인 이해가 있어야 한다. 예를 들면: 어떤 기업은 파란 주조를 좋아하는데, 너는 빨간 주조를 만들 수 없다. 이렇게 하면 고객의 주요 뜻을 완전히 거스르고, 바이두의 로고가 오색육색으로 바뀌면, 여러분도 인정하지 않을 것이라고 믿는다.
역장의 임무는 웹 사이트 구조를 계획하는 것이다. 마찬가지로 어느 정도의 미관이 필요하다.