如何在移动设备和平板电脑设备上制作漂亮的定制ui?

时间:2011-01-21 19:25:07

标签: iphone android qt user-interface windows-phone-7

我正在寻找在移动特定平台上设计和制作自定义动态UI的介绍。据我所知,诺基亚(Qt),Android和iOS都使用OpenGL ES(2.0?)。我还没有看过Windows phone 7,所以不确定它的用途。所以我认为OpenGL将是一个非常好的起点。虽然OpenGL主要是关于3D的,但我也开放了创建动态UI的两种方式。

我从来没有真正专注于设计界面或提出很酷的概念,但现在我对一个真正需要漂亮的用户界面的移动应用程序有了一个想法。这是一种半应用程序,半游戏类型的东西。它真正针对游戏社区中的人们,我认为他们习惯于更加精致和高级的用户界面。我仍然可以通过一个简单的UI(简单不是坏事)来逃避但我认为我至少应该学习一些设计技术以供将来参考。

当然,我意识到过多的眼睛糖果会伤害可用性,比如臃肿的图形会减慢手机的速度,根本没用。我正在尝试制作一个时尚的UI,虽然看起来很好,但用户可以有效地与应用程序进行良好的交互。

您可以分享的任何建议,资源和经验都会非常有用。

编辑:虽然我正在寻找使用3D图形的方法,但我更关心的是如何在移动设备中提供流畅的UI。我来自一个主要是Web开发人员的背景,在Photoshop中有一些经验(CSS是我设计中最远的)。我从来没有真正设计过一个响应触摸的动态界面,并且在屏幕上移动了一些物理定律。有许多这样的效果,例如carousal效果,给用户增强了体验。我不知道如何将这些效果合并到移动设备中。例如,我需要这个应用程序要做的事情之一是采取一个玻璃状的圆形物体(一个按钮)移动,然后将其变成一种凸面玻璃镜头,这样它就可以放大下面的图像来制作它看起来它实际上是一个放大镜。我环顾四周,这种效果是由“网格扭曲”或“网格扭曲”创建的。我只想说我不知道​​怎么做。

2 个答案:

答案 0 :(得分:1)

This will不仅可以帮助您使用Windows Phone 7.WP7使用DirectX 9,但不是直接使用,您必须选择XNA或Silverlight(没有其他选项)。 Also these我认为非常有用的博文。

对于游戏,游戏相关的应用程序我会坚持一个设计,正如你所说的从OpenGL开始。

答案 1 :(得分:1)

我从昨天开始一直在寻找,并且认为我会为感兴趣的人添加一些链接。 虽然我把它们分开了文章所指的平台,但有一些肘部油脂的想法应该是跨平台兼容的。

<强> Qt的

<强> iPhone

<强>的Android

<强>的OpenGL / ES

  • OpenGl tutorials在NeHe,有很多,我通读了第一个(在灯光下),它确实提供了丰富的信息。
  • TheRedBook介绍OpenGl

<强>图书

    在Design4Mobile中列出
  • Books,这些不包括技术方面,而是涵盖设计手机时要记住的事项,我认为O'Rielly应该非常好。

<强>启示

全能

这是我在过去四五个小时内找到的,因为我发现更多我会添加它。我还将其作为社区Wiki,以便其他人可以纠正我在这里犯的任何错误,或者添加他们认为相关的任何错误。