개발/정보

참고용 UI 레퍼런스 사이트

스몰스테핑 2024. 12. 19. 09:54

1. 참고용 레퍼런스 사이트

1. WWIT

https://wwit.design/#google_vignette

 

Lifeplus

한국의 UI/UX 모바일 패턴을 수집합니다.

wwit.design

 

국산 앱 UI를 각 기능에 따라 최대한 찍어 놓았다.

 

 

2. mobbin

https://mobbin.com/browse/ios/apps

 

해외 앱 UI를 앱별, 기능 페이지 별, UI 요소별로 나누어 모아 볼 수 있다.

 

 

3. Pinterest

https://kr.pinterest.com/

 

Pinterest

요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요.

kr.pinterest.com

 

내가 검색해서 보거나 하면 관련된 걸로 계속해서 보여주려고 한다.

가끔 본다.

 

 

2. UI 디자인시 고려사항 추가 참고용 사이트

https://brunch.co.kr/@chulhochoiucj0/8

 

모바일 UI·UX 디자인 시 고려해야 할 가이드라인 1

애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기 device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모

brunch.co.kr

https://uiux.egovframe.go.kr/guide/style/style_05.html

 

배치 (Layout) | 스타일 가이드 - KRDS

스타일 가이드배치 (Layout) 배치는 화면에 있는 요소들의 시각적 배열을 다양한 디바이스에서도 일관성을 유지할 수 있도록 도와준다. Grid 그리드는 UI 구성 시 가장 근간이 되는 기준이다. 요소

uiux.egovframe.go.kr

https://brunch.co.kr/@chulhochoiucj0/29

 

모바일 UI 디자인 기본 요소 - Tab bar

모바일 앱의 글로벌 내비게이션 컨트롤 Tab bar | 탭바 Tab bar는 사용자가 앱 내에서 중요한 콘텐츠 사이를 빠르게 전환할 수 있도록 하는 글로벌 탐색 컨트롤 Global navigation control이다. Tab bar는 사용

brunch.co.kr

 

 

본다고 바로 잘해지는건 아니지만 그래도 생각날때마다 필요할때마다 훑어본다