내 생각.
내 디자인.
내 코드.
이 순서 어떠세요?
포토샵 👉 일러스트레이터 👉 어도비 XD 👉 HTML, CSS 👉 JavaScript 👉 jQuery
1. 디자이너의 필수 프로그램 포토샵!
저는 포토샵은 주로 웹 사이트에 사용할 이미지 작업에 사용하고 있어요! 사이트 배너를 만들거나, 이미지 형태나 색 보정등을 쉽게 할 수 있죠 :D
2. 본격적으로 웹,앱 디자인에 필요한 수업을 배워볼까요?
아이콘, 로고, 캐릭터 등 웹, 앱디자인에 필요한 디자인 소스들을 작업할 때 많이 사용해요!
3. 버튼을 누르면 어느 페이지로 이동해야할까요?
프로토타이핑은 서비스를 개발할 때 꼭 필요한 과정입니다. 포토샵, 일러스트레이터와 호환이 가능한 XD로 학습해보세요 :)
4. 프론트엔드 개발자의 첫 걸음! Html, CSS
HTML은 웹 문서를 만들기 위한 기본적인 웹 언어죠! 동영상, 링크, 표 지도 등 다양한 요소들을 넣을 수 있어요.그 후, CSS코드를 작성하여 디자인 된 화면을 나타내죠 :D
5. 웹페이지의 동작을 담당하는 자바스크립트
예를 들어 해당 버튼을 클릭하면 메시지 발송과 같은 명령을 내릴 수 있어요!
6. 자바스크립트 라이브러리 jQuery
라이브러리는 자주 사용되는 기능이나 구현하기 어려운 기능들을 하나로 묶어서 만들어 놓은 코드 창고죠. 쉽고 빠르게 구현할 수 있도록 도와줍니다.
포토샵과 일러스트레이터는 무슨 차이가 있나요?
비트맵 방식과 벡터 방식
포토샵은 비트맵 방식으로 사각형 pixel 단위로 이루어진 그래픽 형식으로 강제로 사이즈를 키우면 픽셀이 보여 깨져보입니다.
반면 벡터 방식인 일러스트레이터는 수학적 공식으로 이루어진 그래픽형식으로 사이즈를 키워도 깨지지 않아 여러 매체에 활용되고 있습니다.
프로토타이핑은 서비스를 개발할 때 꼭 필요한 과정입니다.
개발 초기에 시스템의 모형을 간단히 만들어 사용자에게 보여주고, 사용자가 기기나 시스템을 직접 사용해 보게 한 뒤, 기능의 추가, 변경 및 삭제 등을 요구하면 이를 즉각 반영해 시스템을 개선시켜 나갑니다 :D
이런 분들께 추천드려요!
왕초보
디자인 기본 스킬부터 차근차근 익히고픈 분
웹디 새내기
웹코딩 배워야 하는 웹 디자이너 지망생
자바스크립트?
반응형 웹 디자인에 관심있는 분
jQuery?
실무에서 jQuery 제대로 써먹고픈 웹 디자이너