Timely와 같은 아름답고 세련된 앱을 만드는 방법

니마 사크 테마 니

디자인 측면에서 Google의 인용문 및 앱 예시 :

무엇을 기반으로 구글이 말했다 http://developer.android.com/ 디자인 섹션에서, 개발자는 세 번째 골을 고려해야한다 :

  • 나를 매혹
  • 내 삶을 단순화
  • 나를 놀랍게 만들어

우리 (개발자)가 알고있는 BTW.

Play 스토어의 많은 성공적인 앱을 살펴보면 Google 디자인 가이드 라인을 따라 설계되었으며 Google 이 자체 앱에서 사용한 것과 동일한 구성 요소테마스타일거의 사용 하고 있음을 알 수 있습니다.

많은 사람들이 테마 및 구성 요소 측면에서 이러한 종류의 디자인과 이러한 Android 표준을 좋아하지만 Playstore의 일부 앱 이나 특수 앱을 만든 samsung 과 같은 하드웨어 제조업체의 앱 (예 : Galaxy Note 10.1 메모 작성 앱)살펴보면 ) 또는 asus 날씨 앱 또는 playstore 에서 기능 및 코스 디자인 측면에서 굉장한 Timely 앱을 사용하면 다른 종류의 디자인과 구성 요소를 사용하고 있음을 알 수 있습니다.


이제 Google이 말하는 내용에 대해 자세히 알아 보겠습니다 .

일반적인 Android 앱은 작업 표시 줄을 사용하며 많은 앱에 탐색 창이 포함됩니다.

이것들처럼:

액션 바 : 여기에 이미지 설명 입력

탐색 창 :

여기에 이미지 설명 입력

Android의 기타 표준 구성 요소.

그러나 일부 개발자는 어떻게 앱을 Timely 앱처럼 아름답고 기능적으로 완벽하게 (거의!) 만들 수 있으며 Google에서 정의한 많은 Android 일반 구성 요소를 사용하지 않습니다.


Timely 앱을 살펴 보겠습니다 .

알람을 설정하거나 시계 만 볼 수있는 화면입니다.

여기에 이미지 설명 입력 여기에 이미지 설명 입력

이제 내 마음에 떠오르는 질문은 다음과 같습니다.

  • 어떻게 내 앱에 그런 테마를 적용 할 수 있나요?
  • 그런 배경 애니메이션을 어떻게 만들어 내 앱에서 사용할 수 있습니까?
  • 개발자가 Unity와 Eclipse를 함께 사용하여 Android 앱으로 작동 했습니까?
  • 그들이 Unity를 사용했다면 앱이 어떻게 매우 원활하게 실행 될까요?
  • 액션 바에서 어떻게 색상을 지정하고 개체의 불투명도를 정의 했습니까?
  • 어떤 종류의 애니메이션 클래스가 앱에서 한 일을 할 수 있습니까? (시계 시간 변경 애니메이션처럼)
  • If they used unity then how come their app's size is 10MB?

There are many other apps like this (no 100% that much alike) which have their own special design.

As far as I understand, there aren't much website that offer custom components for android like http://androidviews.net/ so it seems we are forced to make our own components which is time consuming and in this time (2013) isn't perfect whereas for ios there are tons of custom components made by other companies.

I also looked at the Timely app website, and within their FAQ section there is a place where they said they will reveal what and how they did the theming, coloring and components but since there is not time schedule table for their announcement and I don't like to stay in dark area, I came here to ask you experts.

This is the quote from their website:

I'm a developer and just can't figure out how you did those animations and color effects.

We are planning to have an engineering blog in the future. Stay tuned!

If you guys know how to make apps like these or if you know a portion of what kind of animations, components, tricks and hacks they used then you just made my day.

jankovd

그들은 뷰 색상을 계산하는 방법, 그에 대한 문제 및 몇 가지 다른 유용한 팁을 설명하는 프레젠테이션을했습니다. 프레젠테이션 비디오는 YouTube 채널에서 볼 수 있습니다 .

숫자 모핑은 매우 간단하며이 기사에서 설명 하며 여기 기사에서 완전한 View 클래스를 찾을 수 있습니다 .


Android 개발자 사이트에서 확인 아름답고 강력하며 성공적인 앱을 빌드하는 데 도움이되는 것은 멋집니다.

Android 디자인 , Android 사용자 인터페이스의 우수성을위한 원칙, 구성 요소 및 패턴을 설명하는 온라인 스타일 가이드입니다. 작동하는 것 같습니다.

귀하의 질문 중 하나 이상이 답변이되기를 바랍니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

":"또는 "?"와 같은 문자를 처리하는 방법 잘못된 파일 이름을 만드나요?

분류에서Dev

이와 같은 레이아웃을 만드는 방법은 무엇입니까?

분류에서Dev

Facebook / Messenger와 같은 "사용자 활성"레이아웃을 만드는 방법

분류에서Dev

CSS 및 HTML을 사용하여 '___'및 '-'와 같은 텍스트에 세련된 구분선을 추가하는 방법은 무엇입니까?

분류에서Dev

UI와 같은 테이블을 만드는 방법을 Flutter

분류에서Dev

Tick을 Bar와 같은 너비로 만드는 방법

분류에서Dev

Swipe와 같은 애니메이션을 만드는 방법

분류에서Dev

Qt : QTextField와 같은 맞춤 위젯을 만드는 방법

분류에서Dev

명령 줄 인수와 같은 이름의 파일을 만드는 방법은 무엇입니까?

분류에서Dev

abc.def와 같은 내 도메인 이름을 만드는 방법은 무엇입니까?

분류에서Dev

Skype와 같은 Facebook Chat API를 사용하여 채팅 웹 앱을 만드는 방법은 무엇입니까?

분류에서Dev

이와 같은 Bootstrap3으로 3 열로 레이아웃을 만드는 방법은 무엇입니까?

분류에서Dev

아래 이미지와 같은 사용자 정의 탭을 만드는 방법은 무엇입니까?

분류에서Dev

Android Java와 같은 외부 앱을 호출하는 방법

분류에서Dev

종속성의 자동 레이아웃을 사용하여 MsProject와 같은 devexpress GanttView를 만드는 방법

분류에서Dev

마운트 된 파일 시스템이 읽기 전용인지 아니면 디스크 상태와 관련된 세부 정보가있는 읽기-쓰기인지와 같은 세부 정보를 찾는 방법은 무엇입니까?

분류에서Dev

ask와 같은 기능을 만드는 방법이 있지만 Red 콘솔에서 여러 줄을 받아들이는 방법이 있습니까?

분류에서Dev

이와 같은 floatingActionButton을 만들고 항목을 숨기는 방법?

분류에서Dev

이와 같은 서랍 탐색을 만드는 방법은 무엇입니까?

분류에서Dev

프로세스와 관련된 Windows 사용자 이름을 가져 오는 방법 (Framework 4.0)

분류에서Dev

"What 's for dinner?"와 같이 따옴표가 포함 된 디렉토리 이름을 만드는 방법

분류에서Dev

"What 's for dinner?"와 같이 따옴표가 포함 된 디렉토리 이름을 만드는 방법

분류에서Dev

SoundHound 또는 TrackID와 같은 청취 애니메이션을 만드는 방법

분류에서Dev

지수 'e'또는 가상 'j'와 같은 것을 만드는 방법

분류에서Dev

Palabre와 같은 레이아웃을 구현하는 방법

분류에서Dev

보기에 대한 UI와 같은 환경 설정을 만드는 방법

분류에서Dev

iOS에서 이와 같은 사용자 지정 달력을 만드는 방법

분류에서Dev

django-shop에서와 같은 제품 속성을 만드는 방법

분류에서Dev

jsonbuilder를 사용하여 DefaultGroovyMethods 메서드 (ID)와 같은 이름의 키가있는 json을 만드는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    ":"또는 "?"와 같은 문자를 처리하는 방법 잘못된 파일 이름을 만드나요?

  2. 2

    이와 같은 레이아웃을 만드는 방법은 무엇입니까?

  3. 3

    Facebook / Messenger와 같은 "사용자 활성"레이아웃을 만드는 방법

  4. 4

    CSS 및 HTML을 사용하여 '___'및 '-'와 같은 텍스트에 세련된 구분선을 추가하는 방법은 무엇입니까?

  5. 5

    UI와 같은 테이블을 만드는 방법을 Flutter

  6. 6

    Tick을 Bar와 같은 너비로 만드는 방법

  7. 7

    Swipe와 같은 애니메이션을 만드는 방법

  8. 8

    Qt : QTextField와 같은 맞춤 위젯을 만드는 방법

  9. 9

    명령 줄 인수와 같은 이름의 파일을 만드는 방법은 무엇입니까?

  10. 10

    abc.def와 같은 내 도메인 이름을 만드는 방법은 무엇입니까?

  11. 11

    Skype와 같은 Facebook Chat API를 사용하여 채팅 웹 앱을 만드는 방법은 무엇입니까?

  12. 12

    이와 같은 Bootstrap3으로 3 열로 레이아웃을 만드는 방법은 무엇입니까?

  13. 13

    아래 이미지와 같은 사용자 정의 탭을 만드는 방법은 무엇입니까?

  14. 14

    Android Java와 같은 외부 앱을 호출하는 방법

  15. 15

    종속성의 자동 레이아웃을 사용하여 MsProject와 같은 devexpress GanttView를 만드는 방법

  16. 16

    마운트 된 파일 시스템이 읽기 전용인지 아니면 디스크 상태와 관련된 세부 정보가있는 읽기-쓰기인지와 같은 세부 정보를 찾는 방법은 무엇입니까?

  17. 17

    ask와 같은 기능을 만드는 방법이 있지만 Red 콘솔에서 여러 줄을 받아들이는 방법이 있습니까?

  18. 18

    이와 같은 floatingActionButton을 만들고 항목을 숨기는 방법?

  19. 19

    이와 같은 서랍 탐색을 만드는 방법은 무엇입니까?

  20. 20

    프로세스와 관련된 Windows 사용자 이름을 가져 오는 방법 (Framework 4.0)

  21. 21

    "What 's for dinner?"와 같이 따옴표가 포함 된 디렉토리 이름을 만드는 방법

  22. 22

    "What 's for dinner?"와 같이 따옴표가 포함 된 디렉토리 이름을 만드는 방법

  23. 23

    SoundHound 또는 TrackID와 같은 청취 애니메이션을 만드는 방법

  24. 24

    지수 'e'또는 가상 'j'와 같은 것을 만드는 방법

  25. 25

    Palabre와 같은 레이아웃을 구현하는 방법

  26. 26

    보기에 대한 UI와 같은 환경 설정을 만드는 방법

  27. 27

    iOS에서 이와 같은 사용자 지정 달력을 만드는 방법

  28. 28

    django-shop에서와 같은 제품 속성을 만드는 방법

  29. 29

    jsonbuilder를 사용하여 DefaultGroovyMethods 메서드 (ID)와 같은 이름의 키가있는 json을 만드는 방법은 무엇입니까?

뜨겁다태그

보관