시작하기

시각적 커뮤니케이션, 즉 Graphic User Interface를 만들기 위한 디자인 시스템입니다. 모바일 스마트폰 환경을 기준으로 하며 iOS, Android, Web 환경에 대응할 수 있는 시스템을 지향합니다. 주로 Sketch 파일로 구성되며 세분화된 통합된 디자인 시스템과 따로 사용할 수 있는 라이브러리로 나뉩니다.

버전 관리

Abstract

원본을 유지하면서 다양한 시도를 해볼 수 있는 버전 관리 애플리케이션

Github Desktop

깃헙에서 제공하는 코드 버전 관리 애플리케이션

그래픽 디자인

Sketch

디지털 디바이스 디자인에 최적화된 애플리케이션

Zeplin

자세한 수치 정보와 코드,에셋을 전달할 수 있는 애플리케이션

Photoshop

이미지를 자유자재로 편집할 수 있는 강력한 이미지 편집 애플리케이션

Illustrator

높은 디테일의 세밀한 표현을 위한 벡터 이미지 애플리케이션

After Effect

화면상의 모션을 표현할 수 있는 대표적인 애플리케이션

프로토타이핑

Invision

플로우와 인터랙션을 만들 수 있는 웹 애플리케이션

Protopie

코드 없이 인터랙션을 구현할 수 있는 프로토타이핑 애플리케이션

Framer

커피스크립트 코드를 이용한 프로토타이핑 애플리케이션

프로그래밍

Brackets

처음 코딩을 시작할 때 사용하기 간단한 에디터

xcode

ios 개발 툴

Android Studio

안드로이드 개발 툴

언어

HTML

하이퍼텍스트 마크업 언어로 웹을 만드는 대표적인 문서형

CSS

종속형 시트 또는 캐스케이딩 스타일 시트. 웹의 시각적인 스타일링

JS

객체 기반의 스크립트 프로그래밍 언어. 웹에서 반응에 대한 움직임을 제어

React

페이스북에서 개발한 UI 자바스크립트 라이브러리

Swift

애플 공식 프로그래밍 언어

Kotlin

안드로이드 공식 오픈소스 프로그래밍 언어