Today this translation is full of dry goods, including a lot of practical experience, such as the elements in various sizes to keep the boundaries of clear skills, slicing professional methods, naming rules, etc., is definitely worth each UI designer collection!
Starting from low resolution
I usually start with a 1x document size that is not retina displayed.
The ipad's app resolution is 1024x768, and
. Let's give an example: Android phones, for example, are now heavily fragmented and large in size. Common Android Screen Size: ①540x960, magnification is 1.5;②720x1280, magnification is 2;③1080x1920, magnification is 3. Then, using the conversion formula, you can get a common logical pixel: 360x640. So finally on these different models of mobile phones, the effect is the same.
Similarly, the UI design on t
Android app architecture design 011: This article has been excerpted,
12345
-Consistency of requirements, designs, and codes during development-the entire program has a uniform style, such as a dialog box style, button style, tone, and other UI elements-the specific and unified structure of the entire program, for example, when different module
Create a Material Design-style Android app-define the shadow and cropping view, materialandroid
I have previously written about using the topic and ListView, CardView, and Material Design Styles. Both of them can be backward compatible through the support library. The shadow and view cropping to be written today are not backward compatible. Please note.
Material
we often see a lot of good mobile UI designs . So how did these designs come about? I've summed up some deep-seated techniques. similarThe parts that are close together tend to form the whole. when we need to organize and divide the information, we can comb the information layout well by using Gestalt psychology. As the information repeats itself in a list, we can use the same color, size, shape, or text as much as possible in a repeating form. "simil
redeem physical items, redeem coupons for neighboring merchants, or permissions within the software: such as cloud albums more personal space and so on.based on photo sharing: Is it possible to cooperate with the merchant, if the user took the photo with the merchant's logo, share in the community, get the praise above xx, and sent to the merchant dedicated channel to audit, by giving certain feedback."My footprints.": Design a function, you can take
Topic Requirements
Refer to the "Software Design Specification" sample sent to the group and write the software Design specification of the team.
Please refer to the contents of each section of the template, and closely combine the substantive development of the team project.
Use UML tools to describe and guarantee the consistency of symbols and descri
Made a UI design, encountered some questions about the screen adaptation, and made some summaries by finding and personal understanding (with questions).
iOS Interface size
Equipment
Resolution
Status bar Height
Navigation Bar Height
Label Bar Height
IPhone6 plus/iphone6s Plus
1242x2208 px (5.5 inches)
60px
132px
147px
IPhone6, iphone6s
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.