왜 꼭 사이트 건설을 해야 합니까?
0 1 컨텐츠 지우기
만약 당신이 사이트 디자이너가 되고 싶다면, 웹사이트를 만들고 싶다면, 먼저 사이트의 내용, 그 기능, 사용자가 필요로 하는 것을 고려해야 한다. 너의 전체 디자인은 이러한 방면을 둘러싸고 있어야 한다.
02 사용자 파악
사용자가 웹 사이트에 빠르게 액세스할 수 없거나 조작이 불편할 경우 웹 사이트 설계가 실패합니다. 사용자를 실망시키지 말고 상대의 홈페이지로 전향하세요.
03 콘텐츠 최적화
내용이 핵심이다. 약 2 년 전, 기업 웹사이트는 광고 매뉴얼과 같았습니다. 설상가상으로, 이 사이트는 대량의 사진을 사용했기 때문에 다운로드하는 데 몇 세기가 걸릴 것 같다. Chanels 웹사이트 () 는 디자인의 어떤 면에서는 성공적이지만 내용이 너무 욕심이 많아서 원하는 것을 찾는 데 시간이 오래 걸리기 때문에 성공적인 사이트가 아니다.
04 빠른 다운로드
페이지를 다운로드하는 데 오랜 시간이 걸리는 것보다 더 나쁜 것은 없다. 경험상 표준 웹 페이지는 60K 이하여야 하며 56K 모뎀을 통해 로드하는 데 30 초가 걸립니다. 어떤 디자이너들은 홈페이지가 15 초 안에 로드되어야 한다고 말한다.
05 웹 사이트 업그레이드
항상 사이트 운영에 관심을 가지다. 방문자 수가 증가함에 따라 성능이 좋은 호스트가 느리게 실행될 수 있습니다. 하지만 방문객을 잃고 싶지 않다면 업그레이드 계획을 신중하게 계획해야 합니다.
기본 원칙을 견지하다.
HTML 언어를 이해하지 못하더라도 Adobe PageMill 이나 Microsoft FrontPage Express 와 같은 저작권이 있는 WYSIWYG 웹 디자인 도구를 구입하여 외관이 합리적인 웹 사이트를 만들 수 있습니다. 그러나 디자인 할 때 이러한 패키지는 HTML 을 필요로하지 않지만 웹 사이트를 지연시킵니다. 웹사이트를 성공적으로 설계하려면 HTML 이 어떻게 작동하는지 알아야 합니다. 대부분의 웹 디자이너는 초보자가 HTML 에 관한 책에서 답을 찾아 메모장으로 웹 페이지를 만들 것을 제안한다.
07 HTML 학습
HTML 로 웹 사이트를 설계하면 전체 설계 프로세스를 제어할 수 있습니다. 하지만 웹 사이트 디자인의 초보자라면 HTML 을 수정할 수 있는 패키지를 찾아야 합니다. HomeSite4 는 훌륭한 웹 디자인 도구이다. HomeSite4 는 디자인 과정에서 HTML 을 배우는 데 도움이 될 수 있습니다. 또한 WYSIWYG (what-you-see-is-what-you-get) 모드로 전환하여 웹 사이트를 웹에 보내기 전에 미리 볼 수 있습니다.
획으로 사이트의 틀을 그려내다.
성인은 펜이 검보다 더 힘이 있다고 말했다. 컴퓨터를 사용하기 전에 한 사이트의 틀을 획으로 그려 모든 웹 페이지의 관계를 표시한다. 사용자들이 어떻게 가장 짧은 시간 내에 당신의 웹사이트를 방문할 수 있는지 계획하세요.
09 "컴퓨터에서 결코 좋은 해결책을 찾을 수 없다." -전문가 조언
10 웹 사이트 맵
많은 디자이너들이 자신의 홈페이지를 홈페이지에 올려 놓았지만, 이런 방법은 이익보다 폐해가 크다. 대부분의 관광객들은 인터넷을 통해 특별한 정보를 찾는다. 그들은 당신의 웹사이트가 어떻게 작동하는지 관심이 없습니다. 사이트에 지도가 필요하다고 생각되면 탐색과 도구 모음을 개선해야 할 수도 있습니다.
1 1 "눈을 크게 뜨고 모든 것을 지켜봐."
"가장 무관한 것에 대한 관찰은 최고의 영감을 얻을 수 있다. 사이트의 구조와 디자인을 관찰하다. 웹 사이트 구조의 핵심 요소를 이해하고 디자인이 웹 사이트를 둘러볼 수 있도록 합니다. " -전문가 조언
12 클릭 규칙
세 번의 클릭 규칙에 대해 들어 본 적이 있습니까? 작은 웹사이트의 경우, 홈페이지에는 세 번 이상 클릭해야 할 메시지가 없습니다. 대형 웹 사이트의 경우 탐색 및 도구 모음을 사용하여 작업을 향상시킵니다.
13 특수 글꼴 적용
HTML 에서 특수 글꼴을 사용할 수는 있지만 방문자가 컴퓨터에서 무엇을 볼 것인지 예측할 수는 없습니다. 컴퓨터에서 좋아 보이는 페이지는 다른 플랫폼에서 나쁘게 보일 수 있습니다. 일부 웹 디자이너는 를 사용하여 기능을 정의하기를 좋아합니다. 이를 통해 특수 글꼴을 사용할 수 있지만 선택한 글꼴이 방문자의 컴퓨터에 표시되지 않도록 몇 가지 해결 방법이 필요합니다. 계단식 스타일 시트 CSS 는 이러한 문제를 해결하는 데 도움이 되지만 CSS 는 최신 버전의 브라우저에서만 지원됩니다.
14 "실용적이고 간단한 명명 규칙 사용" -전문가 조언
15 맞춤법 오류 확인
좋은 철자법은 사람들의 생활에서 중요한 기술이다. 하지만 안타깝게도 많은 디자이너들은 이런 기술이 부족합니다. 맞춤법이 정확한지 확인하고, 보통 맞춤법이 틀리기 쉬운 오타에 특히 주의를 기울이십시오.
16 긴 텍스트 페이지 방지
한 사이트에는 글만 있는 페이지가 많이 있는데, 이것은 지루하고 인터넷의 잠재력을 낭비한다. 텍스트 기반 문서가 많은 경우 방문자가 오프라인으로 읽을 수 있도록 Adobe Acrobat 형식 파일에 배치해야 합니다.
17 스크롤 막대를 사용하지 마십시오.
사람들은 인터넷에서 스크롤 막대를 사용하는 것을 싫어한다. 번거로운 사이트 () 는 전형적인 디자인이 좋지 않은 사이트입니다. 부동 스키마를 기반으로 하며 모든 텍스트를 읽으려면 브라우저가 스크롤 막대를 사용해야 합니다.
18 전문가가 가장 좋아하는 웹 디자인 도구
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5. 드림 직조자
6.Macromedia Fireworks
7.Allaire 홈
8.Microsoft 메모장
9.Macromedia 디렉터
10. 광파
1 1.Macromedia 손으로 그린
12. 기타: Adobe Acrobat Exchange, Allaire ColdFusion, BBEdit, HTML 유효성 검사기 등.
19 웹 사이트 소개
방문자가 원하는 것을 찾을 수 있도록 방문자에게 사이트에서 제공할 수 있는 것을 알려주는 명확한 사이트 소개가 있어야 합니다. 그러나, 많은 디자이너들은 그렇게 하지 않았다. 효과적인 탐색 모음과 검색 도구를 통해 방문자에게 매우 중요한 유용한 정보를 쉽게 찾을 수 있습니다. 방문자에게 네가 제공한 것이 바로 그들이 원하는 것이라고 말해라.
사이트가 발표되면 사이트 디자인의 우열이 모두 세상에 발표된다. 자신의 실수로부터 배우고, 다른 사람의 조언과 사용자의 피드백을 듣는 것 외에, 너는 더 많은 것을 배울 수 있는 다른 방법이 없다. "-전문가 조언
2 1 플래시는 두통입니다.
로고를 사용하면 방문자의 주의를 홈페이지의 특수한 부분에 끌 수 있지만 방문자들에게도 골치 아픈 문제가 될 수 있습니다. 방문자가 당신의 웹사이트를 다시 방문하게 하려면 이런 방법을 적게 사용하세요.
22 배경 색상
배경 색상도 문제를 일으킬 수 있으며 웹 페이지를 읽기 어려울 수 있습니다. 너는 흰색 바탕에 검은 글자를 견지해야 하고, 일반 글씨도 견지해야 한다.
23 개의 앞으로 및 뒤로 버튼
사용자가 앞으로 및 뒤로 버튼을 사용하도록 강요해서는 안 됩니다. 너의 디자인은 사용자가 그들이 원하는 것을 빨리 찾을 수 있도록 해야 한다. 대부분의 좋은 웹 사이트에는 각 페이지의 같은 위치에 동일한 탐색 막대가 있으므로 방문자가 각 페이지에서 웹 사이트의 모든 부분에 액세스할 수 있습니다.
24 "당신의 신념을 고수하십시오. 각종 규칙을 엄격히 준수하다. 당연하게 생각하지 마라. 영원히 공부를 멈추지 마라. " -전문가 조언
25 클릭 카운터
당신의 웹사이트에 눈에 띄는 클릭 카운터를 넣는 것을 쉽게 고려하지 마세요. 당신은 당신이 중요하다고 생각하는 것을 파는 것이 아니라 방문자에게 서비스를 제공하기 위해 웹사이트를 디자인합니다. 대부분의 관광객들은 전문장이 무의미하고 위조되기 쉬우며 광고를 보기 싫다고 생각한다. 만약 당신이 당신의 사이트가 얼마나 인기가 있는지를 보여 준다면, 당신은 방문 로그를 보여주는 링크를 제공하는 것이 가장 좋습니다.
프레임워크를 사용하지 마십시오.
카운터와 마찬가지로 프레임워크는 웹 페이지에서 점점 더 인기를 끌고 있다. 대부분의 웹 사이트에서는 화면 왼쪽에 프레임이 있습니다. 하지만 디자이너들은 틀을 사용할 때 바로 많은 문제를 발견했다. 프레임을 사용할 때 17 인치 디스플레이가 없으면 전체 사이트를 표시하는 것은 거의 불가능합니다. 이 프레임워크는 또한 웹 사이트의 개인 페이지에 책갈피를 추가할 수 없도록 합니다. 아마도 더 중요한 것은, 검색 엔진이 프레임에 의해 혼동되는 경우가 많기 때문에, 당신의 웹사이트를 열거할 수 없다는 것이다. (윌리엄 셰익스피어, 검색어, 검색어, 검색어, 검색어, 검색어)
27 이미지 제거
브라우저에서 사진 기능을 제거해도 방문자가 사이트에서 만족스러운 결과를 얻을 수 있도록 해야 한다. ISDN 연결을 사용하고 사진 기능을 끄는 방문자들에게도 우수한 웹 로드 성능을 얻을 수 있습니다. 페이지 아래쪽에 추가 링크를 제공하고 이미지 대신 대체 텍스트를 사용하여 방문자의 요구를 충족시킬 수 있습니다.
28 이미지 재사용
일부 사이트는 중복되지 않는 사진을 많이 사용했기 때문에 더 좋은 기술을 사용할 수 있는 기회를 놓쳤다. 상표를 만들 때 웹 페이지에서 같은 그림을 여러 번 사용하는 것이 좋습니다. 일단 로드되면 곧 다시 로드할 수 있습니다.
큰 사진은 사용하지 마십시오.
전체 화면에 걸쳐 있는 이미지는 사용하지 마십시오. 방문자가 오른쪽으로 스크롤하지 않도록 합니다. 화면 너비의 75% 가 좋은 제안입니다.
30 "자랑하지 마라." -전문가 조언
3 1 Flash 애니메이션 사용을 선택합니다.
느린 컴퓨터를 사용하는 많은 방문자들은 애니메이션 아이콘이 시스템 자원을 소모하기 쉬우므로 웹 사이트 운영이 매우 어렵다는 것을 알게 되었습니다. 따라서 사용자에게 Flash 애니메이션 사용을 건너뛸 수 있는 옵션을 제공해야 합니다.
가능한 한 Flash 플러그인을 적게 사용합니다
많은 웹 디자이너들은 Flash 가 강력하고 Netscape5.0 도 Flash 를 지원한다고 생각하지만, 사용할 때 플러그인을 다운로드할 필요가 없습니다. 그래도 플래시로 인터페이스한다는 생각을 취소하는 게 좋을 것 같아요.
사용자가 먼저 작은 이미지를 미리 볼 수 있도록 합니다
웹 사이트에서 확대해야 하는 경우 축소 이미지 미리보기 효과를 축소판 소프트웨어로 표시하는 것이 좋습니다. 이렇게 하면 사용자가 전혀 보고 싶지 않은 큰 그림을 다운로드하는 데 돈과 시간을 낭비할 필요가 없습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)
34 애니메이션과 내용은 유기적으로 결합되어야 한다
애니메이션이 내용과 관련되어 있는지 확인합니다. 그것들은 건조함이 아니라 웹페이지와 하나가 되어야 한다. 애니메이션은 Macromedia Director 가 만든 것의 단순한 스택이 아닙니다.
너의 목소리를 조심해서 사용하라
소리 사용도 경계해야 한다. 내장 사운드는 웹 디자이너의 또 다른 금기이다. 소리를 과도하게 사용하면 다운로드 속도가 느려지고 브라우저에 큰 이득이 되지 않기 때문이다. 마우스 소리를 처음 듣는 것은 재미있을 수 있지만 여러 번 지나면 짜증이 날 것이다. 소리를 사용하기 전에, 너는 소리가 너에게 무엇을 가져올지 자세히 고려해야 한다.
자바와 AxtiveX 를 적게 사용하세요
홈페이지에는 가급적 자바와 AxtiveX 를 적게 사용하세요. 모든 브라우저에서 사용해야 하는 것은 아니기 때문에 이전 버전의 Netscape 및 Explorer 사용자만 필요합니다. 또한 Mac 은 Java 를 처리할 때도 문제가 있습니다. Java 를 과도하게 사용하면 Mac 작동이 멈출 수 있습니다.
성공적으로 디자인 된 웹 사이트
-좋은 내용과 관련성.
-그래픽 다운로드가 빨라요.
-디자인은 간단하고 명료하다.
38 주의 플러그인
웹 디자인에서, 만약 몇 가지 특수한 플러그인에 의존한다면, 웹 사이트의 흡인력을 낮출 수 있다. 방문자에게 필요한 플러그인이 없는 경우 다른 웹 사이트에서 다운로드해야 하므로 방문자가 반환되지 않을 수 있습니다.
유명한 플러그인을 사용하다
웹 사이트에 사운드 또는 비디오가 있는 경우 사용자가 잘 알려진 플러그인을 사용하여 듣거나 볼 수 있는지 확인하십시오. 많은 웹 사이트에서 QuickTime, RealPlay 및 Shockwave 플러그인을 사용합니다. 많은 방문자가 한 번만 사용할 수 있는 플러그인을 다운로드하는 데 많은 시간과 돈을 낭비하고 싶지 않기 때문이다.
선진 기술을 사용하다
신기술을 따라잡다. 웹 기술의 진보는 결코 멈추지 않을 것이므로 신제품을 연구하고 기술을 개발하는 데 시간을 할애해야 합니다.
4 1 자신만의 이미지와 사운드 만들기
직접 만들거나 상용 웹 사이트에서 다운로드한 이미지와 사운드를 사용합니다. 상업 사이트를 만들 때는 충분한 돈을 들여 그래픽을 만들어 회사의 인지도를 높여야 한다.
게임, 이미지, 애니메이션, 영화 등 어떤 디자인을 좋아하는지 생각해 보면 창작에 영감을 불어넣어 새롭고 더 나은 웹사이트를 만들 수 있습니다. -전문가 조언
플랫폼 43 호환성
사용자를 위해 최소한 하나의 PC 와 Mac 에서 웹 사이트를 테스트하여 호환성이 어떤지 확인해야 합니다.
44 소프트웨어 분석 도구를 사용하여 오류 찾기
소프트웨어 분석 도구를 사용하여 HTML 을 검사합니다. 소프트웨어 분석 도구인 Doctor HTML 은 HTML 의 모든 문제를 검사하는 데 도움이 됩니다. 검사할 웹페이지가 많다면 소프트웨어 분석 도구를 선택할 수 있습니다. 웹사이트에서
45 잘못된 링크 방지
웹 사이트에는 다른 유용한 웹 사이트에 대한 링크가 있을 수 있습니다. 그러나 웹 페이지에 링크가 있는 경우 링크가 유효한지 자주 확인해야 합니다. 링크된 사이트는 많을 수 있지만 콘텐츠와 무관한 사이트에는 링크하지 마세요.
관객들에게 성숙한 것을 주다
사이트가 제대로 되지 않았으니 인터넷에 보내지 마세요. 모든 좋은 사이트는 백그라운드가 완료된 후 발표된다.
검색 엔진에 웹 사이트 등록
주요 검색 엔진에 웹사이트를 등록하지 않는 한, 다른 사람들은 당신의 웹사이트를 찾기가 매우 어렵습니다. (존 F. 케네디, 검색명언)
게시판을 하나 설계하다
방문객들은 좋은 사이트에서 시간을 보내기를 원하기 때문에 방문객이 다시 당신의 사이트로 돌아가도록 동기를 부여할 수 있는 게시판을 갖는 것이 좋습니다. 사이트의 내용을 확대하는 데 도움이 될 것입니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 스포츠명언)
49 테스트 사이트
너의 사이트가 정식으로 발표되기 전에 너는 반드시 유용한 테스트를 해야 한다. 웹사이트를 디자인할 때는 최신 소프트웨어를 사용해야 하지만, 사람들이 최신 브라우저를 사용하고 있지 않다는 것을 잊지 말고 이전 브라우저를 잘 돌봐야 한다. 웹 사이트를 업로드할 때 모든 링크 및 탐색 도구 모음을 테스트합니다.
50 "새로운 것을 찾을 수 없을 때까지 설계된 사이트를 반복적으로 테스트하기 위해 최선을 다하십시오." -전문가 조언
5 1 곧 출시될 웹 사이트를 시연합니다.
사이트가 본격적으로 온라인화되기 전에 사람들에게 시범을 보여 주세요. 데모 과정에서 사람들은 디자인 사이트가 잘 작동하는지 알려줄 것이다.
52 애니메이션 포인트
웹 페이지에는 최대 하나의 애니메이션만 있습니다.
53 "기울어진 버튼은 그다지 예쁘지 않으니 사용하지 않는 것이 좋다." -전문가 조언
54 콘텐츠 조직
새 웹 페이지 작성을 시작하기 전에 웹 사이트 콘텐츠 구성을 신중하게 고려하십시오. 방문자에게 무엇을 브라우징하고 싶은지 결정하고 내비게이션 시스템을 설계한다. (존 F. 케네디, Northern Exposure (미국 TV 드라마), 예술명언)
55 《공백 만세》
비워 두십시오. 그림, 텍스트 및 불필요한 애니메이션 gif 로 웹 페이지를 가득 채우지 마십시오. 공간이 충분하더라도 설계 시에는 사용을 피해야 한다.
56 "공백을 사용하여 주의를 끈다. 주의를 끌기 위해 웹 디자이너는 눈 깜빡임, 회전 등과 같은 다양한 방법을 사용합니다. , 하지만 공백을 사용하면 더 많은 관심을 끌 수 있습니다. "-전문가 조언
57 이미지 압축
이미지를 작게 유지하기 위해 이미지를 자동으로 압축하는 GIF Wizard 와 같은 프로그램을 사용할 수 있습니다. 먼저 이미지 크기를 선언하고 이미지를 표시하기 전에 이미지 크기 속성을 자세히 설명하는 것이 좋습니다. 이 속성은 IMG 태그에 저장할 수 있습니다. 이렇게 하면 브라우저에서 이미지를 다운로드하기 전에 전체 웹 페이지를 화면에 표시할 수 있기 때문에 웹 페이지가 매끄럽게 보입니다.
58 개의 디자인 실패 사이트
위에서 티셔츠를 찾는 데 한 시간이 걸립니다. 매력적이지 않고 홈페이지가 너무 번거롭다.
-나쁜 디자인
-새로운 건 없어요.
-내비게이션은 이해할 수 없어
IMG 태그에 저장할 수 있는 59 이미지 크기 속성입니다. 이렇게 하면 브라우저에서 이미지를 다운로드하기 전에 전체 웹 페이지를 화면에 표시할 수 있기 때문에 웹 페이지가 매끄럽게 보입니다.
60 사용자 등록
누가 웹사이트를 방문했는지, 어떻게 방문했는지 알 수 있다면, 우리는 많은 유용한 정보를 얻을 수 있다. 그러나 방문자에게 웹사이트를 방문하기 전에 등록을 요청하는 것은 위험하다. 등록을 원하지 않는 사람들을 쫓아낼 수 있기 때문이다. 정보를 얻는 또 다른 방법은 사용자가 적극적으로 정보 피드백 양식을 작성할 수 있도록 수상 질의 응답 또는 금전적 보상을 하는 것입니다.
6 1 웹 사이트에 대화형 기능을 제공합니다.
방문자가 웹 사이트에서 상호 작용 정보를 얻을 수 있도록 웹 사이트에 질문에 대답하는 도구를 제공합니다.
62 사진 업데이트
가능한 한 자주 사이트의 사진을 교체하십시오. 사람들은 글보다 그림을 클릭하는 것을 더 좋아한다.
웹사이트에 게임을 제공하다
게임은 좋은 상호 작용 도구이며 방문자가 웹 사이트를 다시 방문하는 좋은 방법입니다.
64 선택 도구 소프트웨어
웹 디자인 도구를 신중하게 선택하십시오. 자신이 가장 원하는 것, 자기감각이 가장 좋은 소프트웨어를 사용해야 한다.
최신 버전의 소프트웨어를 사용합니다.