- Видео 104
- Просмотров 86 040
코딩하는 디자이너 [잘난웹디]
Южная Корея
Добавлен 11 фев 2020
안녕하세요?
강의와 실무 경력 25년차 강사 J.young입니다.
저는 현재 강남에서, 디자인 실무 디렉터 및 직업훈련 교육으로
UIUX디자이너, 퍼블리셔, 코딩하는 디자이너로 취업 강의를 진행하고 있습니다.
또한, 인프런과 유데미에서
4000이상의 온라인 수강생을 가르치며,
400명 이상을 실무 전문가로 진출시키고 있습니다.
대부분의 학생들이 비전공자로,
제로베이스 상태로 교육을 시작하여
4개월 훈련하여 실무로 진출하며,
대규모의 에이전시와 대기업으로 취업하고 있습니다.
본 채널을 통해
오프라인 직업훈련 교육 커리큘럼을 최대한 반영하여,
UIUX디자인, 퍼블리셔로 진출을 돕고자 합니다.
디자인, 코딩 기초부터 포트폴리오제작 꿀팁까지
지속적으로 게시할 계획에 있습니다.
UIUX디자이너, 퍼블리셔, 코딩하는 디자이너로 취업을 희망하신다면...
본 채널을 구독 알람 부탁드리며,
궁금하신 내용은 댓글로 남겨주시면 감사하겠습니다.
J.young드림
- 메일 : jjjh523@nate.com
- 카톡오픈챗팅방 : 잘난웹디
강의와 실무 경력 25년차 강사 J.young입니다.
저는 현재 강남에서, 디자인 실무 디렉터 및 직업훈련 교육으로
UIUX디자이너, 퍼블리셔, 코딩하는 디자이너로 취업 강의를 진행하고 있습니다.
또한, 인프런과 유데미에서
4000이상의 온라인 수강생을 가르치며,
400명 이상을 실무 전문가로 진출시키고 있습니다.
대부분의 학생들이 비전공자로,
제로베이스 상태로 교육을 시작하여
4개월 훈련하여 실무로 진출하며,
대규모의 에이전시와 대기업으로 취업하고 있습니다.
본 채널을 통해
오프라인 직업훈련 교육 커리큘럼을 최대한 반영하여,
UIUX디자인, 퍼블리셔로 진출을 돕고자 합니다.
디자인, 코딩 기초부터 포트폴리오제작 꿀팁까지
지속적으로 게시할 계획에 있습니다.
UIUX디자이너, 퍼블리셔, 코딩하는 디자이너로 취업을 희망하신다면...
본 채널을 구독 알람 부탁드리며,
궁금하신 내용은 댓글로 남겨주시면 감사하겠습니다.
J.young드림
- 메일 : jjjh523@nate.com
- 카톡오픈챗팅방 : 잘난웹디
UIUX디자이너 | 매출 1000억 기업 합격 UIUX 포트폴리오
안녕하세요? J.young입니다.
UIUX디자이너로 [년매출 1000억 기업에 합격한 포트폴리오] 사례를 분석해보면서 UI가 꼭 알아야 할 포트폴리오 디자인 필수 사항과
UX디자이너가 꼭 알아야 할 문제 정의와 문제해결 과정 배워볼 수 있습니다.
#uiux #design #uiux디자이너 #uiux포트폴리오 #UIUXdesign #문제정의 #UX기획
UIUX디자이너로 [년매출 1000억 기업에 합격한 포트폴리오] 사례를 분석해보면서 UI가 꼭 알아야 할 포트폴리오 디자인 필수 사항과
UX디자이너가 꼭 알아야 할 문제 정의와 문제해결 과정 배워볼 수 있습니다.
#uiux #design #uiux디자이너 #uiux포트폴리오 #UIUXdesign #문제정의 #UX기획
Просмотров: 125
Видео
피그마강좌 | 10강_디자이너 필수 플러그인Top10 사용법(생산성 500프로 향상)
Просмотров 387День назад
안녕하세요? 강사J.young입니다. 디자인 실무에 필요로 하고 생산성과 작업속도를 200프로 이상 높여주는 디자이너가 꼭 알아야할 필수 플러그인 Top10을 소개하며 사용법을 알아봅니다. #ui #UX #피그마 #피그마사용법 #피그마플러그인 #uiux #uiux디자이너#피그마플러그인사용법#플러그인사용법
피그마강좌 | 9강_트렌드완성! 글래스모피즘 UI
Просмотров 30814 дней назад
안녕하세요? J.young입니다. 이번강의에서는 국내는 물론 해외사이트에서도 핫하게 활용되는 글래스모피즘 UI 제작방법과 그라이언트 사용을 통한 카드UI를 제작해보도록하겠습니다. #ui #UX #피그마 #피그마사용법 #uiux디자이너 #uiux #ui3 #uidesign #글래스모피즘 #글래스모피즘UI #webdesign #design #그라디언트 #백그라운드블러 #backgroundblur
피그마강좌 | 8강_ 코딩없이 인터렉티브 끝장내는 프로토타입제작
Просмотров 40014 дней назад
안녕하세요? J.young입니다. 피그마UI3를 활용하여 클라이언트 및 개발자와 소통을 위한 프로토타입제작 방법에 대해 전체적으로 알아보며 직접 제작해 봅니다 예제주소 blog.naver.com/jjjh523/223629139307 #ui#피그마 #피그마사용법 #피그마디자인 #프로토타입 #design #uiux #uiux디자이너 #webdesign #프로토타이핑 #UX #UXUI디자인
피그마강좌 | 7강_ Mobile UI디자인과 오토 레이아웃 실전! (작업시간 500프로단축)
Просмотров 50021 день назад
안녕하세요? 강사J.young입니다. 피그마UI3 초스피드완강코스입니다 모바일 UI디자인과 오토 레이아웃적용법만 제디로 알아도 작업시간 500프로 단축비축할 수 있어요 로고이미지 blog.naver.com/jjjh523/223627629669 #피그마 #오토레이아웃 #피그마사용법 #피그마디자인 #UIUX #uiux #uiux디자이너 #컴포넌트 #베리언츠 #피그마포트폴리오#ui#UX #UXUI디자인
피그마강좌 | 6강_시간 단축과 재사용의 끝판왕 컴포넌트와 베리언트
Просмотров 29328 дней назад
안녕하세요? J.young입니다. 2024년 피그마UI3 초스피드완강코스입니다. 본강의에서는 컴포넌트를 제작하여 베리언츠로 묶어 재사용과 변경하는 방법을 알아보도록 하겠습니다. [본 강의를 통해 배울 수 있는 점] - 마이크로소프트사의 제공하는 여러가지 다양한 아이콘 컴포넌트 활용하기 - 여러가지 다양한 UI컴포넌트제작하기 - Variants로 묶어 재사용하고 변경하기
피그마강좌 | 5강_작업시간 500프로 단축 디자인시스템
Просмотров 325Месяц назад
안녕하세요? J.young입니다. 2024 피그마UI3 초스피드 완강코스입니다. 본강의에서는 마이크로소프트사의 디자인토큰에 대해 알아보며, 디자인시스템과 스타일가이드사례 제작 방법을 알아보도록 하겠습니다. [본 강의를 통해 배울 수 있는 점] - 마이크로소프트사의 디자인시스템 - 에이전시 합격한 학생들이 제작한 스타일가이드 사례 - Typography와 color에 대한 스타일가이드 제작과 등록 #figma #figma UI3 #피그마사용법 #오토레이아웃 #피그마커뮤니티 #디자인시스템#디자인시스템정의 #디자인시스템구축 #UI디자인시스템 #디자인시스템 피그마 #스타일가이드 #스타일가이드 디자인시스템#ui#UX #UXUI디자인 #스타일가이드 예시 #피그마 스타일가이드 #피그마 스타일가이드플러그인
피그마강좌 | 4강_오토레이아웃활용 카드디자인
Просмотров 320Месяц назад
안녕하세요? J.young입니다. 2024년 피그마UI3 초스피드완강코스입니다. 본강의에서는 피그마의 오토레이아웃 기능을 활용한 카드디자인제작 강의입니다. [본 강의를 통해 배울 수 있는 점] - Auto Layout으로 자동으로 배치하고 정렬 - Auto Layout으로 유연하게 화면을 늘리거나 줄일 수 있게 작성 - Auto Layout이 적용된 버튼활용 - 커뮤니티에서 이모지불러오기 #figma #figma UI3 #피그마사용법 #오토레이아웃 #피그마플러그인 #카드디자인 #AutoLayout #autolayout #피그마 이모티콘 #피그마 이모지
피그마강좌 |3강_ 3분이면 완성 피그마 아이콘 제작
Просмотров 252Месяц назад
안녕하세요? J.young입니다. 피그마 UI3 Boolean도구를 활용하여 실무에서 사용되는 여러가지 다양한 아이콘을 제작법을 배울 수 있습니다. #피그마사용법#피그마 #피그마 아이콘제작 #UI3 #피그마UI3 #피그마아이콘그리기#피그마기초입문
피그마강좌 | 2강_일러스트레이터보다 100배 쉬운 케릭터디자인
Просмотров 268Месяц назад
안녕하세요? J.young입니다 피그마 UI3 초스피드 완강코스입니다 일러스트레이터보다 100배는 더 쉬운 피그마 펜툴을 사용하여 캐릭터를 제작해 봅니다. #피그마 강좌#피그마 펜툴 #피그마 UI3 #피그마 UI3 #피그마 캐릭터 #피그마기초 #피그마 펜툴사용법#피그마사용법
UIUX디자이너 | 에이전시 합격 UIUX포트폴리오(당근마켓앱 팀프로젝트 리뉴얼 기획)
Просмотров 675Месяц назад
안녕하세요? 강사J.young입니다.팀프로젝트 전원이 UIUX디자이너로 대규모의 에이전시에 합격한 포트폴리오입니다. 당근마켓 앱을 주제로 3인이 2주간 리뉴얼 기획 진행하였고, 본사례를 통해 UIUX프로세스는 물론, 포트폴리오 작성방법도 알 수 있겠지요? #ui #uiux #uiuxdesign #UIUX포트폴리오 #webdesign #피그마 #uiux포트폴리오 #당근마켓 #uiux디자이너#디자인시스템 #피그마디자인 #기획 #UX설계 #ui디자인 #uiux디자이너
html css 강좌 | 9강 애니메이션 (Key frame animation)
Просмотров 305Месяц назад
안녕하세요? 강사J.young입니다. ChatGPT로 효율업하는 html & css 초스피드 완강코스입니다! html css기초 입문부터 실무활용까지 완강할 수 있는 시리즈로 구성되어 있습니다. 본 강의를 통해 배울 수 있는 점은? - keyframe animation - 애니메이션 속성 - 레이아웃제작 본 강의만 순서적으로 들으셔도 웹페이지 제작은 물론, 퍼블리셔로 실무 능력을 탄탄하게 키울 수 있습니다. 화이팅하세요^^ 강의소스 : blog.naver.com/jjjh523/223592297663 #애니메이션#animation #마우스이벤트 #마우스오버 #hover #가상선택자#position #flex #flexbox #html5 #html #html기초 #htmlcss강좌 #html태그 #html...
피그마강좌 | 1강_왕초보를위한 피그마기초입문
Просмотров 549Месяц назад
안녕하세요? J.young입니다 피그마UI3 초스피드 완강코스입니다 피그마에 대한 기초부터 실무활용은 물론, 피그마를 활용한 UIUX기획 설계까지 진행함으로 순차적으로 들으신다면 실무능력향상과 UIUX포트폴리오 제작에 많은 도움이 되리라 생각됩니다. 감사합니다. #피그마 #피그마앱다운로드 #UI3 #피그마UI3 #피그마아이콘그리기#피그마기초입문 #피그마UI3설치#피그마사용법
html css 강좌 | 10강 반응형웹제작(Responsive Web)
Просмотров 345Месяц назад
안녕하세요? 강사J.young입니다. ChatGPT로 효율업하는 html & css 초스피드 완강코스입니다! html css기초 입문부터 실무활용까지 완강할 수 있는 시리즈로 구성되어 있습니다. 본 강의를 통해 배울 수 있는 점은? - 반응형웹제작하기 - 테블릿모드 - 모바일모드 본 강의만 순서적으로 들으셔도 웹페이지 제작은 물론, 퍼블리셔로 실무 능력을 탄탄하게 키울 수 있습니다. 화이팅하세요^^ 강의소스 : blog.naver.com/jjjh523/223586804188 #반응형웹 #responsiveweb#flex #flexbox #html5 #html #html기초 #htmlcss강좌 #html태그 #html #css #css3기초 #css강의 #레이아웃#chatgpt #코딩 #coding
html css 강좌 | 8강 postion sticky(화면고정애니)
Просмотров 337Месяц назад
안녕하세요? 강사J.young입니다. ChatGPT로 효율업하는 html & css 초스피드 완강코스입니다! html css기초 입문부터 실무활용까지 완강할 수 있는 시리즈로 구성되어 있습니다. 본 강의를 통해 배울 수 있는 점은? - position Sticky - position fixed - 리니어아이콘 적용 - position정리요약 본 강의만 순서적으로 들으셔도 웹페이지 제작은 물론, 퍼블리셔로 실무 능력을 탄탄하게 키울 수 있습니다. 화이팅하세요^^ #sticky #position #flex #flexbox #html5 #html #html기초 #htmlcss강좌 #html태그 #html #css #css3기초 #css강의 #레이아웃#chatgpt #코딩 #coding
html css 강좌 | 6강 자유로운 레이아웃 제작 Position
Просмотров 370Месяц назад
html css 강좌 | 6강 자유로운 레이아웃 제작 Position
html css 강좌 | 3강 block속성만 알아도 레이아웃 10분이면 완성
Просмотров 4812 месяца назад
html css 강좌 | 3강 block속성만 알아도 레이아웃 10분이면 완성
html css 강좌 | 1강 html css 기초 입문 (코딩기초 )
Просмотров 5352 месяца назад
html css 강좌 | 1강 html css 기초 입문 (코딩기초 )
[gsap scrollTrigger] 스크롤에 따라 인사하는 캐릭터
Просмотров 1912 месяца назад
[gsap scrollTrigger] 스크롤에 따라 인사하는 캐릭터
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_7강
Просмотров 505Год назад
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_7강
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_6강
Просмотров 479Год назад
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_6강
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_5강
Просмотров 611Год назад
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_5강
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_4강
Просмотров 375Год назад
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_4강
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_3강
Просмотров 444Год назад
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_3강
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_2강
Просмотров 433Год назад
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_2강
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_1강
Просмотров 778Год назад
GSAP의 scrollTrigger를 활용하여 가로로 스크롤되는 겔러리제작_1강
저도 곧 저렇게 되겠습니다.
꼭 그렇게 되길 응원드립니다~^^
와우... 부럽네요 ㅠ
응원드립니다~♡
필요한 부분이었는데 도움이 많이 되었습니다!
도움이 되었다니 정말 기쁘네요~♡
검색화면이 이미지(예제 다운받아서 열었음)여서 연결이 안되는건가요? 전 선 연결이 아예 안되네요.
다운예제이미지는 피그마에서 프레임안에 이미지를 삽입하시고 프로토타입을 작성해보시면 됩니다~^^
선생님 이 기회에 헷갈리던 기본기를 제대로 정리할 수 있게 되어서 너무 좋아요! 이렇게 고퀄리티 강의를 무료로 제공해 주시다니.. 정말 감사합나다!! 💗
오토레이아웃 제대로 익혀놓음 실무작업 속도 5배 빠름빠름~ 컴포넌트 앤 베리언트도~~마찬가지구요~~ 화이팅입니다~^^ 민경님~^^♡♡♡
유악한 강의 만들어 주셔서 감사합니다 !! 강의 보며 큰 도움 받고 있습니다 :)
큰도움이 되셨다니 정말 기쁘네요~ 더 힘내서 영상올리도록 하겠습니다^^ 감사합니다^^
두번 보고 가요. 머리에 쏙 들어오는 강의입니다.
반복학습이 최고입니다. 감사합니다^^
좋은 강의 감사합니다. 짧은 강의지만 엄청 도움이 되었다는..
도움이 많이 되셨다니 정말 기쁩니다. 지속적 관심 부탁드립니다. 감사합니다^^
디자인 실무에 진짜 필요한 것인데, 잘 배우고 갑니다
실무에 많은 활용하시길 바랍니다 감사합니다^^
감사합니다~^^
오늘거 진짜 실용적이예요 꼭 써봐야겠어요~~
다음에도 더 좋은 플러그인 찾게되면 올리도록 할께요 감사합니다^^
오늘거 재밌네요 다른 효과적용하는법도 올려주시면 좋겠어용!
다음번엔 아이콘제작 함 만들어봐야겠어요~~ 감사합니다^^
정말 대단한 강의입니다. 무엇보다 단순한 도형 몇개 놓고 하는 설명이 아니라 실제 구축 및 운영실무에서 필요로 하는 디자인 컨텐츠를 만들어가는 과정자체를 보여주시면서 거기서 발생하는 오류와 대처방안까지 알려주시니 디자이너를 생각하고 공부하는 사람에게는 막연히 툴만 배우는것이 아닌 디자이너로써 미리 실무까지 경험하게 해주시는 정말 유튜브라고 믿기 힘든 실전강의 그 자체네요. 짝짝짝!!
감동의 댓글 정말 감사합니다~^^ 더 좋은 강의를 만들려는 의욕이 마구마구 생깁니다 다시한번 감사드립니다~♡^^
오늘도 잘듣고 갑니다.
잘 들어주셔서 감사합니다~^^♡
저는 왜 sticky를 적용해도 header영역이 다른 컨텐츠들보다 뒤로가게 보일까요 ㅠㅠ?
혹시 레이어가 다른 컨텐츠보다 아래에 위치한건 아닐까요? 레이어의 문제일듯 합니다.ㅜ
덕분에 오토레이아웃 완벽 마스터 할 수 있겠어용!!
@@kame-j4w 오토레이아웃 마스터하시면 작업속도 5배 빨라져용~♡
전문가의 강의는 확실히 다르네요. 선생님 학생들은 복받은거 같습니다. ^^
와우~정말 감동의 댓글 감사합니다~ 더 분발하겠습니다~^^ 다음편도 기대해 주세요~♡
너무 좋은 강의네요. 감동~ 감사드리고 정주행해야겠습니다.
@@nabnn 감사합니다~ 앞으로도 더 좋은 강의로 찾아뵙겠습니다~♡
양파처럼 계속 새롭게, 날로 심도있게 올려주시니 감사합니다. 날마다 잘 배워나가고 있습니다~
@@HYLim-lx7nf 감사합니다~♡
짧지만 원하는게 다 들어간 강의네요. 잘배우고 갑니다.
감사합니다~♡
😊
따라 그려봤는데 잼있네요
재미있게 봐주셔서 감사합니다!~♡
화이팅입니다. 항상 응원해요 강사님
@@김동수-p1j7j 감사합니다~♡
정말 체계적인 강의네요. 항상 감사히 듣고 있습니다.
@@음이-l3q 감사합니다^^♡
프로토 타입 ㅜㅜㅜ 꿀 강의 감사합니다ㅜㅜ 진짜 배우고픈 스킬이에요
도움이 되셨다니 감사합니다~♡
오 이 디자인 늘 궁금했었는데 감사합니다!!
@@여진-w1g 생각보다 많이 쉽죠? ㅎ
늘 설명을 잘 해주시네요. 감사합니다.
시청해 주셔서 감사드립니다.~♡
선생님. 진짜 늘 감동입니다.
와, 강의가 정말 체계적이고 직관적이네요! 덕분에 이해가 쏙쏙 되었습니다. 감사합니다!
도움이 되셨다니 제가 정말 감사드립니다~ 지속적 관심 부탁드립니다~♡
감사합니다.
감사합니다~♡
❤🎉🎉😊
많은 도움이 되었습니다. 좋은 저녁되세요
도움이 되셨다니 감사합니다~♡
헛.. 잘 듣고 갑니다. 😊
들어주셔서 감사합니다😊
우와. 쌤 강의는 그냥 듣기가 미안하네요. 성실하게 차근차근 잘 올려주셔서 넘 감사합니다
잘 들어주셔서 감사합니다~♡
코딩 공부 시작한 지 얼마되지 않아 잘 알지 못하지만 쌤의 이 강의 들으며 프로토제작에 자신 팡팡 얻어갑니다. 늘 고맙습니다
많은 도움이 됐습니다. 근데요.. 피그마 고급 강의도 쭉 이어졌으면 좋겠습니다.
네 지속적 업데이트 예정입니다~ 많은 관심 감사합니다~♡
고퀄 강좌 감사드려요!🥰🥰
감사합니다 민경님~♡
잘듣고가요 좋은 저녁되세요 강사님
감사합니다~♡
선 댓글 후 시청~ 정말 믿고 보는 강의입니다. 감사해요
감사합니다. 열심히 하겠습니다.
좋은 강의 잘 듣고가요.
잘 들어주셔서 감사합니다
🎉
쌤 강의들 2회차 정주행 중아에요. 좋은 강의 많이 올려주세요. 감사합니다.
2회차 정주행이라 더 이해가 잘되시죠?~^^
❤
부디 스스로 레이아웃을 수월하게 짤 수 있을 그날을 기다리며.. 유익한 강의 잘 들었습니다!
조만간 레이아웃이 가장 쉽다고 말씀하실날이 올꺼예요~~♡
잘들었습니다
수고 많았습니다~♡
처음들었을때보다 이해하기가 좀 더 수월한 것 같아요! 좋은 강의 감사합니다 :)
반복학습이 그래서 중요합니다~♡
점점 난이도가 올라가고 있지만, 머리에 들어올때까지 계속 들어야겠어요! 감사합니다!
반복학습이 최고의 방법입니다~~♡
이 영상으로 배너 만들 때 응용하기 좋을 것 같아요~~ 감사합니다^^
감사합니다~♡
잘 듣고 있습니다!
포뇨왕님 수고많으셨어요~♡
포지션에대해 많은걸 알아가서 넘 좋네요 항상 감사합니다 선생님😊😊 박예린
예린님 수고했어요~~화이팅이예요~♡~^^
오토레이아웃이 제일 어려웠는데 완전 이해했어요 감사합니다!!
수고 많았어요~다음 프로토타입도 기대해주세요~♡