title: How to make Beautiful & Stylish apps like Timely
body: <h2>A Quote from Google in terms of Designing, and some example of apps:</h2>
  
  <p>Based on what <strong>Google</strong> said in <a href="http://developer.android.com/" rel="noreferrer">http://developer.android.com/</a> within design section, a developer should consider three goals:</p>
  
  <ul>
  <li>Enchant me</li>
  <li>Simplify my life</li>
  <li>Make me amazing</li>
  </ul>
  
  <p><strong>Which BTW we (Developers) are aware of.</strong> </p>
  
  <p>By looking at many successful apps on play store, you can see that they are designed by  following Google design guidelines and are pretty much using the <em>same</em> <strong>components</strong> and <strong>theming</strong> and <strong>styles</strong> that google used in their own apps.</p>
  
  <p>Many people do enjoy these kind of designs and also these android standards in terms of themes and components, but when you look at some apps in <strong>Playstore</strong> or some hardware manufacturer's apps like <strong>samsung</strong> whom have built their special apps (like galaxy note 10.1 <strong>note taking app</strong>) or <strong>asus weather app</strong> or in <strong>playstore</strong> the <a href="https://play.google.com/store/apps/details?id=ch.bitspin.timely" rel="noreferrer">Timely</a> app which is awesome in terms of functionality and of-course design, you could see they are using different kind of design and components.</p>
  
  <hr>
  
  <h2>Now let's get deeper in what Google <a href="http://developer.android.com/design/get-started/ui-overview.html" rel="noreferrer">says</a>:</h2>
  
  <blockquote>
    <p>A typical Android app uses action bars, and many apps will include a navigation drawer.</p>
  </blockquote>
  
  <p>Like these:</p>
  
  <p>The Actionbar: <img src="https://i.stack.imgur.com/daYnL.png" alt="enter image description here"></p>
  
  <p>The Navigation Drawer: </p>
  
  <p><img src="https://i.stack.imgur.com/bWf6F.png" alt="enter image description here"></p>
  
  <p>And other standard components on android.</p>
  
  <p>But How can some developers make apps so beautiful and functionally perfect (almost! ) like Timely app and not using many of the android typical components defined by google.</p>
  
  <hr>
  
  <h2>Lets take a look at <strong>Timely</strong> app:</h2>
  
  <p>This is the screen where user can see the alarms where he/she could set one or just watch the clock:</p>
  
  <p><img src="https://i.stack.imgur.com/oPqbO.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/efdSL.png" alt="enter image description here"></p>
  
  <p>Now the questions that come in my mind are:</p>
  
  <ul>
  <li>How can I theme my app like that?</li>
  <li>How can I make background animations like that and use it in my apps?</li>
  <li>Did their developers use unity and eclipse together to make it function as an android app?</li>
  <li>If they did use unity then how come the app runs very smooth?</li>
  <li>In its actionbar ,how did they colorized it and defined opacity for the object?</li>
  <li>What kind of animation class can do what they did in the app? (like the clock time changing animation)</li>
  <li>If they used unity then how come their app's size is 10MB?</li>
  </ul>
  
  <p>There are many other apps like this (no 100% that much alike) which have their own special design.</p>
  
  <p>As far as I understand, there aren't much website that offer custom components for android like <a href="http://androidviews.net/" rel="noreferrer">http://androidviews.net/</a> 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.</p>
  
  <p>I also looked at the Timely app website, and within their <a href="http://www.bitspin.ch/support" rel="noreferrer">FAQ</a> 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.</p>
  
  <p>This is the <strong>quote</strong> from <a href="http://www.bitspin.ch/support#answer_15" rel="noreferrer">their website</a>:</p>
  
  <blockquote>
    <p>I'm a developer and just can't figure out how you did those animations
    and color effects.</p>
    
    <p>We are planning to have an engineering blog in the future. Stay tuned!</p>
  </blockquote>
  
  <p>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.</p>