[오픈 챌린지 1기] Design Framework

▲ 오픈 챌린지 배너를 가공해서 만든 이미지

🗓️챌린지 기간: 2월 1일(목) ~ 2월 29일(목)

 

목차

🌟지원동기

---

• UX/UI에 대해서 따로 공부해본 적은 없음.
• 웹 개발 프로젝트 과정에서 디자인에 대해 공부해보고 싶다는 마음은 있어서, 언젠가 공부해야지 해야지 미루다가 오픈패스에서 진행하는 챌린지를 발견하고 신청함.
• 이번 기회에 새로운 마음으로 포기하지 않고 끝까지 공부해서 다시 환급받을 수 있도록 하고 싶음. 작심삼일 그만!

🌟1-1 Orientation

---

• Design Framework: 디자인이나 프로젝트에 필요한 메소드들, 방법들을 순서에 의거하여 체계적으로 나열해 놓은 것
• 프레임워크를 잘 구성하는 것보다 중요한 것은 프레임워크를 통해 도달하는 프로젝트의 목적임!

종이에 쓰기 불편해서 분할 화면으로 정리 중

🌟1-2 Design Framework

---

• design framework: 문제에 대한 정보와 아이디어들을 체계적으로 정리하여 효율적인 작업을 도와주는 시각 구조물

🚀 Start → Goal

• Start: 어떤 상황, 어떤 사람들, 어떤 데이터들 가지고 있는
• Goal: 이루고자 하는 것, 해결할 문제, 산출할 결과물
• Start에서 Goal까지 어느 정도의 리소스, 비용, 시간 등을 활용할 수 있는 현실적이고 환경적인 요소 생각해야 함

🚀 필요한 요소 구분

• UX 전략
• 메인과 서브, something 몇 가지의 테스크 플로우와 기능 정의서, 스크린 디자인
• 사용자 정의
• 스크린 디자인

현실적인 것들만 추출해서 나열함. 서로 연간관계가 있음. 사고의 순서에 따라 순서도를 배치함. 보통 기획, 개발, 디자인, PM이 함꼐 수립하는 마일스톤, WBS의 형태를 띰.

 

🚀 요약

1. Start, Goal의 선언
2. 수행해야 할 Thing들을 리스트업
3. 그에 맞는 Method 배치
4. 프로젝트를 수행하며 유연하게 조정

🌟후기

---

• 강의 시간이 길지 않아 적당했고, 이렇게만 꾸준히 하면 챌린지에 성공할 수 있을 것 같음. 기본 내용을 알려줘서 그런지 감지 잡히지는 않음.
• 처음에 프레임워크라는 단어만 보고 웹 프레임워크와 비슷한 것인줄 알았음. 개발자가 웹  구축을 쉽게 하도록 돕는 웹 프레임워크와 다르게 디자인 프레임워크는 컴포넌트와 디자인 가이드라인을 포함한, 반응형 디자인, 타이포그래피, 버튼, 네비게이션 바 같은 UI 요소의 재사용 가능한 디자인 패턴을 제공함.

 

[오픈 챌린지 1기 링크]

UX/UI 기초 정복 챌린지 | 오픈 챌린지 1기