소개

저는 주로 iOS 앱의 프로그래머입니다만, 디자인까지 함께 부탁받는 일이 있습니다.
디자이너가 아니기 때문에 1부터 디자인을 해 가다니 도저히 무리입니다.
그런 때에 디자이너가 아닌 사람들에게도 좋은 물건을 만들기 위해
UI 디자인의 갤러리 사이트와 배색 패턴을 결정하는 편리한 사이트를 소개합니다.
기본 다른 앱을 흉내내기로 하면 좋은 느낌으로 할 수 있을지도 모릅니다.
Web계 개발의 분도 배색 패턴등은 참고가 된다고 생각합니다.

디자인하기 전에

디자인하기 전에 부르는 것이 더 낫습니다.
- IT 엔지니어에게 쉬운 UI/UX 디자인
- 디자이너에게 말한 "비 디자이너가 조심해야 할 디자인의 4 원칙"
- 비 디자이너를위한 색 구성표 이론

앱 디자인

캬 p지 ゔ아 손. 이

움직임이 있는 멋있는 UI만 실려 있습니다.
종류별로 볼 수도 있으므로 편리하네요.

Mobile Design Inspiration

이쪽도 움직임이 있는 초멋진 UI가 갖추어져 있습니다.

APP DESIGN

다양한 앱 디자인이 실려 있습니다.
앱에서 UI 애니메이션을 확인할 수 있습니다.

MOBILE MOZAIC

왼쪽 메뉴에서 종류별로 UI를 검색할 수 있으므로
핀 포인트의이 기능의 디자인을보고 싶을 때 유용합니다.

Inspired UI

여기도 카테고리에서 종류별로 UI를 검색할 수 있습니다.
iPhone, iPad, Android로 나누어 볼 수 있습니다.

pttrns

이쪽도 종류별로 UI를 검색할 수 있습니다.
iOS, Android 모두 풍부하고 AppleWatch의 UI도 실려 있습니다.

MOBILE PATTERNS

이쪽도 종류별로 UI를 검색할 수 있습니다.
종류도 풍부합니다.

AppreciateUI

이쪽도 종류별로 UI를 검색할 수 있습니다.
아이콘 디자인을 볼 수 있습니다.
조금 오래된 UI가 많습니까?

색 구성표

Adobe Color CC

컬러 코드 등으로부터 배색 패턴을 자동 생성해 줍니다.
배색 패턴도 6 종류 정도에서 선택할 수있어 편리합니다.

사진을 올려 그 사진에서 배색 패턴을 생성할 수도 있습니다.

ColorHexa

컬러 코드에서 관련된 다양한 색상을 표시합니다.

Paletton

색상을 선택하면 색 구성표가 자동으로 생성됩니다.
배색의 수도 1색, 2색, 3색, 4색으로 설정할 수 있으며,
생성한 배색 패턴으로 실제로 웹 페이지의 샘플을 표시할 수 있습니다.

팔레타

색상을 선택하면 조화로운 색상이 컬러 팔레트로 표시됩니다.

NIPPON COLORS

일본의 전통색이 250 종류도 실려 있습니다.
화 테이스트의 앱 작성시에 참고가 된다고 생각합니다.

참고로 한 사이트

디자인의 지식이 없어도 참고가 되는 배색 패턴 견본 사이트 12선＋α

【해외 사이트】스마트폰 앱의 디자인・UI・UX로 고민했을 때에 보는 참고 사이트

앱 개발에서 참고하고 싶은 UI 디자인 패턴 정리 사이트 정리