[피그마] 인터랙티브 컴포넌트와 오토레이아웃을 활용한 캘린더 UI 만들기

[피그마] 인터랙티브 컴포넌트와 오토레이아웃을 활용한 캘린더 UI 만들기
#figma #피그마인터랙티브컴포넌트 #피그마
0:40 오토 레이아웃을 활용해서 캘린더 만들기
3:14 컴포넌트 세트로 만들기
4:30 레이아웃 그리드 설정하기
7:10 베리언트 추가하기
10:40 인터랙션 설정하기
© 루씨의 UXUI 디자인. ALL RIGHTS RESERVED.
본 영상으로 강의, 영상 추출, 참고 영상으로 사용을 금지합니다.
-----------------------------------------------------------------------------------------------
루씨의 UXUI 디자인 채널입니다.
디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너를 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 댓글 또는 메일(lucymygirl@naver.com)로 해주세요.
영상이 도움 되셨다면 구독,좋아요 부탁 드립니다!
Hello ~
Welcome to The UXUI Design Channel.
This channel offers UXUI design, Figma, Photoshop, Illustrator, HTML, CSS, data driven , GA.
I'm interested in design tool review, design book review ... and more fun reviews.
Contact me: lucymygirl@naver.com
Thanks for Watching! Happy Designingggggggggg ; )

Пікірлер: 10

  • @user-cy2be7nl7i
    @user-cy2be7nl7i Жыл бұрын

    화면 디자인만 해보고 인터랙션 기능을 사용할 줄 몰랐는데 이번에 알게되었어요~ 막상 제가 의도하는대로 버튼이 생겼다 사라졌다가 하니까 재밌네요 ㅎ 유익한 공부가 되었습니다! 다음 영상도 기대하겠습니다~~

  • @UXUI

    @UXUI

    Жыл бұрын

    안녕하세요 고건님 영상 시청해주시고 댓글도 남겨주셔서 감사합니다. 다음 영상 얼른 준비하러 가겠습니다. 쓩~~~

  • @user-kv4ev5kb8o
    @user-kv4ev5kb8o5 ай бұрын

    너무 감사합니다~

  • @UXUI

    @UXUI

    5 ай бұрын

    영상 시청해주시고 댓글도 감사합니다!!! 즐거운 주말 되세요~~~

  • @creasroom5092
    @creasroom5092 Жыл бұрын

    유익한 강의 감사합니다. 질문이 있는데요, 보통 앱 제작시 디자인가이드라인등에 버튼의 액션을 보통,마우스호버,체크,디스에이블 등으로 설정하는데요, 실제적으로 스마트폰을 조작할때는 마우스 호버는 가능할수가 없는데 왜 대부분의 가이드라인에서 마우스호버에 대한 언급이 되는걸까요? 너무 궁금합니다.

  • @UXUI

    @UXUI

    Жыл бұрын

    맞아요!! 앱을 만들 때는 호버가 필요 없습니다. 제 영상에도 호버가 있는 것 때문에 혼란이 왔을 듯하네요^^;; 앞으로 영상 제작하면서 좀더 조심해서 만들겠습니다. 여러 가정하에 영상을 제작하다 보니 ... 데스크탑과 모바일 등을 한번에 설명해서 호버가 들어가기도 합니다. 위 영상도 hover state는 필요없습니다. 댓글 감사합니다!!

  • @user-ev2iq4dv8v
    @user-ev2iq4dv8v11 ай бұрын

    안녕하세요 혹시 날짜를 하루 선택했을 때 다른 날짜를 또 선택하면 기존에 선택했던 날짜는 지워지는고 다음에 클릭한 날짜만 선택되게는 어떻게 하나요? (원 클릭 원 데이)

  • @UXUI

    @UXUI

    11 ай бұрын

    안녕하세요 이 영상에서 한 방법으로는 안되는데 다른 방법이 있는지 고민해보겠습니다. 영상 시청해 주셔서 감사합니다^^

  • @user-ex3fm3zo6f
    @user-ex3fm3zo6f5 күн бұрын

    캘린더의 넓이를 늘리면 자동으로 늘어나는 것도 알고싶습니다ㅠ 혹시 참고할수 있는 영상이 있으실까요?

  • @UXUI

    @UXUI

    4 күн бұрын

    숫자가 있는 오토 레이아웃의 가로 리사이징을 Fill container로 해보세요. 오토레이아웃의 리사이징 기능을 사용하면 반응형 레이아웃의 가변영역을 빠르게 만들수 있습니다. 영상 시청해 주셔서 감사합니다!!!!

Келесі