Android 3.0 Honeycomb Interface Design

Source: Internet
Author: User

Honeycomb design than the later version of a great improvement, more concise and beautiful, but also conducive to application architecture, interface consistency and compatible multiresolution, although the 3.0 version has not been open source, but has been reflected in the map, books, g+, Google I/O, Web Gmail, Google search home and electronic market, such as the interface design.

Before 3.0, the title bar displayed a small font with no action. The control bar position is equivalent to the title bar of iOS, but its interaction is more excellent. The text title is displayed on the left, leaving more space to the right, which can display 1-3 buttons. Text titles can be integrated back button or home button, simplifying the common "back" button, which is very beneficial to the formation of closed-loop operations. If you want to save design costs by designing a similar visual style for iOS and Android two-version applications, 3.0 can meet that requirement.

The control on the right can place actions on the current interface, such as refreshing, or global operations, such as search functions and the following menus, to minimize visual change, the control of the global operation as far as possible to place the rightmost.

The tablet's control bar can contain a label that is displayed in two parts on the phone. The previous label is similar to the button, 3.0 of the label vision is weak, to avoid the label bar is divided into two parts after the top is too complex.

Switching labels can slide around like WP7, and there is no precise requirement for sliding gestures, which is more convenient than clicking labels. Google + has replaced the label bar text with a small font, which expands the text display space, but does not fit into an overly labeled interface, such as the 8-page tab in the electronics market. Applications that typically have more than two pages for the interface are recommended for paging processing in this way.

3.0 The input box is also simplified, the reason: On the one hand is required by the design style, on the other hand, the simplification of the design and can stretch the color block can be easily compatible with a variety of resolutions.

The IPhone 4 uses a high-precision display screen, requires two of the size of the image resources, but the ipad version needs to be developed separately, which increases the development costs, and an Android application after the use of three resource images compatible with a variety of resolutions, display in mobile phones and platforms according to the resolution to adjust the interface layout, The program has only one.

For the horizontal screen, it's not just a switch between two columns and a single column like the ipad, which is a much more diverse variety.

Author: Xiao Sheng

Article Source: daichuanqing.com/index.php/archives/2783

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.