Photoshop--app Design Code

With the advent of the Android and iOS languages, apps that can run on mobile phones have become the focus of mobile technology, and the UI design of the app is becoming more and more important.

Users ' demands are increasing, technology is constantly being updated, and UI design is becoming more and more important.

As a two-year-old UI designer, here are some drawing experiences and tips to share with you.

We start from the beginning, the first to share is a complete app production process, is this:

User needs--product design-->ui design--back end development---mobile development;

This has spawned 4 careers, product managers, UI designers, back-end programmers, and front-end programmers.

Product Manager is responsible for analyzing user requirements, Function module Division, design product structure diagram and so on;

The UI designer is responsible for product manager's product architecture diagram, then uses Photoshop or sketch software to compose, compose, color, and finally to the front-end programmer in the form of pictures and transduction;

The task of the back-end programmer is to write the database according to the product, provide the interface and the interface document, and complete the transmission of the client data;

The front-end programmer completes a complete app! based on the UI diagram provided by the UI designer, the business logic provided by the product manager, and the interface and interface documentation provided by the backend programmer

Let's talk about it and turn it into the main part of the UI designer:

1. The minimum size of the APP UI diagram is: Wide->750 pixels, high->1334 pixels, resolution->72, this minimum size is the standard size of the iphone 6 used;

2. Then, the design of the app needs a rich brain hole and creativity, but this needs to be limited, for example, our interface needs to have a notification bar (signal and WiFi), title bar, Content bar, main menu bar, such as, these basic content can not be discarded, Because our principle is to give users a better use of experience, of course, we properly break a little bit of these layouts to pursue the user experience also can not be, such as NetEase cloud Music app;

3. Next is the font requirements, in the app design, we use the font should all use bold (except for the text in the form of pictures), because the programmer in the implementation of the UI map, if you want to use other non-system-brought fonts, the need to load the font package, which not only increases the app's file size, Also slows down the app's loading speed;

4. Next is the color requirements, our color should be dominated by a main color, other colors do embellishment, the main color at most is a color, and this color should be as long as possible to watch, this is for users to consider, UI design principle is the user first, students can also try to use black and white gray color, also quite good-looking;

5. Next is the typesetting requirement, the typesetting should pay attention to its principle, this will give the user very comfortable experience, and should leave the margin, cannot appear the text to the picture edge situation;

Photoshop--app Design Code