iOS 16 UI kit

iOS16-ui-kit-thumbnail

Joey가 만든 iOS 16 UI Kit입니다. 애플의 HIG (Human Interface Guideline)에서 가져온 색, 서체 스타일와 직접 피그마로 만든 컴포넌트, 템플릿으로 구성됩니다. 이번 업데이트에서 가장 변화가 큰 상태창, 홈 인디케이터, 노티피케이션을 상태별로 자세하게 나눠 표현했습니다. 홈, 잠금화면, 애플페이 등 플로우도 간단하게 확인할 수 있습니다. 피그마 커뮤니티에 공개되어 있습니다. 4만 5천회 카피가 될 정도로 인기가 대단합니다. 49달러를 지불하면 이메일을 통해 iOS 16 UI Kit의 변경 내역과 업데이트 소식을 받을 수 있습니다.

잠금 화면에서 올웨이즈 온 기능을 염두에 둔 위젯 디자인을 컴포넌트로 만들었습니다. 알림이 표시되었을 때, 알림을 눌렀을 때, 알림의 다양한 기능을 수행할 때의 화면도 자세하게 나뉘었습니다. 홈 화면의 위젯 레이아웃, 탭 바 등도 상세하게 정리됐습니다. 그리고 아직 한국에서는 사용할 수 없는 애플 페이의 페이지도 살펴볼 수 있습니다. 지갑 화면, 카드 상세, 애플 페이를 사용할 때 화면을 상태별로 확인할 수 있습니다. iPhone 14에서만 제공하는 상태창도 컴포넌트로 제공합니다. 14/14 Pro, Light/Dark 모드로 나눴고 다이내믹 아일랜드의 상태에 따라 컴포넌트를 나눴습니다. 시간과 배터리를 컴포넌트로 제공하며 light, Dark 모드에 따라 달라지는 색과 형태를 구분했습니다. 다이내믹 아일랜드 Dynamic Isaland는 크기별로 제공합니다.

iOS 16 UI Kit 스크린샷

더 보기 및 출처

비슷한 글

디자인 나침반 뉴스레터

매주 화요일 아침, 16년 차 디자이너가 큐레이션한
영감을 주는 뉴스, 트렌드, 아티클을 모아보세요.

인기

lotteria-rebranding-01
롯데리아 리브랜딩: 불고기 버거에서 리아 불고기로
toss-stock-pc-01
토스 증권 PC 출시: 증권 서비스도 디자인 혁신
musinsa-desktop-quit-01
무신사 PC 버전 종료: 넘쳐 버린 개발 부채

최근

window11-design
마이크로소프트 윈도우 11 비주얼 디자인
cmf-phone
CMF Phone 1
slack-ios-widget
슬랙 iOS 위젯

디자인 나침반 아카데미

thumbnail-course-list-ux
UX 디자인 클래스: 선택 받는 서비스를 위한 UX 디자인
ui-design-main-mobile
UI 디자인 클래스: 변치 않을 인터페이스의 본질 배우기

최근 소식

dyson-ontrac-01
q10-accident-01
harrisforpresident-01
ms-cloud-error-01
lotteria-rebranding-01
toss-stock-pc-01
cfcldn-01
kakao-id-card-01
Channela-rebranding-01
baemin-increase-price-01
galaxy-ring-01
olympic-uniform-01