앱 디자이너를위한 최고의 무료 도구 10 가지

앱을 디자인하는지 여부 iOS , 기계적 인조 인간 , 둘 다 또는 다른 플랫폼 모두 웹에 엄청난 양의 훌륭한 리소스가 있습니다. 그래서 여기서는 개념에서 완성 된 앱까지 더 빠르게 진행할 수 있도록 10 개의 훌륭한 도구를 모았습니다. 모두 무료입니다. 아, 앱 디자인을 배우거나 기술을 향상시키려는 경우이 튜토리얼 모음을 확인하십시오. 앱을 빌드하는 방법 .

01. 마블 (iOS, Android)



Marvel 앱은 종이에 간단한 스케치를 대화 형의 탭 가능한 프로토 타입으로 바꾸어 앱 아이디어를 시연하고 다른 사람들과 공유 할 수 있습니다.



  • .psd 파일과 호환되므로 업로드하기 전에 디자인을 변환 할 필요가 없습니다. Marvel은 특히 백그라운드에서 업데이트하기 때문에 변경 사항에 대한 테스트 시간을 크게 줄입니다.
  • 프로토 타입을 테스트하는 웹 브라우저는 장치를 시뮬레이션하여 자연스러운 환경에서 볼 수 있도록합니다.
  • 이 프로토 타이핑 도구에는 가장 사실적인 프로토 타이핑 경험을 위해 사용자 정의 애니메이션과 화면 간 페이딩이 포함됩니다.

02. Invision (iOS, Android)

Invision은 iOS 및 Android 플랫폼 모두에서 사용할 수있는 또 다른 무료 웹 및 모바일 프로토 타이핑 도구입니다. 이 프로토 타이핑 도구에는 알림 및 상태 업데이트와 함께 완전한 주석 달기 시스템이 있으므로 팀의 모든 구성원이 묻지 않고도 프로젝트가 어디에 있는지 확인할 수 있습니다.



  • Invasion은 또한 사람들과 실시간 협업을 수행하므로 문제가 발생하면 모두 온라인으로 만나 프로젝트를 함께 진행할 수 있습니다.
  • 실시간 협업 내부에 전체 디자인 도구가 포함되어있어 이상적인 실시간 경험입니다.
  • 그리고 아마도 가장 좋은 기능은 버전 제어 기능이 있다는 것입니다. 실수로 변경하지 말아야 할 사항을 변경하거나 이전 디자인 개념을 되돌리고 싶을 때 사용할 수 있습니다.

03. iOS 스케치 용지

포토샵이나 프로토 타이핑 도구에 들어가기 전에 연필과 종이로 디자인하는 것을 좋아하는 사람들을 위해이 무료 도트 그리드 스케치 용지를 사용하면 iOS 디자인을 종이에 쉽게 넣을 수 있습니다. 다운로드하면 인쇄 할 수 있습니다.

포토샵에서 snapchat 지오 필터를 만드는 방법

여기에는 모든 기본 UI 요소에 대한 격자 선과 각 장치에 대한 측정 마커가 포함됩니다. iPad Air 및 iPhone 5S로 제공됩니다.



04. Android 스케치 용지

우리는 Android 디자이너를 잊지 않고 있습니다. 다음은 청중의 Android 디자이너를위한 위의 옵션과 같은 Android 디자인 스케치 용지입니다.

화면 당 8 개의 전화기가 있으며 iOS Sketch Paper와 달리 점 그리드가 아니라 선이 전혀 없습니다. 화면 당 많은 양의 전화기가 있으므로보다 집중적 인 워크 플로 구성을 수행하기 전에이 스케치 용지에서 워크 플로를 빠르게 구성 할 수 있습니다.

05. PopApp (iOS, Android)

adobe indesign은 이러한 종류의 소프트웨어의 예입니다.

Marvelapp이 마음에 들었지만 Android 장치에서 작동하는 프로토 타입을 원한다면 PopApp 만 있으면됩니다.

PopApp은 손으로 그린 ​​앱 스케치의 사진으로 시작하여 장치에서 함께 연결하기 때문에 독특합니다. 앱이 시각적으로 생성 할 수있는 항목에 제한을받지 않지만 그린 프로토 타입은 모든 장치에서 작동합니다.

06. 칭찬할만한 앱 (iOS)

영감을 얻고 싶다면 Laudable Apps로 이동하십시오. 최고의 iOS 7 디자인과 사용 가능한 평면 디자인 예제를 모두 보여 주므로 다음 앱에서 멋진 디자인 패턴을 사용할 수 있습니다.

이 웹 사이트는 기사 형식이 아닙니다. 즉, 많은 텍스트와 기타 요소로 인해 수렁에 빠지는 대신 모형의 아름다움을 주로 보여줍니다.

07. 모바일 굉장함 (iOS, Android)

이전과 마찬가지로이 웹 사이트는 영감을주는 웹 사이트입니다. 단,이 웹 사이트는 모바일 및 웹을 포함한 다양한 소스에서 디자인 영감을받은 것을 제외하고는.

Mobile Awesomeness는 웹 사이트에 게시 된 모든 디자인에 대한 등급 시스템을 갖추고 있습니다. 그들이 디자인을 평가하는 방법을 확인하십시오. 동일한 평가 시스템을 자신의 디자인에 적용하여 측정 방법을 확인할 수 있습니다.

08. Android 패턴 (기계적 인조 인간)

이 진술 중 포토 리얼리스트가 가장 잘 받아 들일 수있는 것은 무엇입니까?

이 웹 사이트는 수많은 Android 디자인 패턴을 분류합니다. 새롭고 독특한 것을 찾고 있거나 사용을 시작할 다른 것을 찾고 있다면 디자인 패턴 라이브러리로 이동하여 살펴볼 수 있습니다.

그들은 '데이터 다루기', '개인화', '소셜'과 같이 그들이 의미하는 앱 유형에 따라 디자인 패턴을 구성합니다. 'How can I…'프롬프트를 사용하여 패턴을 검색 할 수도 있습니다.

09. Tuts + (iOS, Android)

Tuts +는 CSS의 모든 것부터 크로 셰팅에 이르기까지 방대한 튜토리얼 라이브러리입니다. 운 좋게도 모바일 디자인 전용 섹션이 있습니다. 방대한 시각 디자인 튜토리얼에 액세스하려면 저쪽으로 가십시오.

Tuts + 튜토리얼은 길고 포괄적이므로 작업을 수행하는 데 필요할 수있는 각 버튼 클릭을 안내합니다. 또한 tuts +에는 방대한 eBook 및 기타 리소스 라이브러리가 있으므로 주제에 대한 자세한 정보를 원하면 어디를 찾아야하는지 알고 있습니다.

10. Adobe Kuler (iOS, Android)

색 구성표를 결정할 수 없습니까? Adobe Kuler (모든 장치 및 브라우저에서 앱으로 사용 가능)를 사용하여 원하는 색 구성표로 사진을 찍고 사진에서 최상의 보색을 선택하도록합니다.

또는 인기있는 색상 라이브러리에서 사전 제작 된 색상 팔레트를 선택하여 바로 승리하는 색상 구성표를 얻을 수 있습니다. 더 이상 올바른 그늘을 찾기 위해 애 쓰거나 고객이 '올바르게 보이지 않는다'고 말할 수 있도록 전체 디자인을 모으는 일이 없습니다.

말: 메간 홀스타인

@MeganEHolstein 기업가이자 앱 가이이며 다가오는 앱 아이디어 .