이 클래스가 특별한 네 가지 이유
UI를 설계하기 위한 사고력부터
이 강의는 툴의 기능을 익히는 것에서 끝나지 않습니다.
사용자의 행동, 서비스를 사용하는 목적에 따라 디자이너가 UI를 고민하고 선택하는
사고력을 먼저 기르는 커리큘럼입니다. UI의 개념과 용도, 세부 구성요소, 요소의 위계 등을 공부하며,
실무에서 바로 쓸 수 있는 구조적인 UI 디자인 과정을 경험하게 됩니다.
피그마 무료 플랜으로 완성하는 실습
피그마의 무료 플랜 만으로도 실제 업무에 바로 투입할 수 있는 수준의 프로젝트를 완성할 수 있습니다.
피그마를 처음 다루는 분들이 부담 없이 학습하실 수 있도록,
피그마 핵심 기능에 충실한 실제 예제와 실습 과정을 중심으로 강의가 구성되어 있습니다.
UI의 작은 단위에서, 화면 전체까지 단계별 완성
텍스트필드, 내비게이션 바, 카드 등 실제 서비스에서 반복적으로 사용하는 작은 UI패턴을 디테일하게 파봅니다.
UI가 어떻게 구성되어 있는지 구조와 이유를 이해한 후, 구조에 맞는 실제 UI를 디자인하게 됩니다.
UI를 디자인하는 원리를 알고 나면, 요소 하나하나 설계한 후 화면에 단계적으로 배치하는 디테일한 활용능력을 키울 수 있습니다.
목적에 맞는 프로토타이핑까지
단계적으로 화면 설계를 해 본 후에는 프로토타이핑까지 학습합니다.
피그마의 프로토타이핑 목적이 '사용자 또는 협업구성원과의 빠른 소통에 있다는 점'을 먼저 이해하고,
사용자의 행동 흐름을 생각하는 연습 후에 프로토타이핑 기능을 다뤄 봅니다.
수강 효과
실제 서비스 흐름에 맞는 UI를 직접 설계할 수 있습니다.
피그마 무료 플랜의 주요 기능을 자유롭게 활용합니다.
화면 연결과 사용자 인터랙션 원리를 쉽게 익힙니다.
초보자도 실무형 프로토타입 작업을 경험합니다.
목적 중심으로 UI 선택·구성을 연습할 수 있습니다.
추천 대상
피그마를 처음 배우는 예비 디자이너
UI/UX 설계가 처음인 입문자
실무 흐름을 배우고 싶은 주니어 디자이너
무료로 실습하고 싶은 디자인 초급자
서비스 연결 구조가 궁금한 UX 기획자
수강 전 참고사항
본 강의는 피그마 무료 플랜의 내용을 충분히 활용하며, PC 환경에서의 실습을 권장합니다.
비전공자, 초보자도 누구나 따라올 수 있게 기초부터 단계별로 안내합니다.
수업 자료와 예제 파일이 제공되므로 피그마에 가입되어 있으면 바로 학습할 수 있습니다.
유료 플랜 관련 내용은 포함되어 있지 않습니다.
クラスカリキュラム1
カリキュラム
チャプター 0 件クリエイター紹介
콩장
안녕하세요! 프로덕트 디자이너 장미순이라고 합니다.
클래스에서 여러분을 만나뵙게 되어 반갑습니다!
저는 20여 년 동안 여러 기업의 인하우스 디자이너, 스타트업의 프로덕트 디자이너로 일하며 포토샵 > 스케치 > 피그마 등 디자인 툴을 전환한 경험이 있어요. 그동안의 UI디자인 툴이 실제 디자이너들의 사용경험에 얼마나 최적화되어 있는지 자세히 써보면서 툴 전환에 앞장섰어요. 그 경험에서 깨달은 건, 툴이 바뀌어도 본질은 바뀌지 않는다는 점이었어요.
피그마는 어떻게 써야 제대로 활용하는 것일까요?
중요한 것은 ‘어떤 툴을 쓰느냐’보다 툴에서 제공하고 있는 기능을 정말 써야 하는 곳에 제대로 활용할 수 있는지인 것 같아요. 그래서 저는 수년간의 경험을 토대로 피그마를 어떻게 사용하는 것이 가장 효과적이고 실용적인지를 고민하면서 강의를 만들었습니다.
피그마는 디자인 툴에서 벗어나 좀 더 넓고 다양한 영역에서 사용되고 있어요. 그냥 남들 다 쓴다고 하니까 나도 써야 하는 거 아닌가? 이 툴을 배우면 어디에 활용할 수 있는 걸까? 나에게 도움이 될까? 하는 생각에 머뭇거리는 분들에게 제 경험을 바탕으로 피그마를 효율적으로 사용하는 방법을 알려주고 싶어서 클래스를 열게 되었습니다.
강의와 멘토링에서 쌓인 데이터를 바탕으로 커리큘럼을 구성했어요.
저는 여러 번의 피그마 관련 온오프라인 강사와 UXUI디자인 튜터로 활동하면서, 지금까지 함께 해 온 수많은 수강생들이 무엇을 궁금해하는지, 어떤 실수를 주로 하는지에 대한 데이터가 쌓여 있습니다. 디자인과 툴 사용이 처음인 분들에게 '원리와 이유'를 강조하며 수강생 분들이 놓치고 있는 부분을 멘토링 해왔습니다. 그 결과 툴 자체를 낯설어하셨던 수강생 대부분이 직접 UI를 설계, 제작하는 경험을 하며 실전 경험과 자신감을 동시에 쌓았다고 이야기 합니다. 덕분에 이번 강의를 제작할 때도, 수강생들이 흔히 놓치거나 혼동할 수 있는 부분을 미리 파악하고, 이해가 잘 안 되는 부분을 더 집중적으로 깊게 다루면서 학습하실 수 있도록 구성했습니다.
기능은 왜 써야 하는지 원리부터, 디자인은 구조와 맥락부터
강의는 UI디자인의 원리부터 짚어주고, 실제로 많이 사용하는 UI를 만들어봅니다. 왜 이렇게 써야 하는지를 모르면 쓰는 기능만 쓰거나, 강의에 있는 예제 외에는 활용하기가 어려우실 수 있어요. 원리를 알고 다양하게 활용하는 것이 중요하니, '왜'에 대한 내용을 같이 공부해 보면 좋을 것 같아요!
원리를 이해한 후에는, ‘지금 당장 써야만 하는’ 유용한 실무 팁을 바로바로 UXUI디자인에 적용할 수 있도록 구성했습니다. 자주 사용하는 UI패턴을 만들어보는 실습 중심으로 진행되기 때문에, 단순히 배우는 데 그치지 않고 UI요소와 스크린 디자인을 하며 경험을 쌓을 수 있을 거예요.
이 강의는 피그마를 처음 사용해보는 분들에게도, 이미 실무에서 쓰고 있는 분들에게도 유용할 거예요. 피그마를 제대로 활용하고 싶은 분들이나, 툴에 대해 고민하는 분들이라면 저와 함께 배우면서 실력을 쌓아가실 수 있어요. 툴을 배우는 과정이 어렵게 느껴질 수 있지만, 저는 그 과정을 즐기며 자연스럽게 배울 수 있도록 돕고 싶습니다. 저와 함께 피그마를 단계적으로 마스터해 보시죠!
@congjang