app ui design template

The Apple website looked at the introduction of IOS 11, found that there are many updates oh, such as control center, Siri, Live Photo, and so on, generally have a lot of good experience, but this article does not introduce features, only the visual interface.In the new UI interface for IOS 11, the major update interface has the App Store, so I can see some general details from the

Http://www.cocoachina.com/design/20150703/12029.htmlBone9The goodness-of-heart effect has become an essential part of an app, and it's natural to follow the trend as a designer. The dynamic effect in the app can be divided into two categories, one is the transition dynamic effect, the application in the page switching, loading, etc., this kind of dynamic effect c

Font Awesome provides you with scalable vector icons that you can change using all the features provided by CSS, including: size, color, shading, or any other supported effect.Some open source projects on iOS7, including design footage, effect implementations, and code examples.IOS app design Process optimization TipsFind Inspiration DribbbleSquare Cool Mobile

and navigation. So that they can quickly get the information they need, and cherish each user's input operation. (You can simply touch and enter text to add new tasks to the Taskos app.) Of course, you can also modify many settings, but these are just optional actions. )3. Contrast Ratio Your development environment may be a room with a large screen and light, but the environment for users to use the app m

room with a large screen and light, but the environment for users to use the app might not be the case. Although we do not want to, but we do often need to use the mobile device in a strong sunlight environment. This can have a big impact on our viewing screen, which should be taken into account when designing the interface. Under these poor conditions, the details can be lost, the color is unclear, and some elements disappear completely due to sunli

uniform standard for mobile-phone web pages, and the popular practice is to design the iphone 5 in size. Magnification 2, logic pixel 320x568.This is true, magnification 2 screen in both iOS and Android is the mainstream, but also twice times the screen of the smallest logical pixels. So the size of the picture can be kept at a smaller level and the page loads faster. Of course, the disadvantage is that the magnification 3 of the device to see, the p

query Android, IOS, WP7 even GoogleTV app information, there is a vague total download volume and the current month downloads, the website shows BlackBerry data, but not yet available.6. Flurry, Website: http://www.flurry.com/This is now a more famous one, a lot of enterprise analysis data from this site.Second, prototype production tools1. Axure RP, which is one of my most familiar prototype design softwa

In the context of more and more content, designers should reduce the interference of useless information so that users can quickly focus on the content itself, this "less is more" design thinking is what we often say the minimalist style. UI Design LearningThe simplest and most brutal rule to shape the app's minimalist style is:The deletion of non-functional elem

mainstream, but also twice times the screen of the smallest logical pixels. So the size of the picture can be kept at a smaller level and the page loads faster. Of course, the disadvantage is that the magnification 3 of the device to see, the picture is not particularly clear.If the pursuit of image quality, willing to sacrifice loading speed, then you can follow the largest screen to design. That is, the iphone 6 Plus size, magnification 3, logic pi

more content, swipe down to try to return to the top and then display.The bottom navigation bar can be dynamically displayed and hidden based on scrolling.Visual PleasureAvoid using lateral sliding motion to switch the interface. Active and inactive interfaces, toggle transitions should use the overlay fade effect.Overlay fade animations. Source: Tancheng Life Circle http://www.0539g.comSummarizeThe bottom navigation should:　　visible and structurally sound (use 3 to 5 top-level destinations and

Case study: Designing a mobile app with a point-of-order function for a restaurantA function point:1. Mobile Login2. Package3. Recommended4. Snacks5. Beverages6. Shopping Cart7. Settings: Profile picture, Order history, membership level, promotionSecond drawing of Mind mapUsing the software: MindManagerLike thisThree-hand interactive diagramis to hand out the page design.Four software drawing interaction diagramSoftware tools: Axurerp, Origami (Mac sy

According to the standard is sometimes too complicated, we currently have several practical and efficient practices:1, the icon satisfies the high definition (HDPI), this kind of icon is generally the small icon, for example: the upper right corner refreshes and so on2, there is a kind of icon, the interface reuse rate is super high, and the icon medium is large, such as: The bottom of the tab menu icon, the general design size to 3 sets, HDPI, XHDPI,

An excellent interface design, the most important two points should be the product itself UI and user experience (UX), only the perfect combination of the two can be called excellent design works. But with the development of smartphones and all kinds of design tools, the user's requirements for mobile interface

This article is to share with you the main UI designMedium SceneUiInteractive effect of the relevant content, mainly around the interactive effect of the purpose, role, application rules and a brief introduction, we hope to helpSceneUIThe primary goal of interaction is to support and enhance the user's transition between states. Saffer has proposed the following 6 purposes for the use of dynamic effects: 1, attracting the user's attention to the desi

the element and factor involved in interacting with a particular environment or device, and these elements and factors make users feel like and disgusted with products, brands, or devices. UX's standard definition is a person's opinion and feedback on the outcome of a product, system, device being used or expected to be used. This is a cool mobile ui/ux interactive design Case collection, start enjoying

First, a simple exampleDescription: complete a simple interface setup using the app's mainstream UI framework structureBuild page Effects:Ii. construction process and points of attention1. Create a new project, delete the original controller, add the Uitabbarcontroller controller as the management controller2. Complete the construction against the interface3. Note the point:(1) Hide toolbar: Configure a property, Hideabotton bar in the push to hide th

size and resolution: 5.1 "1800x1080 pixelsHTC one screen size and resolution: 4.7 "1920x1080 pixelsHuawei Glory 6 Screen size and resolution: 5 "1920x1080 pixelsHuawei P6 Screen size and resolution: 4.7 "1280x720 pixelsHuawei P7 Screen Size and resolution: 5 "1920x1080 pixelsIn our Android app design project, we're not going to design a