웹 사이트 디자인은 어떤 원칙을 따라야 합니까?
단계/방법
첫째, 웹 사이트의 목표와 사용자 요구 사항을 명확하게 설정하십시오.
웹 사이트 디자인은 기업 이미지를 전시하고, 제품과 서비스를 소개하고, 기업 발전 전략을 구현하는 중요한 방법이다. 따라서 Dell 은 웹 사이트의 목적과 사용자의 요구 사항을 명확하게 설계하여 실행 가능한 설계 방안을 마련해야 합니다. Dell 은 소비자의 요구, 시장 상황, 기업 자체의 상황에 따라 종합 분석을 수행하여 "예술" 이 아닌 "고객" 을 중심으로 설계 및 계획을 수립합니다.
설계 및 계획 시 다음을 고려합니다.
웹 사이트 구축의 목적은 무엇입니까?
당신은 누구에게 서비스와 제품을 제공합니까?
기업은 어떤 제품과 서비스를 제공할 수 있습니까?
웹사이트의 목적, 소비자, 청중의 특징은 무엇입니까?
어떤 표현 방식 (스타일) 이 엔터프라이즈 제품 및 서비스에 적합합니까?
둘째, 웹 디자인의 전반적인 프로그램 주제는 분명합니다.
명확한 목표를 바탕으로 웹 사이트의 구상과 아이디어, 즉 전체 디자인 방안을 완성하다. 사이트의 전반적인 스타일과 특징을 포지셔닝하고 사이트의 조직 구조를 계획하다.
사이트는 서비스하는 대상 (기관 또는 군중) 에 따라 다른 형태를 가져야 합니다. 일부 웹 사이트는 간단한 텍스트 정보 만 제공합니다. 다른 사람들은 멀티미디어 기술을 사용하여 화려한 이미지, 반짝이는 조명, 복잡한 페이지 레이아웃, 오디오 및 비디오 클립을 다운로드합니다. 좋은 웹사이트는 그래픽 표현과 효과적인 조직 및 교류를 결합한다.
주제를 뚜렷하게 하고 요점을 명확하게 하기 위해 Dell 은 고객의 요구 사항에 따라 간단하고 명확한 언어와 그림으로 웹 사이트의 주제를 구현합니다. 모든 수단을 동원하여 사이트의 개성과 재미를 충분히 표현하여 사이트의 특색을 만들어 내다.
웹 사이트 홈페이지의 기본 구성 요소는 다음과 같습니다. 페이지 제목: 웹 사이트 및 엔터프라이즈 로고를 정확하게 식별합니다. 전자 메일 주소: 사용자를 수신하는 데 사용되는 쿼리; 연락처: 일반 이메일 주소 또는 전화 번호와 같은; 저작권 정보: 저작권 소유자 등을 선언합니다.
고객 브로셔, 홍보 문서, 기술 브로셔, 데이터베이스 등 기존 정보를 최대한 활용합니다.
셋째, 웹 사이트의 레이아웃 디자인
웹 디자인은 시각적 언어로서 편성과 레이아웃에 특히 중점을 둡니다. 홈페이지의 디자인과 그래픽 디자인은 다르지만 유사점이 많다.
레이아웃 디자인은 문자와 그래픽의 공간 조합을 통해 조화와 아름다움을 표현합니다.
다중 페이지 웹 사이트 페이지의 레이아웃 디자인 요구 사항은 페이지 간의 유기적 관계, 특히 페이지 간 및 페이지 내부의 순서와 내용 간의 관계를 반영해야 합니다. 최상의 시각적 표현을 위해 전체 레이아웃의 합리성을 반복적으로 따져 관람객들이 매끄러운 시각적 경험을 할 수 있도록 할 것이다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)
넷째, 웹 디자인에서 색상의 역할
색채는 예술 표현의 요소 중의 하나이다. 웹 디자인에서 우리 디자이너들은 조화, 균형, 강조의 원칙에 따라 서로 다른 색깔을 결합하여 아름다운 페이지를 형성한다. 색채가 심리에 미치는 영향에 따라 합리적으로 사용하다. 귀사에 CIS (기업 인식 시스템) 가 있다면 VI 에 따라 색상을 사용하겠습니다.
다섯째, 웹 디자인의 형태와 내용은 통일되어 있다.
풍부한 의미와 다양한 형식을 일관된 페이지 구조로 구성하기 위해서는 형식 언어가 페이지의 내용과 일치해야 하며 내용의 풍부한 의미를 반영해야 합니다.
대비와 조화, 대칭과 균형, 리듬과 운율, 공백 등의 수단을 유연하게 활용해 공간, 문자, 도형의 관계를 통해 전체적인 균형 상태를 만들어 조화로운 미감을 만들어 낸다. 예를 들어, 페이지 디자인에서 대칭 원칙의 균형은 때때로 페이지를 밋밋하게 보이게 하지만, 동적 텍스트와 패턴을 추가하거나 과장된 방법으로 내용을 표현하면 더 좋은 결과를 얻을 수 있습니다. 점, 선, 면은 시각적 언어의 기본 요소로서 교묘하게 서로 침투하여 서로 돋보이게 하고, 서로 보완하며, 최상의 페이지 효과를 형성하며 완벽한 디자인 분위기를 충분히 표현한다.
여섯째, 3 차원 공간과 가상 현실의 구성
네트워크의 3 차원 공간은 정적 변화, 이미지의 비율 관계 등의 공간 요소를 통해 표현되어야 하는 가상 공간입니다. 페이지에서 그래픽 위치가 겹치거나 페이지 위치 변경의 시각적 효과는 다릅니다. 그림과 문자가 겹치는 공간 레벨은 웹 디자인에 적합하지 않습니다. 기존 브라우저의 특징에 따라 웹 디자인은 더욱 규범적이고 간결한 페이지에 적합하지만, 이런 겹치는 배열은 강렬한 리듬 공간 층감과 강렬한 시각 효과를 낼 수 있다. 웹 페이지에서 흔히 볼 수 있는 것은 페이지의 위, 아래, 왼쪽, 오른쪽, 중간 위치에서 발생하는 공간 관계, 밀집된 위치 관계로 인한 공간 레벨입니다. 이 두 가지 위치 관계는 공간 계층을 유연하게 만들고, 사람을 홀가분하거나 긴박하게 한다. 이제 사람들은 HTML 언어로 작성된 2 차원 웹 페이지에 만족하지 않고, 3 차원 세계의 유혹이 더 많은 사람들을 끌어들이기 시작했다. 가상현실은 웹상에서 자신의 매혹적인 모습을 보여주고 싶어 VRML 언어가 등장했다. VRML 은 웹 하이퍼링크에 사용되는 HTML 언어와 유사한 객체 지향 언어이며 텍스트 기반 언어입니다. 다양한 플랫폼에서 실행할 수 있지만 가상 현실 환경에 더 많은 서비스를 제공합니다.
일곱째, 웹 디자인에 멀티미디어 기능 적용
네트워크 자원의 장점 중 하나는 멀티미디어 기능입니다. 방문자의 주의를 끌기 위해 웹 페이지의 내용은 3D 애니메이션, 플래시 등으로 표현할 수 있다. 그러나 네트워크 대역폭 제한으로 인해 멀티미디어를 사용하여 웹 콘텐츠를 표현할 때 클라이언트의 전송 속도를 고려해야 합니다.
여덟째, 구조가 명확하고 사용하기 쉽다.
만약 사람들이 당신의 웹사이트를 이해하거나 이해할 수 없다면, 그들은 어떻게 당신의 업무와 서비스를 이해할 수 있습니까? 눈에 띄는 제목이나 문자를 사용하여 제품과 서비스를 강조하십시오. 그리고 최고의 제품을 가지고 있다 해도, 고객이 무엇을 소개하고 있는지, 어떻게 당신의 웹사이트에서 이득을 볼 수 있는지 모른다면, 그들은 당신의 웹사이트를 좋아하지 않을 것입니다. 이것이 바로 웹 디자인의 실패입니다.
아홉, 명확한 포지셔닝
웹 디자인의 내비게이션은 하이퍼텍스트 링크 또는 사진 링크를 사용하므로 사람들이 브라우저를 사용하여 앞으로 또는 뒤로 이동하지 않고도 웹 사이트에서 자유롭게 앞으로 또는 뒤로 이동할 수 있습니다. 우리는' ALT' 식별자로 모든 그림에 그림 이름이나 설명을 표시하여 자동으로 사진을 로드하지 않으려는 시청자들이 그림의 의미를 이해할 수 있도록 했다.
X. 빠른 다운로드 시간
많은 방문자들은 다운로드하는 데 5 분 정도 기다려야 하는 사이트에 들어가지 않는다. 온라인 30 초의 대기 시간은 평소 10 분의 대기 시간과 같습니다. 따라서 웹 디자인에서 너무 많은 그림과 너무 큰 그림을 사용하지 않는 것이 좋습니다. 우리는 보통 일반 방문객 페이지 대기 시간이 10 초를 초과하지 않도록 50K 이내로 메인 페이지 용량을 조절하기 위해 고객과 협력합니다.
XI. 비그래픽 컨텐트
필요한 경우 동적 "Gif" 그림을 적절하게 사용합니다. 애니메이션 용량을 줄이기 위해 지능적으로 설계된 Java 애니메이션은 그래픽이나 텍스트에 작은 용량의 동적 효과를 줄 수 있습니다. 하지만 인터넷을 방문하는 대부분의 사람들은 정보를 찾는 사람들이기 때문에, 귀하의 사이트가 지나치게 꾸미는 것이 아니라 가치 있는 콘텐츠를 제공할 수 있도록 하는 것이 좋습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 인터넷명언)
12. 편리한 피드백 및 주문 절차
고객이 제공할 수 있는 제품이나 서비스를 고객이 쉽게 주문할 수 있도록 하는 것이 성공의 중요한 요소입니다. 고객이 귀하의 웹 사이트에서 제품이나 서비스를 구매하려는 욕망이 있다면, 가능한 한 빨리 실현할 수 있습니까? 온라인인가요, 오프라인인가요?
열세 살. 웹 사이트 테스트 및 개선
테스트는 실제로 사용자가 웹 사이트를 묻는 과정을 시뮬레이션하여 문제를 발견하고 웹 디자인을 개선하는 것입니다. 우리는 보통 사용자와 함께 사이트 테스트를 준비한다.