UI icon Usage Specification

Source: Internet
Author: User

this article from http://blog.csdn.net/u012175089/article/details/50983726 , the reference must be indicated by the source!

In order to understand the client's programming idea, has been learning Android recently. Recently began to learn some of the menu things, want to get some beautiful UI icons, because now is too ugly.

Find some UI resources, found a lot of icons, and obviously, most of them can not be used, the UI obviously has its own set of specifications, so looked up some information, tidy up, and will occasionally add, useful students please collect. Because the content of the Internet is scattered, but some of the conventional things, of course, when used to see oneself like.

Welcome to my original Weibo blog


UI specifications include fonts, colors, buttons, icons, layouts, spaces, hints, naming conventions, and so on.

=====================================

Icon:



I really do not know which company is the norm, but many are very general, see more will not mess with.


=====================================

Font specification:

Chinese font specification

Microsoft Black: For all content on page themes

Fangzheng Orchid Pavilion: Suitable for format design

English font specification

Arial,verdana,tahoma: Apply to Page supplement

=====================================

Named:

Head: Herder Login: Login Background: Background
Navigation Bar: Nav Registration: Register Users: User
Menu bar: Tab Editor: Edit Image: img
Contents: Content Remove: Delete Ad: Banner
Left, center, right return: Back Icons: Icon
Caption: Title Download: Download Note: note
Bottom: Footer Pop up: Pop Searches: Search
Module: MoD Hint Message: MSG Buttons: button

As a service-side developer, these content is really useful, and many times do not know which word the client uses to see its code confused.

=====================================

Color specification:

In fact, I feel comfortable on the line, for technical staff, according to the online Color matching table to do is a good choice

=====================================

buttons, layout, space, hints, these are not how to understand, I think it is necessary to see.

In a large team, usually these have specialized art to design. But when it comes to entrepreneurial teams and even personal development, there are times when you have to do everything yourself. I hope this works for everyone.


Finally, submit your own set of Android UI, easy for beginners to use, and so on through the hair link


UI icon Usage Specification

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.