앱 UI 디자인 및 색 구성표 요약(비디자이너용)
소개
저는 주로 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 종류도 실려 있습니다.
화 테이스트의 앱 작성시에 참고가 된다고 생각합니다.

참고로 한 사이트
디자인하기 전에 부르는 것이 더 낫습니다.
- 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 종류도 실려 있습니다.
화 테이스트의 앱 작성시에 참고가 된다고 생각합니다.

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

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

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

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


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

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

참고로 한 사이트
Reference
이 문제에 관하여(앱 UI 디자인 및 색 구성표 요약(비디자이너용)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tananonaka/items/97849eed07a8d750a2cb텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)