피그마 실습 - 4

기록 ·2024년 1월 11일

피그마

목록 보기
5/5
post-thumbnail

Mouse Enter & Leave

  • 343 모바일 기준 좌우 16
  • Instant로 즉시 변경
  • Clip content 선택
  • 좌측 메뉴에서 눈 감기
  • Mouse Enter/Leave

Mouse Down&Up and After Delay

  • 하트선택. K (Scale) 상태. W 선택. 방향키아래로 사이즈 다운
  • 마우스 다운 -> 마우스 업 -> After delay

Overflow Scrolling

  • Frame 사이즈 조절후 Clip content적용

  • Auto Layout: 세로로 변경
  • 아이폰 미니13 프레임 생성
  • 상단바 전체선택 : Sticky
  • 검정 네모 : Fixed
  • 프레임 사이즈 812로 다운, Vertical 적용
  • 적용화면

아토믹 디자인 (Atomic Design)

  • Styler 플러그인 적용 Generates Styles
  • 텍스트 설정 추가
  • 컬러 추가 - 수동
  • 컬러 추가 - 플러그인
  • accessbility : 색약 고려 (로그아웃, 이용약관 등 일부러 색을 낮추기도함 -> 정부 규제)
    플러그인 : Able - Friction. 두 컬러사이 적정수준 판단.


  • 고령자를 위한 티비 화면 서비스 기획 (모바일과 완전 다름)
profile
서비스기획

0개의 댓글