다음과 같은 기본 설계 아이디어를 요약합니다.
먼저 웹 사이트의 주제와 이름을 찾습니다
웹 사이트의 주제도 웹 사이트의 주제이며, 웹 사이트 디자인에서 발생하는 첫 번째 문제입니다. 웹사이트의 주제는 매우 이상하고 현란하며, 당신이 생각할 수 있는 한, 당신은 그것을 할 수 있다. (조지 버나드 쇼, 웹사이트명언) 다음은 PC Magazine 이 선정한 1999 년 미국 100 개 유명 사이트의 10 대 주제다.
카테고리 1: 온라인 구직
카테고리 2: 온라인 채팅/인스턴트 메시징 /ICQ
범주 3: 온라인 커뮤니티/토론/메일 목록
카테고리 4: 컴퓨터 기술
카테고리 5: 웹/웹 개발
카테고리 6: 엔터테인먼트 웹 사이트
카테고리 7: 여행
카테고리 8: 참조/정보
카테고리 9: 가족/교육
범주 10: 생활/패션
각 범주는 엔터테인먼트, 스포츠/영화/음악과 같은 세분화를 계속할 수 있으며 음악은 MP3, VQF, Ra 등으로 나눌 수 있습니다. 표현에 따라 고전, 현대, 록으로 나눌 수 있다. 동시에 다양한 주제의 연결과 교차 조합은 관광 포럼 (여행+토론), 클래식 축구 (축구+영화) 와 같은 새로운 주제를 만들어 수천 개의 주제로 나눌 수 있다. 이렇게 많은 제재를 어떻게 선택합니까? 따라야 할 원칙은 다음과 같습니다.
1, 테마는 작고 정밀해야 합니다.
포지셔닝은 작고 내용은 정밀해야 한다. 만약 당신이 모든 것을 포괄하는 웹사이트를 만들고 싶다면, 모든 멋진 것들을 그 위에 올려놓으면, 종종 역효과를 낼 수 있습니다. 주제가 없고, 특색이 없고, 모든 것이 있지만, 모든 것이 표면적입니다. 왜냐하면 당신이 그렇게 많은 정력을 가질 수 없기 때문입니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 웹사이트의 가장 큰 특징은 새롭고 빠르다는 것이다. 현재 가장 인기 있는 개인 홈페이지는 하루에 몇 시간마다 업데이트된다. 최근 조사 결과 인터넷상의' 주제역' 이' 전역' 보다 더 인기가 높은 것으로 나타났다. 전문점과 백화점처럼. 만약 내가 물건을 사야 한다면, 나는 분명히 전문점을 선택할 것이다.
주제는 당신이 잘하거나 좋아하는 것이 가장 좋습니다.
예를 들어, 프로그래밍을 잘하면 프로그래밍 애호가를 위한 웹사이트를 만들 수 있습니다. 축구에 관심이 있으면 최신 전황, 스타 동태 등을 보도할 수 있다. 이렇게 만들 때 지루하지도 않고 어찌할 바를 모르지도 않을 것이다. 흥미는 웹사이트를 만드는 원동력이다. 열정이 없으면 훌륭한 사이트를 디자인하고 만들기 어렵다.
3. 과도하거나 목표가 너무 높아서는 안 됩니다.
"너무 많다" 는 것은 어디에나 있고 모든 사람이 가지고 있는 주제를 말한다. 예를 들어, 소프트웨어 다운로드, 무료 정보. 목표가 너무 높다' 는 것은 이 학과가 이미 우수한 유명 사이트를 가지고 있다는 것을 의미하며, 너는 뛰어넘기 어렵다.
주제가 이미 확정되면 주제를 둘러싸고 사이트에 이름을 붙일 수 있다. 사이트 이름도 사이트 디자인의 일부이며 매우 중요한 요소입니다. 보시다시피, "컴퓨터실" 과 "컴퓨터실" 은 분명히 후자가 간결하다는 것을 알 수 있습니다. "플루트 파라다이스" 와 "플루트 파라다이스" 는 분명히 후자입니다. 어린이 세계' 와' 중국 유치원' 은 분명히 후자다. 우리 모두는 PIII 의 중국어 이름이' 펜티엄' 이라는 것을 알고 있다. 달리기' 로 바꾸면 오늘 이렇게' 불' 은 없을 것 같아요. 실생활에서처럼 사이트 이름이 정직하고, 우렁차고, 기억하기 쉬우며, 사이트의 이미지와 홍보에 큰 영향을 미친다. 제 제안은 다음과 같습니다.
1, 이름이 맞을 거야
사실 합법적이고 합리적이며 정이 있어야 한다. 반동, 포르노, 미신, 사회안전을 위협하는 명사구를 사용해서는 안 된다.
2, 이름은 기억하기 쉬워야 한다.
중국어 이름을 사용하는 것이 가장 좋다. 영어나 중영어로 이름을 혼합하지 않는 것이 좋다. 또 사이트 이름의 글자 수는 6 자 (가급적 4 자) 이내로 조절해야 하고, 성어도 4 자를 사용할 수 있다. 또 다른 장점은 글자 수가 적어서 다른 사이트의 링크 조판에 적합하다는 것이다.
3. 이름은 특색이 있어야 합니다.
이름이 평범하면 받아들일 수 있고, 어느 정도의 내포를 구현할 수 있다면 관광객들에게 더 많은 시각적 충격과 공간 상상력을 주는 것이 상품이다. 예: 음악 전위, 인터넷 도자기, 전자책 시공간 등. 사이트 주제를 반영하는 동시에 특색을 지적할 수 있다.
둘째, 웹 사이트의 CI 이미지를 포지셔닝합니다
CI (기업 이미지) 란 시각적으로 기업 이미지를 통일하는 것이다. 훌륭한 사이트는 실체 회사와 마찬가지로 전체적인 이미지 포장과 디자인이 필요하다. 정확하고 창의적인 CI 디자인은 웹 사이트 홍보에 있어서 적은 노력으로 더 많은 일을 할 수 있다. 구체적인 방법은 다음과 같습니다.
1. 웹 사이트의 로고를 디자인합니다.
상표처럼, logo 는 너의 사이트 특색과 내포의 집중적인 표현이다. 로고를 보면 모든 사람에게 너의 웹사이트를 생각나게 할 것이다. 로고 디자인 컨셉은 웹 사이트의 이름과 콘텐츠에서 비롯됩니다.
(1) 사이트의 대표적인 인물, 동물, 화초는 디즈니의 미키마우스, 소호의 만화 여우와 같은 디자인의 청사진으로 사용될 수 있다.
(2) 사이트가 전문적이라면 본 전공의 대표 프로젝트로 표기할 수 있다. 예를 들어 중국은행의 동판 로고, 벤츠의 스티어링 휠 로고 등이 있습니다.
(3) 가장 흔하고 쉬운 방법은 자신의 웹사이트의 영어 이름을 표지로 사용하는 것이다. 서로 다른 서체, 글자 변형, 글자 조합을 이용하여 자신의 로고를 쉽게 만들 수 있다.
2. 디자인 사이트의 표준 색상.
사이트의 첫인상은 시각적 충격에서 비롯되기 때문에 사이트의 표준색을 결정하는 것이 중요하다. 색채 조합에 따라 효과가 다르므로 관광객의 기분에 영향을 줄 수 있다. 예를 들어 IBM 의 진한 파란색, 켄드치킨의 빨간색 줄무늬, windows 창 로고의 빨간색, 파란색, 노란색, 녹색 블록은 모두 우리에게 매우 적합하고 조화를 이룬다는 것을 알 수 있다. (윌리엄 셰익스피어, Northern Exposure (미국 TV 드라마), 계절명언) 표준색' 은 웹 사이트 이미지를 표현하고 내포를 확장할 수 있는 색상을 말합니다. 일반적으로 한 사이트의 표준색은 세 가지를 넘지 않으며, 너무 많으면 눈이 부시다. 웹 사이트의 로고, 제목, 주 메뉴 및 주 색상 블록은 모두 표준 색상을 사용해야 합니다. 전체적으로 통일된 느낌을 준다. 다른 색깔에 관해서는 사용할 수 있지만, 단지 점재와 호 일 뿐, 주인의 역할을 찬탈해서는 안 된다. 웹 표준 색상에 적합한 색상은 파란색, 노란색/주황색, 검은색/회색/흰색입니다. 색상의 합리적인 조화에 주의해야 합니다.
웹 사이트의 표준 글꼴을 디자인하십시오.
표준 색상과 마찬가지로 표준 글꼴은 로고, 제목 및 주 메뉴에 사용되는 고유한 글꼴입니다. 일반적으로 우리 홈페이지의 기본 서체는 송체이다. 웹사이트의' 독특함' 과 독특한 스타일을 표현하기 위해, 우리는 자신의 필요에 따라 특별한 서체를 선택할 수 있다. 예를 들어 전공을 표현하기 위해 거친 모조송 스타일, 정교한 디자인, 광고 스타일, 친절하고 캐주얼한 표현, 필적 등을 사용할 수 있다.
4. 디자인 사이트의 슬로건
사이트의 정신이라고 할 수 있고, 사이트의 목표라고 할 수 있다. 한 문장이나 한 단어로 요약하다. 실생활의 광고금구와 비슷하다. 까치 둥지 "맛 있는" 처럼; 맥스웰의 "좋은 것은 좋은 친구와 공유한다"; 인텔의' 펜티엄 마음을 줄게' 등등.
셋째, 웹 사이트의 섹션을 확인하십시오.
웹사이트를 만드는 것은 문장 한 편을 쓰는 것과 같다. 너는 먼저 개요를 하나 작성해야 한다, 이렇게 해야만 문장 주제가 선명하고, 계층이 뚜렷하다. 만약 사이트 구조가 분명하지 않고, 카탈로그가 복잡하며, 내용이 동서이다. 따라서 방문자들이 당혹스러울 뿐만 아니라, 스스로 사이트를 확장하고 유지하는 것도 상당히 어렵다. 사이트 테마가 확정되면 대량의 관련 정보 콘텐츠를 수집하고 정리했지만, 어떻게 콘텐츠를 구성하여 네티즌이 사이트를 방문하도록 유도할 수 있을까? 칼럼의 본질은 한 사이트의 개요 색인으로, 색인은 온라인이어야 한다.
역 주체가 뚜렷하게 드러나다. 일반 웹 사이트 열 준비는 다음 측면에주의를 기울여야합니다.
1, 주제와 밀접하게 관련되어 있습니다.
너의 주제를 일정한 방식으로 분류하여 사이트의 주요 항목으로 삼다. 주제란의 수는 총란에서 절대적인 우세를 차지해야 하는데, 이런 사이트는 전문성이 강하고 주제가 뛰어나 사람들에게 깊은 인상을 주기 쉽다.
2, 최근 업데이트 또는 웹 사이트 가이드 칼럼 만들기
최근 업데이트' 란을 설정하는 목적은 단골 손님을 보살피고 홈페이지를 더욱 인간적으로 만들기 위함이다. 홈페이지 내용이 크고 계층이 많고 사이트에 검색 엔진이 없는 경우' 사이트 가이드' 열을 설정하면 첫 방문자가 원하는 콘텐츠를 빠르게 찾을 수 있습니다.
3, 양방향 교류 칼럼을 설정하십시오.
포럼, 게시판, 메일 목록 등. , 방문자가 정보를 남길 수 있습니다.
4. 다운로드 또는 FAQ 표시줄을 설정합니다.
인터넷은 정보 공유가 특징이다. 예를 들어, 방문자가 필요한 데이터를 다운로드할 수 있도록 홈페이지에 데이터 다운로드 바를 설치하세요. 또한, 특정 질문에 대한 네티즌의 편지를 자주 받는다면, 자주 묻는 질문에 대한 칼럼을 만들어 네티즌의 편의를 도모하면 더 많은 시간을 절약할 수 있다.
넷째, 웹 사이트의 디렉토리 구조 결정
웹 사이트의 디렉토리는 웹 사이트를 만들 때 만든 디렉토리입니다. 예를 들어, frontpage98 을 사용하여 웹 사이트를 만들 때 루트 디렉토리와 images 하위 디렉토리가 기본적으로 설정됩니다. 디렉토리 구조의 좋고 나쁨은 방문자에게는 별로 느껴지지 않지만, 사이트 자체의 업로드와 유지 관리, 향후 콘텐츠의 확장과 이식에는 중요한 영향을 미친다. 다음은 디렉토리 구조 작성을 위한 몇 가지 제안입니다.
1. 모든 파일을 루트 디렉토리에 보관하지 마십시오. 파일 관리가 혼란스러울 수 있습니다.
어떤 파일을 편집해야 하는지, 어떤 쓸모없는 파일을 삭제할 수 있는지, 어떤 파일이 관련 파일인지, 생산성에 영향을 미치는 파일을 알 수 없는 경우가 많습니다. 또한 업로드 속도가 느립니다. 서버는 일반적으로 루트 디렉토리에 대한 파일 인덱스를 만듭니다. 모든 파일을 루트 디렉토리에 넣으면 업데이트 파일 하나만 업로드해도 서버는 모든 파일을 다시 검색하여 새 인덱스 파일을 만들어야 합니다. 분명히 파일 수가 많을수록 대기 시간이 길어집니다. 따라서 루트 디렉토리에 저장되는 파일 수를 최소화할 수 있습니다.
2, 열 내용에 따라 하위 디렉토리를 만듭니다.
하위 디렉토리의 건립은 먼저 메인 요리별로 나열한다. 예를 들어 기업 웹사이트는 회사 소개, 제품 소개, 가격, 온라인 주문, 피드백 연락처 등에 따라 카탈로그를 만들 수 있습니다. 다른 작은 항목들은 어떤 새로운 것이 있는지, 우정 링크가 비교적 많기 때문에 자주 업데이트해야 하는 독립 하위 디렉토리를 만들 수 있다. 또한 사이트 정보, 역장 정보, 사이트 체험 등 자주 업데이트할 필요가 없는 관련 항목도 있습니다. , 하나의 통합 디렉토리로 통합할 수 있습니다. 모든 프로그램은 일반적으로 특정 디렉토리에 저장됩니다. 예를 들어, CGI 프로그램은 cgi-bin 디렉토리에 있습니다. 다운로드해야 할 모든 내용을 한 디렉토리에 두는 것도 좋다.
3. 각 주 열 디렉토리 아래에 별도의 그림 디렉토리를 만듭니다.
각 기본 열에 대해 별도의 이미지 디렉토리를 만드는 것이 가장 편리합니다. 루트 디렉토리 아래의 이미지 디렉토리는 홈 페이지와 일부 보조 열의 그림에만 사용됩니다.
4, 디렉터리 수준이 너무 깊지 않게 해주세요.
유지 관리 및 관리를 용이하게 하기 위해 카탈로그 레벨 3 이하를 권장합니다.
5. 중국어 목록을 사용하지 마십시오.
6. 긴 디렉토리를 사용하지 마십시오.
동사 (verb 의 약어) 는 웹 사이트의 링크 구조를 결정합니다
웹 사이트의 링크 구조는 페이지 간 링크의 토폴로지입니다. 디렉토리 구조를 기반으로 하지만 디렉토리에 걸쳐 있을 수 있습니다. 웹 사이트의 링크 구조를 설정하는 두 가지 기본 방법이 있습니다.
1, 트리 링크 구조
DOS 와 유사한 디렉토리 구조에서 홈 페이지 링크는 1 차 페이지를 가리키고 1 차 페이지 링크는 2 차 페이지를 가리킵니다. 이 링크 구조를 탐색하면 한 단계 한 단계 더 나아갑니다. 장점은 조리가 분명하고 관광객들이 자신이 어디에 있는지 잘 알고 길을 잃지 않는다는 것이다. 단점은 탐색이 비효율적이라는 것입니다. 한 열 아래의 하위 페이지는 다른 열 아래의 하위 페이지로 이동하기 위해 홈 페이지를 우회해야 한다는 것입니다.
2. 별 링크 구조
웹 서버에 대한 링크와 마찬가지로 각 페이지 사이에 링크가 있습니다. 이런 링크 구조의 장점은 탐색이 편리하여 언제든지 자신이 좋아하는 페이지에 도달할 수 있다는 것이다. 단점은 링크가 너무 많아 방문객을 길을 잃기 쉽고, 자신이 어디에 있는지, 얼마나 많이 보았는지 알 수 없다는 것이다.
이 두 가지 기본 구조는 이상적인 방법일 뿐이다. 실제 웹 사이트 디자인에서는 원하는 결과를 얻기 위해 항상 혼합됩니다. 더 좋은 시나리오는 첫 페이지와 1 차 페이지 사이에 스타 링크 구조를 사용하고 1 급과 하위 페이지 사이에 트리 링크 구조를 사용하는 것입니다.
여섯째, 디자인 사이트의 전반적인 스타일
스타일은 추상적이며, 사이트 전체 이미지가 방문자에게 주는 종합적인 느낌을 가리킨다. 이' 전체 이미지' 에는 CI (logo, 색상, 글꼴, 슬로건), 레이아웃, 탐색 방법, 상호 작용, 문자, 말투, 콘텐츠 가치, 존재 의미, 사이트 명예 등 여러 가지 요소가 포함됩니다. 예를 들어, 우리는 인터넷이 접근하기 쉽고, 디즈니는 활발하고, IBM 은 전문적이고 진지하다고 생각한다. 이들은 사람들을 위해 봉사하는 사이트입니다.
남겨진 다른 느낌.
풍격이 독특하여 이 사이트를 다른 사이트와 구별한다. 색채, 기술, 상호 작용 방식 등을 통해 방문자들은 이것이 당신의 사이트에만 국한된 것임을 분명히 알 수 있습니다. (존 F. 케네디, 자기관리명언) 예를 들어, 신세기망의 흑백, 넷이벽지 역의 독특한 틀은 한 페이지만 봐도 어느 사이트인지 알 수 있다.
스타일은 사람입니다. 한 사이트의 외관, 내용, 문자, 전파를 통해 한 사이트의 개성과 분위기를 요약할 수 있다. 부드럽고 우아하며, 집착적이고, 활발하고 변화무쌍하며, 자유방임이다. 시의' 호방파' 와' 완약파' 처럼 웹사이트와 사람의 성격을 비교할 수 있다. 웹 사이트 스타일을 만들려면 어떻게 해야 합니까? 우리는 그것을 다음 단계로 나눌 수 있습니다.
1. 스타일이 가치 있는 콘텐츠를 기반으로 하는지 확인합니다.
풍격은 있지만 내용이 없는 웹사이트는 마치 풀 한 봉지를 수놓은 베개처럼 오만하지만 글을 모르는 사람 같다. (조지 버나드 쇼, 자기관리명언) 너는 먼저 내용의 품질과 가치를 보장해야 한다, 이것이 가장 기본적인 것이다.
2. 당신이 원하는 웹사이트의 인상이 무엇인지 철저히 이해해야 합니다.
이 몇 가지 방면에서 생각을 정리할 수 있다.
A. 단 한 문장으로 당신의 웹사이트를 묘사한다면, 다음과 같습니다: ()
참고 답변: 창의적이고, 전문적이고, 실력이 있고, 미감 있고, 충격이 있다.
B. 당신의 웹사이트를 생각할 때 생각할 수 있는 색깔은 ()
참고답: 열정적인 빨강, 환상의 하늘색, 영리한 황금색.
C. 여러분의 웹사이트를 생각할 때, 다음과 같은 그림을 떠올립니다. ()
참고 답변: 아침 신문, 페라리 스포츠카, 붐비는 광장, 식료품점
D. 사이트가 사람이라면, 그의 성격은: ()
참고 답변: 성숙한 중년인, 야방분방한 데님, 자신감 있고 성실한 기업가
E. 사이트 관리자로서, 당신은 다음과 같은 인상을 주어야 합니다: ()
참고 답변: 헌신적이고, 열심히 투자하고, 깊이가 있고, 담당하고, 순수하고, 진실하고, 부드럽습니다.
F. 동물을 비유로 사용한다. 당신의 웹사이트는 무엇이 가장 비슷합니까: ()
참고 답변: 고양이 (신비하고 고귀한), 독수리 (눈빛이 예리함), 토끼 (총명하고 예민함), 사자 (자신감의 권위)
G. 방문객들은 당신과 다른 웹사이트의 차이가 무엇이라고 생각합니까? ()
참고 답변: 신뢰성, 가장 빠른 정보, 편리한 의사 소통,
H. 관광객들이 당신과 교류하고 협력하는 느낌은 다음과 같습니다: ()
참고 답변: 사제, 동료, 친구, 노소.
너는 먼저 스스로 답안을 작성한 다음 다른 네티즌에게 작성하게 할 수 있다. 비교 결과는 당신의 사이트에 존재하는 격차, 약점, 개선이 필요한 부분을 알려 줄 것이다.
3. 자신의 웹사이트의 인상을 분명히 한 후, 이런 인상을 만들고 강화하기 위해 노력하기 시작했다.
2 단계' 정량화' 인상 이후, 당신은 무엇이 가장 특색이 있는지, 즉 사이트 스타일을 가장 잘 표현할 수 있는 것을 더 찾아낼 필요가 있다. 그것을 웹 사이트의 특색으로 삼아 강화와 홍보에 중점을 두었다. 다음과 같은 방법을 참고할 수 있다.
(/logo-0/) 가능한 한 모든 페이지에 로고를 올려 주세요. 또는 머리글, 바닥글 또는 배경.
(2) 표준 색상을 강조하십시오. 문자의 연결 색상, 그림의 주색, 배경색, 테두리 등의 색상은 가능한 표준 색상과 일치하는 색상을 사용합니다.
(3) 표준 글꼴을 강조하십시오. 주요 제목, 메뉴 및 그림에 균일한 표준 글꼴을 사용합니다.
(4) 명랑한 구호를 생각해 보세요. 배너에 넣거나 눈에 띄는 위치에 올려 사이트의 특징을 알려드립니다. ...
(5) 통일된 말투와 인칭을 사용한다. 여러 사람이 수호하더라도 독자는 같은 사람이 쓴 것이라고 생각해야 한다.
(6) 통합 사진 처리 효과 사용. 예를 들어 그림자 효과의 방향, 두께, 블러는 반드시 일치해야 한다.
(7) 웹 사이트 고유의 기호나 아이콘을 만듭니다.
(8) 자신이 디자인한 레이스, 라인, 도트 사용.
(9) 당신의 웹사이트의 영예와 성공 작품을 전시합니다.
(10) 너의 진실한 이야기와 생각을 네티즌에게 알려라. 풍격의 형성은 한 번의 고정이 아니다. 너는 실천 중에 끊임없이 강화하고 조정하고 수정할 수 있다.
일곱. 요약:
웹 사이트 디자인은 무한한 매력으로 가득 차 있어 문장 한 편만으로는 그 속의 오묘함을 다 할 수 없다. 이런 디자인 아이디어가 모든 디자이너에게 꼭 맞는 것은 아니며, 모든 디자인의 실제 상황에 꼭 맞는 것은 아니기 때문에 좋은 생각일 것이다. 사람마다 견해가 다르다. 더 좋은 웹사이트가 너와 나에게서 왔으면 좋겠다. 문장 중의 잘못을 비판하고 시정해 주십시오.
여덟. 문헌학
1, 웹 제목 제작 기술 및 사례-루 칭화대 출판사
2.FrontPage 2000 입문부터 능숙함-정동 등 번역-전자공업출판사
3.' 사이트 가용성 디자인' 제이콥 닐슨-인민우편출판사
4. 사이트 건축과 예술가의 황금조합-하늘색 스튜디오-인민우편출판사
5.' 홈페이지 디자인 및 사이트 개발-HTML 홈페이지 제작 사이트 개발 전실천'-우-항공공업출판사
광고 제작-범지우-인민우편출판사
참고 자료:
/c/ 178 1.html