[입문~초급] 디자인만 하기엔 내 월급은 작고, 귀여우니까🐥
내 생각.
내 디자인.
내 코드.
이 순서 어떠세요?
포토샵 👉 일러스트레이터 👉 어도비 XD 👉 HTML, CSS 👉 JavaScript 👉 jQuery
저는 포토샵은 주로 웹 사이트에 사용할 이미지 작업에 사용하고 있어요! 사이트 배너를 만들거나, 이미지 형태나 색 보정등을 쉽게 할 수 있죠 :D
아이콘, 로고, 캐릭터 등 웹, 앱디자인에 필요한 디자인 소스들을 작업할 때 많이 사용해요!
프로토타이핑은 서비스를 개발할 때 꼭 필요한 과정입니다. 포토샵, 일러스트레이터와 호환이 가능한 XD로 학습해보세요 :)
HTML은 웹 문서를 만들기 위한 기본적인 웹 언어죠! 동영상, 링크, 표 지도 등 다양한 요소들을 넣을 수 있어요.그 후, CSS코드를 작성하여 디자인 된 화면을 나타내죠 :D
예를 들어 해당 버튼을 클릭하면 메시지 발송과 같은 명령을 내릴 수 있어요!
라이브러리는 자주 사용되는 기능이나 구현하기 어려운 기능들을 하나로 묶어서 만들어 놓은 코드 창고죠. 쉽고 빠르게 구현할 수 있도록 도와줍니다.
포토샵과 일러스트레이터는 무슨 차이가 있나요?
포토샵은 비트맵 방식으로 사각형 pixel 단위로 이루어진 그래픽 형식으로 강제로 사이즈를 키우면 픽셀이 보여 깨져보입니다.
반면 벡터 방식인 일러스트레이터는 수학적 공식으로 이루어진 그래픽형식으로 사이즈를 키워도 깨지지 않아 여러 매체에 활용되고 있습니다.
프로토타이핑은 뭔가요?
개발 초기에 시스템의 모형을 간단히 만들어 사용자에게 보여주고, 사용자가 기기나 시스템을 직접 사용해 보게 한 뒤, 기능의 추가, 변경 및 삭제 등을 요구하면 이를 즉각 반영해 시스템을 개선시켜 나갑니다 :D
이런 분들께 추천드려요!
왕초보
디자인 기본 스킬부터 차근차근 익히고픈 분
웹디 새내기
웹코딩 배워야 하는 웹 디자이너 지망생
자바스크립트?
반응형 웹 디자인에 관심있는 분
jQuery?
실무에서 jQuery 제대로 써먹고픈 웹 디자이너
비전공자도 쉽게 배우는 포토샵 기초 강좌입니다. 빠르게 포토샵 툴을 배워야하는 디자인과 1,2학년 분들, 포토샵으로 부업하고 싶은 분들, 본인의 사업을 꾸미고 싶은 분들, 유튜브 크리에이터나 블로그와 … 자세히 보기
포토샵 기초 강좌와는 다른 스킬 UP 실전 강좌입니다! 다양한 예제를 따라하며 익힌 후에는 여러분의 머리속에 있는 디자인을 비주얼적으로 충분히 표현 할 수 있어요.
강력한 디자인 툴인 'Illustrator CC'를 배우고 다양한 디자인 소스를 만들어봅니다. 웹이나 앱디자인에서 바로 활용할 수 있는 기능과 예제 중심으로 작업해보며 입문에서 활용까지 빠르게 익히실 … 자세히 보기
UX/UI 디자인에 가장 적합한 툴이자, 디자인과 프로토타이핑 툴인 어도비 XD CC의 기초를 배울 수 있는 강좌입니다. 웹 사이트, 모바일 앱 등의 경험디자인과 프로토타이핑을 공유할 수 있고, 다른 … 자세히 보기
학원에서 실제 강의하는 내용을 정리했습니다. html과 css의 기초를 다지고, 다양한 실습을 진행하도록 준비했습니다. 취업을 위해 웹 표준의 기초를 다지고 싶다면 이 기회를 잡으세요. 또, 학원을 … 자세히 보기
이 수업은 https://opentutorials.org 를 만들어가면서 JavaScript에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다. 생활코딩의 Web2시리즈 중에 … 자세히 보기
혹시 남이 만들어 둔 jQuery 코드를 이해안하고 자동적 Ctrl + C/V를 하고 있진 않나요? 실무에서 가장 빈번하게 사용되는 jQuery 여러 함수들과 이벤트들을 알아보고, 직접 사용해 보면 … 자세히 보기