반응형 UI디자인 완전 정복 with 피그마

디자인 시스템 구축 능력은 이제 선택이 아니라 취업과 실무의 필수 역량입니다. 이 강의에서는 디자인 시스템의 개념부터, Figma Variables·토큰·컴포넌트·반응형 설계까지 입문부터 시작하여 전문적인 스킬을 기를 수 있어요. 종합 실전 프로젝트에서는 모바일과 태블릿, 데스크톱을 모두 아우르는 디자인 시스템을 구축하고 서비스 페이지를 만들어봅니다. 입문자라면, 이 강의를 완강하고 나면 면접관이 “바로 실무 투입 가능하다”고 느낄 수 있는 차별화된 경쟁력을 갖추게 될거에요. 개발자/1인 창업가라면 디자인 시스템을 직접 구축해볼 수 있는 기반을 다지고 일관성 있고 품질이 높은 제품을 만들 수 있을 거에요.

디자인을 공부해본 적이 없는 비전공자 분들, 이제 막 UX디자인을 공부하기 시작한 학생들, UX 및 UI 디자인 취준생 분들을 위해 준비한 "피그마로 UI디자인하기 A to Z" 수업입니다. 포토샵 등 다른 툴을 전혀 모르는 분도 피그마만 활용해 UI디자인 전문가가 될 수 있도록 기초부터 고급 기능까지 알려드립니다.

디자인을 공부해본 적이 없는 비전공자 분들, 이제 막 UX디자인을 공부하기 시작한 학생들, UX 및 UI 디자인 취준생 분들을 위한 UX 디자인 개론 수업입니다. 빠른 시간 안에 기본기가 충실한 UX, UI디자이너가 되기 위한 방법들을 실무자의 관점에서 "대방출"하겠습니다.

UX/UI 디자인 취업을 목표로 하는 분, 그리고 현업에서 기획자/디자이너로 일하고 있지만 유저 리서치를 해본 적이 없는 분들을 위해 준비한 "유저 리서치 입문부터 실전까지" 수업입니다. 유저 리서치의 기본기부터 일대일 심층 인터뷰, 사용성 테스트의 실전 능력을 키워서 본질적으로 사용자의 문제를 해결하는 UX/UI 프로젝트를 진행할 수 있도록 하고, 궁극적으로 경쟁력 있는 UX/UI 취업 지원자가 되도록 이끌어드려요.

리서치 자동화부터 백엔드 데이터 연동, 나아가 실제 라이브 동적 웹을 배포하는 과정까지 함께 다루며 개인이 제품의 전체 생애 주기를 주도적으로 이끌 수 있는 풀스택 관점을 기르는 데 목적이 있습니다. AI 시대 경쟁력을 강화하고 싶은 분들께 생각을 현실화 하는 강력한 엔진으로 활용하는 힘을 드립니다.

UX 디자인의 핵심 원칙을 배워 더 나은 사용자 경험을 제공하세요! 이번 강의에서는 UX 디자인의 핵심 원칙인 단축성, 반응성, 사전방지성, 오류 발생 감지성, 가독성 등 UX 디자인 원칙을 깊이 있게 다룹니다. 전민수 UX 전문가가 직접 전하는 실전적인 접근법을 통해, 효율적이고 직관적인 디자인을 실무에 바로 적용할 수 있습니다. 30년 경력의 노하우로 사용자 주도권을 강화하고, 시스템과의 상호작용에서 발생할 수 있는 문제를 사전 예방하는 법까지, UX 디자인 원칙을 완벽히 익혀 더 나은 제품과 서비스를 만드는 방법을 배워보세요. 지금 바로 강의를 통해 사용자 중심의 창의적이고 혁신적인 디자인을 완성하세요!

휴리스틱 평가와 사용성 분석의 핵심을 마스터하세요! 자사와 경쟁사의 디자인을 비교 분석하고, 효율적으로 문제를 식별하는 능력을 키울 수 있습니다. 현업에서 바로 적용 가능한 전문가 UX 평가 스킬로 디자인 품질을 획기적으로 개선하세요!

"이렇게 바쁜 세상, AI를 활용해서 포트폴리오를 빠르게 만들 수 있다고?" 문제 정의부터 리서치 정리, 아이데이션, 프로토타이핑까지! AI를 실전 파트너로 활용해 완성도 높은 UX/UI 포트폴리오를 빠르게 만들어봐요. 최신 AI 툴은 물론, 실무에서 꾸준히 쓰이는 검증된 툴까지 프로젝트에 맞게 전략적으로 활용할 수 있어요.

html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다.

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

Figma디자인 + AI활용코딩 + 배포까지 풀스택 코스!! [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포] 내 디자인 그대로!! 1픽셀도 오차없이 바이브코딩으로 완성! AI활용으로 실무 생산성을 5배 높이는 풀스택 공략집! 디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다. ✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현 ✅ AI가 이해하는 디자인 설계 ✅ AI를 정확하게 통제하는 프롬프트 제작능력 ✅ AI가 맘대로 작성한 코드 척척 수정능력 디자인부터 코딩 배포까지 1/5로 단축되는 놀라운 경험을 느립니다.

이제 AI의 힘으로 누구나 쉽게 앱을 기획하고 UI를 그릴 수 있습니다! 코딩 몰라도, UI 경험 없어도 괜찮아요. Claude, ChatGPT 같은 AI 도구가 여러분의 아이디어를 현실로 만들어 드립니다. 단 몇 번의 질문만으로 타겟 고객을 분석하고, 앱 구조를 설계하고, 심지어 UI 화면까지 자동으로 생성할 수 있어요. 이 강의에서는 피그마를 처음 만져보는 분도 따라할 수 있도록 기초부터 차근차근 알려드립니다. 직접 손으로 그리지 않아도 HTML to Design 플러그인으로 기존 웹사이트 UI를 한 번에 가져올 수 있고, 구글 스티치나 readdy.ai 같은 AI 도구로 몇 초 만에 완성도 높은 화면을 만들 수 있어요. 창업을 꿈꾸는 분, 기획자로 전직하고 싶은 분, 개발자와 소통하고 싶은 분 모두에게 딱 맞는 강의입니다. 복잡한 이론 대신 바로 써먹을 수 있는 실전 노하우만 쏙쏙 뽑아서 알려드릴게요. 이제 아이디어만 있으면 누구나 앱 서비스를 기획할 수 있습니다!

HTML로 만든 카페 홈페이지를 CSS로 아름답게 꾸미는 실전 프로젝트 강의입니다. 색상, 레이아웃, 타이포그래피부터 Flexbox, Grid, 애니메이션, 반응형 디자인까지 CSS의 모든 기초를 민지와 코드 선생의 스토리를 따라가며 자연스럽게 배울 수 있습니다. 4시간의 학습으로 초보자도 프로페셔널한 웹 디자인을 완성할 수 있습니다.

예쁜 화면 100개보다 움직이는 프로토타입 1개! 피그마에서 조건부 로직으로 실제처럼 작동하는 프로토타입을 만들고, AI 시대에도 흔들리지 않는 디자인 사고력을 기르세요.

구현하고 싶은 앱/웹 아이디어는 있지만, 앱 서비스 기획 경험이 없어 어떻게 시작해야 될지 막막한 스타트업 대표, 단기간에 기획을 체계적으로 배우고 싶은 실무자, 경력자의 기획 업무 프로세스와 노하우를 배우고 싶은 주니어 기획자 모두 전문가가 될 수 있도록 Figma를 활용한 새로운 기획 방식 및 PM 17년차의 업무 스킬을 기초부터 차근차근 알려드립니다.