다음 기본 디자인 아이디어를 요약합니다 :
우선 웹 사이트의 테마와 이름을 찾습니다
웹 사이트의 테마는 웹 사이트의 테마이기도하며 웹 사이트 디자인에서 가장 먼저 발생하는 문제입니다. 웹 사이트에는 이상하고 눈부신 테마가 너무 많아서 생각할 수 있다면 만들 수 있습니다. 다음은 PC 매거진에서 선정한 1999년 미국에서 가장 유명한 100대 웹사이트의 상위 10개 테마입니다.
카테고리 1: 온라인 구직
카테고리 2: 온라인 채팅/인스턴트 메시징/ICQ
카테고리 3: 온라인 커뮤니티/토론/메일링 리스트
카테고리 4: 컴퓨터 기술
카테고리 5. 웹 페이지/웹 사이트 개발
카테고리 6: 엔터테인먼트 웹사이트
카테고리 7: 여행
카테고리 8: 참고/정보
카테고리 9: 가족/교육
카테고리 10: 라이프스타일/패션
이 각 카테고리는 계속해서 엔터테인먼트, 스포츠/영화/음악 등의 카테고리로 세분화할 수 있으며 MP3로 더 세분화할 수 있습니다, VQF, Ra 등으로 다시 나눌 수 있습니다. 프레젠테이션에 따라 클래식, 모던, 록으로 나눌 수 있습니다. 동시에 다양한 주제를 연결하고 교차 조합하면 여행 포럼(여행 + 토론), 클래식 킥(축구 + 영화 및 텔레비전)과 같은 새로운 주제가 생성될 수 있으며, 이는 수천 개의 주제로 나눌 수 있습니다. 주제가 너무 많은데 어떻게 선택해야 하나요? 따라야 할 원칙은 다음과 같습니다.
1, 주제는 작고 정확해야 합니다.
위치는 작아야 하고 내용은 정확해야 합니다. 모든 것을 포괄하는 사이트를 만들고 싶다면 모든 멋진 것들을 그 위에 올려 놓으면 종종 비생산적이며 테마, 특성, 모든 것이 없다는 인상을 주지만 유지 관리에 많은 에너지를 가질 수 없기 때문에 모든 것이 피상적이라는 인상을줍니다. 웹 사이트의 가장 좋은 점은 새롭고 빠르다는 것입니다. 현재 가장 인기 있는 개인 홈페이지는 매일 또는 몇 시간마다 업데이트됩니다. 최근 조사 결과에 따르면 웹에서는 부티크나 백화점처럼 '테마 사이트'가 '전체 사이트'보다 더 인기 있는 것으로 나타났습니다. 무언가를 구매해야 한다면 저는 부티크를 선택할 것입니다.
2. 테마는 내가 잘하거나 좋아하는 것이어야 합니다.
예를 들어 프로그래밍을 잘한다면 프로그래밍 애호가를 위한 웹사이트를 만들 수 있고, 축구에 관심이 있다면 경기의 최신 소식, 선수들의 최신 소식 등을 보도할 수 있습니다. 따라서 만들 때 지루하거나 압도되지 않을 것입니다. 관심은 웹사이트를 만드는 원동력입니다. 열정이 없으면 훌륭한 웹 사이트를 디자인하고 제작하기가 어렵습니다.
3. 너무 무리하거나 너무 높은 목표를 세우지 마세요.
"너무 많이"는 소프트웨어 다운로드, 무료 정보 등 어디서나 누구나 찾을 수 있는 테마를 말합니다. "너무 높은 목표"는 해당 주제에 대해 이미 훌륭하고 잘 알려진 사이트가 있어 이를 뛰어넘기 어렵다는 의미입니다.
주제가 이미 정해졌다면 그 주제를 중심으로 사이트 이름을 지정할 수 있습니다. 사이트 이름도 사이트 디자인의 일부이며 중요한 요소입니다. "컴퓨터 방"과 "컴퓨터 방"은 단순함에서 후자이고, "사이키델릭 파라다이스"와 "사이키델릭 파라다이스"는 명확하게 후자입니다. "음유시인 낙원"과 "음유시인 낙원"은 후자의 경우가 분명합니다. "어린이 세계"와 "중국 유치원"은 분명히 후자입니다. PIII의 중국어 이름이 "奔腾"이라는 것은 우리 모두 알고 있습니다. 만약 "달리기"로 변경했다면 지금처럼 "핫"하지 않았을지도 모릅니다. 실생활에서와 마찬가지로 웹사이트 이름이 직설적이고 시끄럽고 기억하기 쉬운지 여부는 웹사이트의 이미지와 홍보에 큰 영향을 미칩니다. 제 제안은 다음과 같습니다.
1, 이름은 올바르게
사실, 합법적이고 합리적이며 감성적이어야 합니다. 반동적, 외설적, 미신적, 위협적인 사회보장 명사 및 문장은 사용할 수 없습니다.
2, 이름은 기억에 남을 수 있어야 합니다.
중국 이름을 사용하는 것이 가장 좋으며 영어 또는 영어와 중국 이름을 혼합하여 사용하지 마세요. 또한 사이트 이름의 단어 수는 6 단어 이하 (바람직하게는 4 단어)로 제한해야하며 관용구는 4 단어를 사용할 수도 있습니다. 또 다른 장점은 단어 수가 적어 다른 사이트 링크 레이아웃에 적합하다는 것입니다.
3. 이름은 독특해야 합니다.
이름이 단조롭지 않고 특정 의미를 반영하고 방문자에게 시각적 효과와 공간적 상상력을 더 많이 줄 수 있는 이름이 최고입니다. 예를 들어 음악 아방가르드, 네트워크 도자기 바, 전자책 시간과 공간 등이 있습니다. 동시에 사이트 테마의 구체화에서 특성을 지적 할 수 있습니다.
둘째, 사이트의 CI 이미지의 포지셔닝
소위 CI (기업 이미지)는 시각을 통해 기업 이미지를 통일하는 것입니다. 훌륭한 웹사이트도 실제 기업과 마찬가지로 전체적인 이미지 패키징과 디자인이 필요합니다. 웹사이트 홍보를 위한 정확하고 창의적인 CI 디자인은 절반의 노력으로 두 배의 성과를 거둘 수 있습니다. 구체적인 사례는 다음과 같습니다.
1. 사이트 로고 디자인.
상표와 마찬가지로 로고는 웹사이트의 특징과 의미를 집중적으로 표현한 것입니다. 로고를 보면 누구나 회원님의 웹사이트를 떠올릴 수 있습니다. 로고 디자인 아이디어는 웹사이트의 이름과 콘텐츠에서 비롯됩니다.
(1) 디즈니의 미키 마우스, 소후의 만화 여우 등 웹사이트의 대표 캐릭터, 동물, 꽃, 식물 등을 디자인의 청사진으로 사용할 수 있습니다.
(2) 웹사이트가 전문 분야인 경우 해당 직업을 대표하는 아이템으로 라벨을 붙일 수 있습니다. 예를 들어 중국은행의 동판 로고, 메르세데스-벤츠 스티어링 휠 로고 등이 있습니다.
(3) 가장 일반적이고 쉬운 방법은 웹사이트의 영문 이름을 로고로 사용하는 것입니다. 다양한 글꼴, 문자 왜곡, 문자 조합을 사용하여 자신 만의 로고를 쉽게 만들 수 있습니다.
2. 웹 사이트의 표준 색상을 디자인합니다.
웹사이트의 첫인상은 시각적 효과에서 비롯되므로 웹사이트의 표준 색상을 결정하는 것은 매우 중요합니다. 색상 조합에 따라 효과가 다르고 방문자의 기분에 영향을 미칠 수 있습니다. IBM의 진한 파란색, 켄터키 프라이드 치킨의 붉은 줄무늬, 빨강, 파랑, 노랑, 초록 블록의 윈도우 로고 등을 예로 들어 이해가 쉬울 것입니다. '표준 색상'은 웹사이트의 이미지를 반영하고 의미를 확장할 수 있는 색상을 말합니다. 일반적으로 웹사이트의 표준 색상은 세 가지 이하이며 너무 많으면 거칠어집니다. 웹사이트의 로고, 제목, 메인 메뉴 및 메인 컬러 블록은 표준 색상을 사용해야 합니다. 그래야 전체적인 통일감을 줄 수 있습니다. 다른 색상은 악센트와 포일처럼 사용할 수 있으며 소유자의 역할을 빼앗아서는 안 됩니다. 웹 페이지 표준 색상에 적합한 색상은 파란색, 노란색/주황색, 검정색/회색/흰색이며, 색상의 합리적인 매칭에 주의하세요.
3. 웹사이트의 표준 글꼴을 디자인합니다.
표준 글꼴은 표준 색상과 마찬가지로 로고, 제목 및 주 메뉴에 사용되는 고유한 글꼴입니다. 웹 페이지의 기본 글꼴은 송입니다. 웹사이트의 '고유성'과 고유한 스타일을 반영하기 위해 필요에 따라 몇 가지 특별한 글꼴을 선택할 수 있습니다. 예를 들어 전문가를 반영하기 위해 거친 송 스타일을 사용하여 아름다운 디자인을 반영하고, 광고 스타일을 사용하여 친근하고 캐주얼한 스타일을 반영하고, 손글씨 등을 사용할 수 있습니다.
4. 사이트의 슬로건 디자인
사이트의 정신이라고도 할 수 있으며 사이트의 목표입니다. 한 문장이나 한 단어로 요약하세요. 실제 광고와 유사합니다. 예를 들어, 까치네스트의 "Yummy", 맥스웰의 "좋은 것은 좋은 친구와 함께 나눈다", 인텔의 "심장이 뛰는 것을 준다" 등이 있습니다.
셋째, 사이트의 칼럼을 결정하세요
웹사이트를 구축하는 것은 기사를 작성하는 것과 같습니다. 기사가 명확한 주제와 계층 구조가 될 수 있도록 먼저 개요를 작성해야합니다. 웹 사이트 구조가 명확하지 않으면 카탈로그가 복잡하고 콘텐츠가 동쪽과 서쪽이 한 조각입니다. 결과적으로 방문자가 혼란 스러울뿐만 아니라 사이트를 스스로 확장하고 유지 관리하는 것도 매우 어렵습니다. 웹 사이트의 주제가 결정된 후 많은 양의 관련 정보 콘텐츠를 수집하고 구성하지만 네티즌이 웹 사이트를 탐색하도록 유도하기 위해 콘텐츠를 구성하는 방법은 무엇입니까? 열은 본질적으로 웹 사이트의 개요 색인이며 색인은 온라인 상태 여야합니다.
방송국 본문을 명확하게 표시합니다. 일반적인 웹사이트 열 배열은 다음과 같은 측면에 주의를 기울여야 합니다:
1, 테마에 충실하세요.
사이트의 주요 열로 특정 방식으로 주제를 분류합니다. 주제별 열의 수는 전체 열에서 절대적으로 지배적이어야 사이트가 전문적이고 테마가 뛰어나고 사람들에게 깊은 인상을주기 쉽습니다.
2, 최근 업데이트 또는 사이트 가이드 열 설정
"최근 업데이트"열은 일반 고객을 돌 보도록 설계되어 홈 페이지가 더 인간적으로 보이도록 설계되었습니다. 홈페이지 콘텐츠가 방대하고 수준이 많고 사이트에 검색 엔진이없는 경우 "사이트 가이드"열을 설정하면 처음 방문하는 방문자가 원하는 콘텐츠를 빠르게 찾을 수 있습니다.
3, 양방향 커뮤니케이션 열의 설정.
예를 들어 포럼, 방명록, 메일링 리스트가 있습니다.
방문자가 메시지를 남길 수 있도록 허용할 수 있습니다.
4. 다운로드 또는 FAQ 섹션을 설정합니다.
웹은 정보 공유가 특징입니다. 예를 들어 홈페이지에 데이터 다운로드 바를 설정하여 방문자가 필요한 데이터를 쉽게 다운로드할 수 있도록 하세요. 또한 사이트에서 특정 문제에 대해 사용자로부터 편지를 자주받는 경우 사용자의 편의를 위해 자주 묻는 질문에 대한 답변을 제공하는 열을 설정하는 것이 가장 좋으며 시간을 더 절약 할 수 있습니다.
넷째, 사이트의 디렉토리 구조를 결정하세요
사이트의 디렉토리는 사이트를 구축할 때 생성하는 디렉터리입니다. 예를 들어 프론트페이지98로 웹사이트를 구축하면 기본적으로 루트 디렉터리와 이미지 하위 디렉터리가 생성됩니다. 디렉토리의 구조는 방문자에게는 크게 느껴지지 않지만 웹사이트 자체의 업로드 및 유지 관리와 향후 콘텐츠의 확장 및 마이그레이션에 중요한 영향을 미칩니다. 다음은 디렉토리 구조를 만들기 위한 몇 가지 제안 사항입니다.
1. 모든 파일을 루트 디렉터리에 저장하면 파일 관리에 혼란을 초래할 수 있으므로 루트 디렉터리에 저장하지 마세요.
어떤 파일을 편집하고 업데이트해야 하는지, 쓸모없는 파일을 삭제할 수 있는지, 어떤 파일이 관련 파일인지 알 수 없어 업무 효율에 영향을 주는 경우가 많습니다. 또한 업로드 속도가 느립니다. 서버는 일반적으로 루트 디렉터리에 대한 파일 인덱스를 생성합니다. 모든 파일을 루트 디렉토리에 넣으면 파일 하나만 업로드하고 업데이트해도 서버가 모든 파일을 다시 검색하여 새 인덱스 파일을 만들어야 합니다. 당연히 파일 수가 많을수록 대기 시간이 길어집니다. 따라서 루트 디렉터리에 저장되는 파일 수를 최소화하세요.
2. 섹션의 내용에 따라 하위 디렉터리를 만듭니다.
메인 메뉴 목록에 따라 먼저 하위 디렉터리가 설정됩니다. 예를 들어 기업 웹사이트는 회사 프로필, 제품 소개, 가격, 온라인 주문, 피드백 연락처 정보 등을 기반으로 해당 카탈로그를 설정할 수 있습니다. 새로운 소식, 더 많은 링크, 빈번한 업데이트의 필요성과 유사한 다른 작은 열은 독립적인 하위 디렉토리를 설정할 수 있습니다. 이 사이트 정보, 웹마스터 정보, 사이트 경험 등과 같이 관련성이 높은 열은 자주 업데이트할 필요가 없을 뿐만 아니라 통합 디렉터리로 병합할 수 있습니다. 다음은 통합 카탈로그로 병합할 수 있는 웹사이트에 대해 수행할 수 있는 가장 중요한 작업의 목록입니다. 모든 프로시저는 일반적으로 특정 디렉터리에 저장됩니다. 예를 들어 CGI 프로그램은 cgi-bin 디렉토리에 저장됩니다. 또한 다운로드해야 하는 모든 콘텐츠를 하나의 디렉토리에 넣는 것이 가장 좋습니다.
3. 각 메인 섹션 디렉터리 아래에 별도의 이미지 디렉터리를 만듭니다.
각 메인 컬럼마다 별도의 이미지 디렉터리를 만드는 것이 가장 편리합니다. 루트 디렉터리의 이미지 디렉터리는 홈페이지와 일부 보조 열에 대한 이미지를 넣는 데만 사용됩니다.
4. 디렉터리 수준은 너무 깊지 않아야 합니다.
유지 및 관리가 쉽도록 디렉터리 레벨은 3레벨 이하로 설정하는 것이 좋습니다.
5. 중국어 카탈로그를 사용하지 마세요.
6. 긴 디렉토리를 사용하지 마세요.
웹사이트의 링크 구조를 결정하는 동사
웹사이트의 링크 구조는 페이지 간 링크의 토폴로지입니다. 디렉터리 구조를 기반으로 하지만 여러 디렉터리에 걸쳐 있을 수 있습니다. 사이트의 링크 구조를 구축하는 기본적인 방법은 두 가지가 있습니다.
1, 트리 링크 구조
DOS 디렉토리 구조와 유사하게 홈 페이지가 첫 페이지로 링크되고 첫 페이지가 두 번째 페이지로 링크됩니다. 이 링크 구조를 탐색할 때는 한 레벨에서 한 레벨 아래로 이동합니다. 장점은 조직이 명확하고 방문자가 자신이 어디에 있는지 정확히 알 수 있으며 길을 잃지 않는다는 것입니다. 단점은 탐색 효율이 낮고 하위 페이지 아래의 열이 홈 페이지를 우회하여 하위 페이지 아래의 다른 열로 이동해야 한다는 것입니다.
2. 별표 링크 구조
웹 서버 링크와 유사하게 각 페이지 사이에 링크가 있습니다. 이 링크 구조의 장점은 탐색하기 쉽고 언제든지 좋아하는 페이지로 이동할 수 있다는 것입니다. 단점은 링크가 너무 많아서 방문자가 길을 잃고 자신이 어디에 있는지, 얼마나 읽었는지 혼동하기 쉽다는 것입니다.
이 두 가지 기본 구조는 이상적인 방법일 뿐입니다. 실제 웹사이트 디자인에서는 원하는 효과를 얻기 위해 항상 혼합하여 사용합니다. 더 나은 해결책은 홈페이지와 첫 번째 수준 페이지 사이에는 별표 링크 구조를 사용하고 첫 번째 수준 페이지와 하위 수준 페이지 사이에는 트리 링크 구조를 사용하는 것입니다.
여섯째, 사이트의 전체적인 스타일 디자인
스타일은 추상적이며, 방문자가 느끼는 사이트의 전체적인 이미지를 말합니다. 이 '전체적인 이미지'에는 CI(로고, 색상, 글꼴, 슬로건), 레이아웃, 탐색, 상호 작용, 텍스트, 톤, 콘텐츠 가치, 존재감, 사이트 명예 및 기타 여러 요소가 포함됩니다. 예를 들어 넷이즈는 친근한 이미지, 디즈니는 활기찬 이미지, IBM은 전문적이고 진지한 이미지라고 생각합니다. 이 사이트들은 사람들에게 서비스를 제공하는 사이트입니다.
다양한 감정이 남았습니다.
스타일이 독특하고 다른 사이트와 차별화됩니다. 색상, 기술, 상호 작용 방식은 모두 방문자에게 사이트가 고유하다는 것을 분명히 보여줍니다. 예를 들어 신세기 네트워크의 흑백, 넷이즈 배경화면 스테이션의 독특한 프레임은 한 페이지만 보더라도 어떤 사이트인지 알 수 있습니다.
스타일은 인간입니다. 웹사이트의 외형, 콘텐츠, 텍스트, 커뮤니케이션을 통해 웹사이트의 개성과 분위기를 요약할 수 있습니다. 부드럽고 우아하며, 끈질기고 열정적이며, 활기차고 다재다능하며, 자유롭고 쉽습니다. "대담하고" "우아한" 시의 학교처럼 웹사이트를 사람의 성격과 비교할 수 있습니다. 웹사이트 스타일은 어떻게 구축하나요? 다음과 같은 단계로 나눌 수 있습니다.
1. 스타일이 가치 있는 콘텐츠를 기반으로 하는지 확인합니다.
스타일만 있고 콘텐츠가 없는 웹사이트는 거만하지만 문맹인 사람처럼 풀로 수놓은 베개와 같습니다. 무엇보다도 콘텐츠의 품질과 가치를 보장해야 합니다.
2. 사이트에서 어떤 인상을 주고 싶은지 철저하게 이해해야 합니다.
A. 웹사이트를 한 문장으로만 설명한다면 다음과 같아야 합니다: ()
참고 답: 창의적, 전문적, (기술적) 강점, 심미적으로 즐겁고 영향력 있는.
B.웹사이트를 떠올릴 때 연상할 수 있는 색상은 다음과 같습니다: ()
참고 답:열정적인 빨간색, 환상적인 하늘색, 영적인 황금빛 노란색.
C.웹사이트를 떠올리면 다음과 같은 이미지가 떠오릅니다: ()
참고 답:조간 신문, 페라리, 붐비는 광장, 식료품점
D.웹사이트가 사람이라면 그의 성격은: ()
참고 답:성숙한 중년 남성, 거칠고 활기찬 카우보이, 자신감 있고 정직한 기업가입니다.
E.웹마스터로서 주고 싶은 인상은: ()
참고 답:헌신적이고, 진지하게 헌신하고, 깊이 있고, 책임감 있고, 순수하고, 솔직하고, 온화합니다.
F.동물에 비유해 보세요. 귀하의 웹 사이트는 무엇과 가장 비슷합니다 : ()
참고 답 : 고양이 (신비스럽고 고귀한), 독수리 (날카로운 눈), 토끼 (똑똑하고 민감한), 사자 (자신감있는 권위)
G. 방문자는 귀하와 다른 사이트의 차이점은 무엇이라고 생각합니다 : ()
참고 답 : 신뢰할 수 있고 가장 빠른 정보, 소통하기 쉬운,
H. 방문자들은 귀하와 소통하고 협력하는 느낌에 대해 다음과 같이 생각합니다. (
참고 답변:교사와 학생, 동료, 친구, 남녀노소.
먼저 자신이 답을 작성한 다음 다른 네티즌이 채우도록 할 수 있습니다. 비교 결과는 웹사이트의 격차, 약점 및 개선이 필요한 부분을 알려줍니다.
3. 사이트의 인상을 명확히 했다면, 그 인상을 구축하고 강화하는 작업을 시작하세요.
인상을 '정량화'하는 두 번째 단계가 끝나면 가장 독특한, 즉 사이트 스타일을 가장 잘 나타내는 것이 무엇인지 추가로 찾아야 합니다. 그리고 그것을 사이트의 특성으로 삼아 강화 및 홍보에 집중하세요. 다음과 같은 방법을 배울 수 있습니다.
(1) 가능한 한 모든 페이지에 로고를 넣습니다. 머리글, 바닥글, 배경에도 로고를 넣습니다.
(2) 표준 색상을 강조하세요. 텍스트의 링크 색상, 이미지의 주 색상, 배경 색상 및 테두리에 표준 색상과 동일한 색상을 사용하세요.
(3) 표준 글꼴을 강조하세요. 주요 제목, 메뉴 및 이미지에 통일된 표준 글꼴을 사용하세요.
(4) 눈에 띄는 슬로건을 생각해 보세요. 배너에 넣거나 눈에 잘 띄는 곳에 배치하여 사람들에게 사이트가 무엇인지 알려주세요....
(5) 일관된 톤과 페르소나를 사용하세요. 여러 사람이 관리하더라도 독자는 같은 사람이 작성했다고 느껴야 합니다.
(6) 균일한 이미지 처리 효과를 사용합니다. 예를 들어 그림자 효과의 방향, 두께, 흐림 등은 일관성이 있어야 합니다.
(7) 사이트 고유의 심볼 또는 아이콘을 만듭니다.
(8) 직접 디자인한 레이스, 선, 점을 사용합니다.
(9) 사이트의 명예와 성공을 보여주세요.
(10) 웹마스터에게 자신의 실제 이야기와 아이디어를 전달하세요. 스타일의 형성은 한 번에 고정되지 않으며 실제로 강화, 조정 및 수정할 수 있습니다.
VII. 요약 :
웹 사이트 디자인은 무한한 매력으로 가득 차 있으며 하나의 기사만으로는 그 경이로움을 다 소진 할 수 없습니다. 이런 종류의 디자인 사고는 모든 디자이너에게 완전히 적합하지 않을 수 있으며 모든 종류의 디자인 현실에 완전히 적합하지 않을 수 있으므로 좋은 생각이어야합니다. 사람마다 의견이 다를 수 있습니다. 여러분과 저를 통해 더 멋진 웹사이트가 만들어지길 바랍니다. 이 글의 오류를 비판하고 수정해 주세요.
VIII. 참고 문헌
1, 웹 페이지 제목 제작 기술 및 예제 - Lu - 칭화대학교 출판부
2. 프론트페이지 2000 초보자에서 숙달까지 - 청동 외 역자 - 전자 산업 출판사
3. "웹 사이트 사용성 디자인" Jakob Nielsen - 인민 포스트 및 통신 출판사
4. 웹 사이트 아키텍처와 아티스트의 황금 조합 - 스카이 블루 스튜디오 - 인민 포스트 및 통신 출판사
5."웹 디자인 및 웹 사이트 개발 - HTML 웹 페이지 제작 웹 사이트 개발 전체 실습"- 우 - 항공 산업 출판사
6. 광고 제작 - 판 지유 - 인민 포스트 및 통신 출판사
참조 :
/c/1781.html