Android basic getting started tutorial-1.7 interface prototype design, android getting started tutorial

Android basic getting started tutorial-1.7 interface prototype design, android getting started tutorial
Basic tutorial for Android-1.7 interface prototype design

Tags (separated by spaces): basic Android tutorial

This section introduces:

Reference a short story from the hammer technology visual design Director Luo zixiong at the TEDx event in Chongqing:

When we see some wonderful designs, many people will have an impulse, which will make you want to create some
New things create some wonderful things.

We often say that users experience the user experience. What is the first thing users will be exposed to when they use your software? That's right, the graphical interface (GUI), or UI for short, is the most intuitive for users. The first impression is the interface of the program, rather than the function! People always like beautiful things, right?
If the same function is used, the user orientation is usually determined by the UI! Exquisite UI! Of course, there are some considerate and user-friendly operations!
App interfaces of two computers:

Let's not talk about functions first. In the UI, which one do you like?
Therefore, the UI of a product is very important, and the prototype design of the product interface is generally completed by the company's product manager + artist, requirement Analysis-> interface prototype design-> Let's write code! Maybe you don't think the interface prototype works for us, but what if you want to develop your own App in the future? Or can you become a product manager? Hey! There is no absolute thing in the world. Who knows what will happen in the future? Most companies use Axure Rp, but this is hard to use! In addition to this, there are many other prototype design tools:

• Penpencil
• Framer
• Shireframe
• UIDesigner
• Balsamiq Mockups
• Mockup Builder
• Mockup
• FrameBox
• IPhone Mockup
• GOOFLOW
• WireframeSketcher
• FluidIA
• Indigo Studio
• Origami
• Quartz Composer
• Justproto
• Avocado
• PaintCode
• Mockplus (Moke)
• Modao ....

I have used two domestic interface prototype design tools: Mockplus and moke.
This article will briefly introduce the usage of Mockplus!

Use of the Mockplus prototype tool:

You can choose a web version or a Client Version: Mockplus Official Website

Step 1:Register an account and create a new file to go to the editing page! (Time relationship, I will try it out here)
Then, a prototype dialog box is displayed. Select sketch and line!

The author selects the line:

All we need to do is to move the widget from the component bar on the left to the mobile phone interface. Of course, we can double-click a widget to customize
Style, such as color and background image!

Step 2:Interaction implementation:
In addition to the interface, the interface prototype must be interactive. Here we will provide a simple interactive example of a news application for you to experience:
We add a jump link to one of the news categories,

Then we can click the play button in the upper-right corner:

Next we can see the specific interaction. PS: this may be a problem with the web version, and some images cannot be displayed!

Well, the general usage is just like this. You can explore it yourself. In addition, if you generate a document, you need to upgrade it to a paid user! 6 yuan a month is not expensive, just a breakfast money, of course, if you just play it yourself, there is no need to open it!

Android built-in DroidDraw tool design Android interface:

In fact, Android also provides us with an "old-fashioned" interface design tool. Compared with the above-mentioned high-end interface prototype tools, it is dozens of steps away and can be understood as a separate ADT, A more advanced feature than ADT is to automatically generate code... For those who seldom access prototype design, it is worthwhile to take 1 or 2 minutes to master this tool!

Tool interface:

The figure shows related operations. It is very simple. practice is the only criterion for testing truth. Let's try it on your own !!

Download the software: droiddrawr. jar

Summary:

This section introduces the concept of the UI prototype design, the simple and practical lightweight Mockplus (Moke), and The DroidDraw tool that comes with Android. The content is simple and requires your own practical understanding!

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.