[입문~초급] 디자인만 하기엔 내 월급은 작고, 귀여우니까🐥

포함된 강의수: 7개

마지막 업데이트: 2020.03.30

내 생각.
내 디자인. 
내 코드.

이 순서 어떠세요?

포토샵 👉 일러스트레이터 👉 어도비 XD 👉 HTML, CSS 👉 JavaScript 👉 jQuery

1. 디자이너의 필수 프로그램 포토샵!
저는 포토샵은 주로 웹 사이트에 사용할 이미지 작업에 사용하고 있어요! 사이트 배너를 만들거나, 이미지 형태나 색 보정등을 쉽게 할 수 있죠 :D 
2. 본격적으로 웹,앱 디자인에 필요한 수업을 배워볼까요?
아이콘, 로고, 캐릭터 등 웹, 앱디자인에 필요한 디자인 소스들을 작업할 때 많이 사용해요! 
3. 버튼을 누르면 어느 페이지로 이동해야할까요?
 프로토타이핑은 서비스를 개발할 때 꼭 필요한 과정입니다. 포토샵, 일러스트레이터와 호환이 가능한 XD로 학습해보세요 :)
4. 프론트엔드 개발자의 첫 걸음! Html, CSS
HTML은 웹 문서를 만들기 위한 기본적인 웹 언어죠! 동영상, 링크, 표 지도 등 다양한 요소들을 넣을 수 있어요.그 후, CSS코드를 작성하여 디자인 된 화면을 나타내죠 :D
5. 웹페이지의 동작을 담당하는 자바스크립트
예를 들어 해당 버튼을 클릭하면 메시지 발송과 같은 명령을 내릴 수 있어요!
6. 자바스크립트 라이브러리 jQuery 
라이브러리는 자주 사용되는 기능이나 구현하기 어려운 기능들을 하나로 묶어서 만들어 놓은 코드 창고죠. 쉽고 빠르게 구현할 수 있도록 도와줍니다.
 

 

포토샵과 일러스트레이터는 무슨 차이가 있나요?

 
비트맵 방식과 벡터 방식
포토샵은 비트맵 방식으로 사각형 pixel 단위로 이루어진 그래픽 형식으로 강제로 사이즈를 키우면 픽셀이 보여 깨져보입니다.

반면 벡터 방식인 일러스트레이터는 수학적 공식으로 이루어진 그래픽형식으로 사이즈를 키워도 깨지지 않아 여러 매체에 활용되고 있습니다.

프로토타이핑은 뭔가요?

 
프로토타이핑은 서비스를 개발할 때 꼭 필요한 과정입니다. 

개발 초기에 시스템의 모형을 간단히 만들어 사용자에게 보여주고, 사용자가 기기나 시스템을 직접 사용해 보게 한 뒤, 기능의 추가, 변경 및 삭제 등을 요구하면 이를 즉각 반영해 시스템을 개선시켜 나갑니다 :D 

이런 분들께 추천드려요!

 

왕초보

디자인 기본 스킬부터 차근차근 익히고픈 분

웹디 새내기

웹코딩 배워야 하는 웹 디자이너 지망생

자바스크립트?

반응형 웹 디자인에 관심있는 분

jQuery?

실무에서 jQuery 제대로 써먹고픈 웹 디자이너

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스