如何制作像Timely这样的美丽和时尚的应用程序


68

Google关于设计的报价以及一些应用示例:

根据Google在“设计”部分http://developer.android.com/中所说的内容,开发人员应考虑三个目标:

  • 吸引我
  • 简化我的生活
  • 让我惊奇

我们(开发人员)知道哪些BTW。

通过查看Play商店上许多成功的应用,您可以看到它们是按照Google的设计指南进行设计的,并且它们所使用的组件主题样式几乎与Google在自己的应用中使用的组件相同

许多人确实喜欢这类设计以及主题和组件方面的这些android标准,但是当您查看Playstore中的某些应用程序或某些硬件制造商的应用程序(例如三星)时,他们已经构建了自己的特殊应用程序(例如Galaxy Note 10.1笔记记录应用程序))或asus weather应用程序,或在PlaystoreTimely应用程序中,该应用程序在功能和课程设计方面都很棒,您可以看到它们使用的是不同类型的设计和组件。


现在让我们更深入地了解Google所说的话

典型的Android应用程序使用操作栏,许多应用程序将包含导航抽屉。

像这些:

动作栏: 在此处输入图片说明

导航抽屉:

在此处输入图片说明

以及Android上的其他标准组件。

但是,一些开发人员如何才能使应用程序如此精美,功能完美(几乎!),如Timely应用程序,而不使用Google定义的许多android典型组件。


让我们来看看“及时”应用程序:

在此屏幕上,用户可以查看警报,在该警报中他/她可以设置一个警报或仅看时钟:

在此处输入图片说明 在此处输入图片说明

现在我想到的问题是:

  • 我该如何为我的应用设置主题?
  • 如何制作这样的背景动画并在我的应用程序中使用它?
  • 他们的开发人员是否同时使用unity和eclipse使它充当android应用程序?
  • 如果他们确实团结一致,那么该应用程序如何运行得非常流畅?
  • 他们如何在其动作栏中为它着色并定义对象的不透明度?
  • 什么样的动画课可以完成应用程序中的操作?(如更改时钟时间的动画)
  • 如果他们使用统一,那么他们的应用程序大小为何为10MB?

像这样的许多其他应用(没有100%如此相似)具有自己的特殊设计。

据我了解,没有多少网站可以提供针对Android的自定义组件,例如http://androidviews.net/,因此我们似乎被迫制作了自己的组件,这非常耗时,而此时(2013年)并非完美,而对于ios,还有其他公司制造的大量自定义组件。

我还查看了Timely应用程序网站,在他们的“常见问题”部分中,有一个地方,他们说他们会透露主题,颜色和组件的内容和方式,但是由于没有发布时间表,我不知道。我不想呆在黑暗的地方,我是来这里问您专家的。

这是报价他们的网站

我是一名开发人员,只是想不通如何制作这些动画和色彩效果。

我们计划在将来建立一个工程博客。敬请关注!

如果你们知道如何制作这样的应用程序,或者您知道他们所使用的某种动画,组件,技巧和黑客的一部分,那您就算是我的一天了。


2
一篇关于他们如何制作数字动画的文章
Egor Neliuba 2013年

6
我想他们只是将GLSurfaceView用作背景,并且将操作栏重新设置为半透明(developer.android.com/training/basics/actionbar/overlaying.html)。这些数字可能只是自定义视图,在其中它们为数字编写了自己的bezier动画,但它们也可能是GLSurfaceViews。他们创建它的方式看起来并不神秘。美丽在于设计和抛光。看一下OpenGL ES入门教程...学习OpenGL的基础是迈出的第一步,但是一旦掌握了它,就会为您带来很多可能性。
Tenfour04年

这个问题只是关于如何使您的应用看起来像“及时”的问题吗?还是您还有其他问题吗?您会问有关使用什么技术的很多问题,但您并没有真正探索它们。除了“及时”网站,您是否看过其他地方?
2014年

您要我们发布及时消息的来源吗?
mayank_droid 2014年

2
我也想知道..
shridutt kothari 2014年

Answers:


62

他们做了一个演讲,解释了如何计算视图颜色,存在的问题以及其他一些有用的技巧。演示视频可在其YouTube频道上找到

数变形是相当简单的,并解释在这篇文章中,你可以找到从文章的完整视图类在这里


在android开发者网站上查看可以帮助您构建美观,强大,成功的应用程序,这很酷。

Android Design,在线样式指南,列出了Android用户界面中卓越的原理,构建块和模式。它似乎正在工作;

我希望这能回答您的至少一个问题。


6
请注意,即使不是以这种方式开始的,大多数视频都是英语的。
2014年

1
感谢您的精彩视频。我期待这样的事情。
Nima Sakhtemani 2014年

我正在为textview寻找相同的东西,有没有可用的TextviewMorphingView?
LOG_TAG 2014年

1
那将是一件非常棘手的事情,我不知道是否有人创造了这样的东西。为此,您必须即时计算文本中所有字符的控制点,对于某些随机字体,我认为这很难。再次对新文本执行此操作,并弄清楚如何从旧文本变形为新文本。
jankovd 2014年

1
有一个很好的工具,请在GitHub中查看名为TimelyTextView的内容。(github.com/adnan-SM/TimelyTextView
Droidman 2014年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.