#1 - 디자인 순서와 사용 툴

 

디자인 프로세스

기본적으로 사용하는 디자인 프로세스다. 각 항목에 대해서는 다음 글에서 다룰 예정이다.

 

순서	항목	세부 항목	내용
1	정의	디자인 목표 설정	디자인을 통해 이루고 싶은 목표 및 목적 설정
		디자인 컨셉 아이데이션	디자인 목표를 달성하기 위한 비쥬얼 컨셉 아이데이션 진행
2	사전 준비	비쥬얼 컨셉 설정	정의를 바탕으로 비쥬얼 컨셉 구체화 / 정리
		프로토 타이핑 만들기	프로토 타이핑 제작
3	디자인	디자인 진행	포토샵 / 스케치 / 어도비 XD를 사용하여 실제 디자인 진행
		스타일 가이드	진행된 디자인 파일에 대한 가이드 제작. 제플린 사용
		디자인 템플릿	공통 요소나 제플린으로 커버되지 않는 부분을 별도로 정리하여 템플릿 제작
		디자인 검수	퍼블리셔 또는 프론트엔드에서 제작한 내용과 디자인 내용이 동일한지 검수. 만약 가이드와 다른 부분이 있다면 관련 내용 전달

 

 

#디자인 정의 설명 바로가기

rosakim90.tistory.com/entry/2-%EB%94%94%EC%9E%90%EC%9D%B8-Define?category=930088

#2 - 디자인 정의

 

#사전 준비 설명 바로가기

rosakim90.tistory.com/entry/3-%EB%AA%A8%EB%B0%94%EC%9D%BC-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%99%98%EA%B2%BD?category=930088

#3 - 사전 준비

 

#디자인 설명 바로가기

rosakim90.tistory.com/entry/4-%EB%94%94%EC%9E%90%EC%9D%B8-%EC%A4%80%EB%B9%84-%ED%99%94%EB%A9%B4-Setting

#4 - 디자인 시작

 

 

 

 

---

디자인 툴

디자이너들이 사용하는 기본 툴이다. 

 

1. 포토샵 : 이미지 제작에 용이한 포토샵
2. 스케치 / 어도비 XD : UI 화면 제작에 특화된 툴. 간단한 화면 이동으로 목업 제작 가능
3. 인비전 : 프로토 타입 제작 툴. 애니메이션에 특화되어 있다.
4. 피그마 : UI 화면 제작 / 프로토 타입 제작 툴. 터치 및 클릭에 대한 프로토타입 제작 가능
5. 제플린 : 디자인 가이드를 위한 툴

 

 

# 19년도 Design Tool 순위 

uxtools.co/survey-2019/#demographics

2019 Design Tools Survey Results

 

---

 

 

 

일정 때문에 디자인 작업 시작부터 핀터레스트를 켜던 나에 대해 반성하게 된다.

이제는 시간이 조금 걸릴지언정 프로세스에 따라 깊게 생각하고 의미 있는 것을 만들어야겠다고 생각했다.

 

그리고 내가 첫 회사를 다닌 시점에, 전 세계적으로 스케치는 UI Tool사용이 1위였다는 것은 충격이었다.

포토샵으로 한 땀 한 땀 화면을 그리고, 가이드를 치는 동안 사람들은 이렇게나 빨리 앞서 있었구나 새삼 느꼈다.