초보자 가이드:집에서 웹 디자인을 배우는 방법

당신이 당신의 자신의 웹 디자인을 배울 결정하는 경우,당신은 바로 이곳에 있습니다.

웹 디자인은 매우 복잡하고 위협적 일 수 있지만 기술과 인터넷 보급률이 발전함에 따라 서사적 인 비율로 성장했습니다. 웹 디자이너가 되는 것이 현재 발생안에 대중적인 동향이 되었다 고 의외가 아니다.

이 글에서,나는 자원과 팁 학습 웹 디자인을 통해 당신을 안내합니다. 이 경로로 가지고 가고 싶은 초심자를 위해,당신은 가이드로 이 기사를 봉사할 수 있다.

1 단계:마음을 정하고 계획을 세우십시오

웹 디자인을 배우는 것은 도전으로 가득 찬 장기적인 과제입니다. 당신은 심각하게 자신을 도전 할 필요가있다. 지금 당신의 마음을 확인 하 고 우리가이 문서에서 소개 하는 학습 가이드에 따라 계획을. 당신이 연습을 통해 웹 디자인을 배우기 시작하는 경우에 당신이 당신의 자신에 그것을 만들 것이라는 점을 기억하십시오. 그래서 준비!

2 단계:웹 디자인에 대한 기본적인 이해

“웹 디자인 학습을 어떻게 시작할 수 있습니까?”이것은 당신의 마음에있는 질문입니다. 웹 디자인을 철저히 배우려면 적어도 다음 두 가지 질문에 대한 답을 이해해야합니다.

웹 디자인이란 무엇입니까?

사람들은 종종 웹 디자인의 의미를 오해합니다.

웹 디자인은 정확히 무엇입니까?

시각적+상호 작용=웹 디자인

웹 디자인은 모두 문제 해결에 관한 것입니다. 그것은 웹 사이트의 모든 측면을 포함-예술,기술,과학,그리고 모양과 웹 사이트의 기능뿐만 아니라 사용자가 웹 페이지와 상호 작용하는 방법을 구축하는 기술.

많은 젊은 디자이너들은 웹 디자인의 개념을 개발의 개념과 오해하고 있다.

웹 디자인은 코딩과 프런트 엔드 또는 백엔드 개발에 관한 것이 아니라 디자인에 관한 것입니다.

물론 일부 코딩 언어를 알고 있다면 더 좋습니다.너가 초점을 맞춘 웹 디자이너 이고 싶으면),그러나 너는 프런트 엔드 또는 후부 발달으로 깊은 곳에서 얻으면 안된다. 그것은 웹 디자인의 핵심이 아니다.

웹 디자인 프로세스는 무엇입니까?

웹 디자인은 단순한 작업이 아닙니다. 그것은 완전 한 웹사이트에 빈 페이지를 만들기 위해 아직 재미 있는 매우 도전. 당신은 어떻게 그것을 할 수 있습니까?

웹 디자인 프로세스의 주요 단계를 따라야합니다. 그들은:

  • 목표 설정

디자인할 웹 사이트 유형을 결정합니다. 그것은 전자 상거래,기업,신제품 승진,또는 활동 프로젝트를 위해 입니까?

아무 생각이 없다면 블로그로 시작하십시오. 새로운 학습자의 경우 블로그를 구축하는 것이 다른 유형의 정교한 웹 사이트를 만드는 것보다 더 나은 선택입니다.

  • 일정 만들기

페이지 디자인을 위한 타임라인을 만듭니다. 웹 디자인 프로젝트에 관련된 모든 사람에게 작업을 할당합니다.

  • 사이트맵 만들기 및 와이어 프레임 만들기

브레인스토밍. 펜 또는 와이어 프레임 도구를 사용하여 아이디어를 와이어 프레임으로 바꿉니다. 너가 그들을 일찍부터 유효하게 할 수 있는다 하기 위하여 너는 명백한 무언가로 너의 생각을 번역한것을 필요로 한다.

  • 콘텐츠 만들기

디자인 요소,비주얼,복사 및 상호 작용이 포함된 콘텐츠를 추가합니다. 이것은 당신이 사용하는 모든 설계 및 개발 기술을 넣어 단계입니다. 이 단계에서 빈 페이지를 완성 된 웹 사이트로 변환합니다.

  • 테스트

웹 사이트를 테스트하고 유용한 피드백을 수집하십시오. 당신이 사용자 경험의 품질을 극대화 할 때까지 그것을 할,다음 시작 준비.

  • 시작

방문자가 귀하의 웹 사이트를 사용할 수 있도록하고 수집 된 피드백을 기반으로 개선하십시오.

이 43 분간의 웹 디자인 과정을 통해 웹 디자인 과정에 대한보다 포괄적 인 이해를 얻을 수 있습니다.

3 단계:학습 시작

일단 자신을 설정하고 웹 사이트 디자인의 기초를 이해하면 실용적인 학습 자료와 팁을 살펴볼 수 있습니다.

웹 디자인은 시각적 외관과 기능적 디자인을 모두 포함한다. 즉,2 가지 주요 사항을 배울 필요가 있습니다:

  • 당신은 어떻게 웹사이트 보기를 좋게 만드는가?
  • 어떻게 웹 사이트가 잘 작동합니까?

인터페이스(타이포그래피,탐색,이미지,공간,애니메이션,색상 등)를 디자인하는 방법을 배워야합니다.검색 엔진에 대한 귀하의 웹 사이트를 최적화 할 수 있습니다.

웹 디자인 학습 도서 읽기

웹 디자인을 배우는 가장 좋은 방법 중 하나는 책을 읽는 것입니다. 여기에 자신의 웹 디자인을 배우고 싶은 사람들을 위해 유용한 최고의 웹 디자인 도서의 5 입니다.

  • 웹 디자인 학습:초보자 가이드
  • 나를 생각하게 만들지 마라.: 웹 사용성에 대한 상식적인 접근 방식
  • 학습 웹 디자인
  • 웹 표준으로 디자인

웹 디자인 블로그 읽기

책벌레가 아니며 지루한 작업을 읽는 것을 발견하면 최고의 웹 디자인 블로그를 팔로우하여 두뇌를 유지할 수 있습니다. 대안으로 블로그를 사용 하 고 아무것도 밖으로 누락 되지 않도록 좋아하는 것 들에 가입.

  • 스매싱 매거진
  • 목플러스 블로그
  • 웹디자인 디포
  • 웹디자인
  • 웹디자인
  • 웹애퍼

학습 내용

일부 유용한 내용은 무료로 다운로드할 수 있습니다. 당신은 단계별로 웹 디자인 단계를 배울 수 있습니다. 이들은 너의 시간의 값이 있는 약간 보기 이다.

  • 웹 디자인-핸드북
  • 학습 웹 디자인 제 3 판-시맨틱 학자
  • 웹 디자인 101-미트
  • 웹 디자인을 사용 하 여 올바른 방법으로 자신의 웹 사이트를 구축 웹 디자인에 대 한 완전 한 가이드.당신이 트위터,드리블,비헌스,깃허브,그리고 그들이 활동하고 있는 다른 플랫폼과 같은 소셜 미디어 사이트에서 배우고 싶은 웹 디자이너를 팔로우하세요. 자신의 게시물을 읽고,당신이 감사하는 사람들을 위해 같은 버튼을 클릭,당신은 점을 추가하거나 질문을하고자하는 경우 코멘트. 당신이 운이 좋다면,당신은 자신에게 온라인 커뮤니티 또는 그룹의 멘토를 찾을 수 있습니다. 그러나 그들을 방해하고 부여에 대한 그들의 도움을 받아하지 않습니다.

    팔로우할 수 있는 웹 디자이너:

    • 이단 마르코트
    • 크리스 코이에
    • 이단 마르코트
    • 제프리 젤드만
    • 루크 로블루스키

    웹 디자인 비디오 자습서에서 알아보기

    온라인 유튜브 동영상을 많이 사용할 수 있습니다. 재미있는 물건을 보는 시간을 줄이고 웹 디자인을 배울 유튜브를 사용합니다. 여기에서 가장 인기있는 비디오 자습서 5 개를 추천합니다. 보고 즐길 수 있습니다.

    • 2018 년 초보자 웹 디자인 자습서-1 부 2

    • 초보자를위한 웹 개발 자습서 2018/2019-웹 사이트를 만드는 방법

    • 초보자를위한 웹 사이트 디자인 튜토리얼

    • 초보자를 위한 웹 개발 자습서

    • 초보자를 위한 웹 디자인 자습서

    온라인 과정에서 알아보기

    무료 온라인 과정은 다음 중 하나 일 수 있습니다 최고의 자원. 또한 다른 학습자들과 토론 할 수 있습니다.

    • 클래스 센트럴

    존스 홉킨스 대학,미시간 대학,구 루벤 대학,캘리포니아 대학,버클리 및 전 세계의 다른 최고 대학에서 무료 온라인 과정과 무디스와 웹 개발을 알아보세요.

    • 코 세라

    초보자가 웹 디자인을 배울 수있는 좋은 웹 사이트. 당신은 당신의 원하는 대학에서 과정을 선택하고 많은 사람들이 그것을 배우는 방법을 볼 수 있습니다. 제시된 데이터를 통해 코스를 선택하는 동안 많은 선택을 할 수 있습니다.그것은 당신의 디자인 기술을 구축하고 당신의 경력을 발전시키기 위해 많은 자원을 나열합니다. 당신은 어려움에 의해 단계의 다양한 수준의 단계별로 주제 단계를 배울 수 있습니다.이 응용 프로그램을 사용하면 코딩하는 데 도움이 될 수 있습니다.

    • 구글 코드 대학

    구글 개발자에서 코딩하는 방법에 대해 알아 봅니다.

    • 코드 어벤져스

    특히 이 학습 사이트는 코딩 챌린지 프로그램과 버그 사냥에 참여할 수 있는 큰 모험과 같기 때문에 특히 마음에 듭니다.

    웹 디자인 온라인 과정을위한 더 많은 장소:

    • 2015 년 11 월 1 일,서울시 강남구 테헤란로 15 길 16(역삼동),서울시 강남구 테헤란로 15(역삼동),서울시 강남구 테헤란로 15(역삼동),서울시 강남구 테헤란로 15(역삼동),서울시 강남구 테헤란로 15(역삼동),서울시 강남구 테헤란로 15(역삼동)이 응용 프로그램을 사용하면 웹 사이트를 탐색 할 수 있으며 웹 사이트를 탐색 할 수 있습니다. 일반적으로 드림위버와 같은 웹 디자인 앱을 사용하는 것은 괜찮습니다. 그러나 현재 대부분의 웹 사이트는 반응 형 웹 사이트를 기반으로하며 웹 사이트의 스킨입니다. 현대 웹사이트 디자인 수 없습니다. 웹 디자인 진행 하는 데 도움이 됩니다.

      리소스를 배우 HTML 과 CSS:

      • 30 일 Learn HTML and CSS
      • 초보자 가이드를 HTML&CSS
      • 두려워하지 않는 인터넷
      • 8 최고 무료로 응답 CSS 웹사이트 템플릿을

      할 수도 있습니다 가입하세 CodePen 커뮤니티입니다. 이것은 당신이 코드 조각을 편집하고 다른 사람과 공유 할 수있는 오픈 소스 커뮤니티입니다.

      자바스크립트 배우기

      자바스크립트는 웹상에서 배울 수 있는 중요한 언어입니다. 그것은 당신이 시차 효과와 강력한 웹 응용 프로그램과 같은 고급 사용자 상호 작용을 만들 수있는 도구입니다.

      자바스크립트를 배우기 위한 자료:

      • 32 웹 개발 초보자를위한 자바 스크립트를 배울 수있는 최고의 장소
      • 초보자와 숙련 된 프로그래머를위한 상위 37 자바 스크립트 책 2019

      웹 디자인 요소에 대해 알아보기

      당신이 관찰을 잘하는 경우에,당신은 매력적인 현대 웹 사이트의 대부분은 다음과 같은 기본 웹 사이트 요소의 좋은 배열을 가지고 있음을 발견 할 것이다:

      1 2 3 4 5 6 7 8 9 9 9 9 9 9 9 9 9 9 9 9 9 1 9 9 9 9 9 9 9 9 9 9 9 9 9 1 9 9 9 9 9 9 9 9 9 9 9 9 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 20 21 22 23 24 25 콘텐츠의 가독성을 보장하고 사용자 경험에 직접 영향을 미칩니다. 타이포그래피는 방문자에게 미학과 기능을 모두 제공하기 때문에 모든 현대 웹 사이트의 중요한 측면입니다.

      웹 타이포그래피를 배우기 위한 자료:

      • 17 최고의 타이포그래피 디자인 웹 사이트&자습서
      • 화려한 타이포그래피와 30 창조적 인 웹 사이트&색 구성표

      2)애니메이션 및 변환

      전환 및 변환은 웹 사이트 방문자에게 향상된 사용자 상호 작용을 제공합니다. 간단한 애니메이션을 만드는 가장 좋은 방법 중 하나는 변환 및 변환입니다. 또한,시차 스크롤 효과와 수평 스크롤 웹 사이트에 대한 좋은 선택입니다.

      3 색 구성표

      웹 사이트의 색상 조합은 웹 디자이너의 미적 선호도/스타일을 반영하고 시청자의 인식에 직접적인 영향을 미칩니다. 당신은 완벽한 사용자 인터페이스 인터페이스를 만들기 위해 현명하게 사용자 인터페이스 디자인에 색상을 사용하는 방법을 배울 필요가있다.

      4 개의 글꼴

      개인화 된 글꼴은 재미 있거나 표현력이 있지만 항상 실용적이지는 않습니다. 웹 사이트를 읽을 수 있고 전문적이기를 원한다면 가장 적합한 글꼴을 선택하십시오. 우수한 웹 디자인을위한 최고의 구글 웹 글꼴(20)를 확인합니다. 그들은 무료로 사용할 수 있습니다!

      5 레이아웃

      웹 레이아웃 디자인은 기술과 예술의 교차점에 초점을 맞추고 있다. 웹 레이아웃 디자인은 텍스트 및 이미지와 같은 시각적 요소의 조합을 참조하여 페이지를 아름답고 쉽게 탐색 할 수 있도록합니다. 시각적인 커뮤니케이션의 중요한 모양 및 웹 디자인의 불가결한 부분 이다. 다음은 최고의 웹 사이트 레이아웃 예제 및 아이디어 중 9 가지입니다.

      6 그림

      이미지는 사람들에게 텍스트보다 더 강렬한 시각적 인상을줍니다. 그들은 사용자의 관심을 끌 기회를 증가시킬 수 있습니다.

      7 응답형 디자인

      응답형 웹 디자인은 여러 화면 크기에서 작동하는 웹 사이트를 구축하기 위한 기술 모음입니다. 이 47 분 코스로 배우십시오.

      와이어프레임/프로토타이핑의 기본 사항 알아보기

      와이어프레임/프로토타이핑은 전체 웹사이트 디자인 및 개발 과정에서 귀하의 웹사이트를 위한 토대를 마련하는 중요한 단계입니다. 그것은 당신이,브레인 스토밍 청사진을 만들고,사이트의 구조에 대한 명확한 아이디어를 얻을 수 있습니다.

      다른 용어를 혼동하지 마십시오. 사진,일러스트레이션,3 차원 아트 워크,웹 사이트 및 모바일 앱 디자인,비디오 편집,실제 그림 시뮬레이션 등을 제작하고 향상시키는 데 사용할 수 있습니다. 당신은 초보자를위한 단계 어도비 포토샵 자습서에 의해 22 최고의 무료 단계 중 하나를 통해 사용하는 방법을 배울 수 있습니다.

      드림위버-웹 개발 도구

      여러 플랫폼과 브라우저에 대한 동적 웹 페이지를 만드는 데 사용할 수 있습니다. “드림위버는 사용자가 모바일 콘텐츠뿐만 아니라 웹 사이트를 디자인,코드 및 관리 할 수 있도록합니다. 이것은 수학적으로 정확한 유형 계층구조인,강력한 타입을 정의합니다.”(위키 백과). 드림위버에 초보자 가이드와 함께 시작합니다.

      모크플러스-프로토타이핑 도구

      모크플러스는 웹 디자이너가 대화형 웹 모형을 만들 수 있는 최고의 프로토타이핑 도구 중 하나입니다. 당신은 드래그 앤 웹 사이트를 구축 할 구성 요소를 삭제하고,웹 사이트 또는 다른 형식으로 미리 볼 수 있습니다. 프로토타입을 무료로 시작하는 데 10 분 밖에 걸리지 않습니다.

      웹 사이트 빌더로 알아보기

      웹 사이트 빌더로 시작하면 웹 사이트를 만들고 디자인하는 모범 사례를 빠르게 이해할 수 있습니다. 미리 디자인된 템플릿과 사용자 인터페이스 키트를 사용하면 단순히 요소를 사용자 정의하거나 코드 조각을 추가하여 방문자가 존경하는 웹사이트를 만들 수 있습니다.

      웹 사이트 빌더,당신은 시도 할 수 있습니다:

      • 웹 호스트 검토
      • 윅스
      • 상수연락
      • 사이트 123
      • 짐도
      • 워드프레스

      검색엔진 최적화 알아보기

      검색 엔진 물건을 다루는 검색 엔진 최적화 전문가를가지고 하는 것이 좋다. 하지만 디자인 검색 엔진 최적화 귀하의 웹사이트에 콘텐츠를 검색 엔진에 의해 읽고 순위에 역할을 하기 때문에 꽤 연결 됩니다. 당신은 검색 엔진 최적화에 최적화 된 웹 사이트를 디자인 할 경우,다음 검색 엔진 최적화의 기초를 아는 것은 필수입니다. 적어도 페이지 및 요소에 대한 메타 설명에 대해 알아야합니다.

      디자인 트렌드 알아보기

      디자인 트렌드는 빠르게 변화하고 있습니다. 당신은 현대적인 웹 사이트를 디자인하는 최신 디자인 동향 및 웹 개발 기술을 알고 있어야합니다. 영감을 얻기 위해 2019 년에 꼭 알아야 할 10 가지 웹 디자인 트렌드와 예제를 간단히 살펴 볼 수 있습니다.

      4 단계:와이어프레임으로 시작

      와이어프레임으로 웹사이트 디자인 프로세스를 시작합니다. 와이어 프레임은 웹 디자이너가 브레인 스토밍 및 초기에 자신의 생각을 검증하는 데 도움이됩니다. 와이어 프레임을 스케치하기위한 10 가지 실용적인 팁으로 와이어 프레임을 시작하십시오.

      단계 5: 웹 사이트를 디자인하기 위해 배운 것을 사용하십시오

      이제 3 단계에서 배운 것을 테스트 할 때입니다. 당신은 그것을 해서 웹 디자인을 배워야 한다. 그런 다음 당신은 당신이 이해하고 당신이하지 않는 것을 알 수 있습니다.다음 학습을 유지하고 계속.

      6 단계:피드백 요청 및 개선

      블로그 또는 다른 웹 사이트를 만든 경우 사람들을 초대해야합니다. 너가 그때 향상시킬 수 있는다 처럼 다량 의견을 얻는것을 해보십시요.

      웹 디자인 학습 자주하는 질문

      웹 디자인을 배우는 데 얼마나 걸립니까?

      웹 디자인 학습은 지속적인 과정이지만 몇 달 안에 배울 수 있습니다. 일반적으로,그것은 당신이 걸릴 것입니다 5 개월 배울 수 있습니다. 또한 포토샵,스케치 및 모의 플러스와 같은 디자인 도구에 시간을 할애 할 필요가있다.

      또한 웹 표준,디자인 원칙,사용자 인터페이스 디자인,브라우저 간 호환성 및 응답성을 이해해야 합니다. 이 모든 것을 배우려면 3~4 개월이 걸릴 것입니다.

      그리고 가장 중요한 것은 당신이 모든 수업 후 웹 디자인의 필드를 입력 막 것입니다. 디자인은 변화하고,기술은 변화하고 있다 그래서 당신은 지속적으로 배우는 것을 계속할 필요가 있다.

      학위없이 웹 디자이너가 될 수 있습니까?

      학위없이 웹 디자이너가 될 수 있습니다. 웹 디자이너,학위는 해야 하지 않습니다,그리고 당신이 해야 하는 것은 프로그래밍에 관심,시각 디자인의 지식 및 웹 개발의 언어로 코딩,뿐만 아니라 웹 디자인에 다른 기술. 그러나 학위는 대부분의 경우에 고용 얻기의 당신의 기회를 증가할 수 있다.

      웹 디자인 과정을 수강 한 후에는 무엇을 할 수 있습니까?

      웹 디자인 과정을 마친 후에는 라이브 프로젝트를 수행 한 다음 웹 디자인 회사에 취업하거나 프리랜서가되어 프로젝트와 고객을 직접 찾을 수 있습니다.

      웹 디자인에는 미래가 있습니까?

      우리는 웹사이트로 가득한 디지털 세상에 살고 있다. 미래는 매우 유망합니다.

      크리에이티브 그룹 2019 급여 가이드에 따르면 프런트 엔드 웹 개발자는 크리에이티브 및 마케팅 분야에서 가장 높은 임금을받는 직업 중 하나이며,사용자 경험 연구원,카피라이터 등이 있습니다. 글래스도어에 따르면,웹 개발자들은 연간 41.6 천~78.3 천 달러를 받고,페이스케일에 따르면 연간 16.4 천~34.6 천 달러를 받는다. 평균 웹 디자이너 급여는 약$49,693 입니다.

      웹 디자인은 쉬운가?

      몇 달 안에&의 기초를 배울 수 있기 때문에 처음에는 간단 해 보일 수 있습니다. 이 업계에서 발전하지만,당신은 더 도전 찾을 수 있습니다. 당신은 지속적으로 모든 변화에 발 맞추어 새로운 기술을 배울 필요가있다. 그러나 웹 사이트 및 웹 응용 프로그램을 구축하는 데 관심이 있다면 웹 디자인이 쉬울 수 있습니다.

      결론

      독자적으로 웹 디자인을 배우고 싶다면 위의 정보는 시작하는 데 필요한 모든 것을 갖추고 있습니다. 페이스 북이나 트위터”답을 찾고”에 시간을 낭비 중지합니다.. 이러한 플랫폼에서 디자인 커뮤니티를 구축 할 수는 있지만 시간을 목적없이 보내면 웹 디자이너가 될 수 없습니다. 그래서,아래로 쭈그리고 앉아 학습을 시작합니다. 당신에게 학습과 행운을 포기하지 마십시오!

Leave a Reply

답글 남기기

이메일 주소는 공개되지 않습니다.