Photoshop Novice UI Design experience

Source: Internet
Author: User
Tags documentation
Share your experience with self-study UI design for the novice users of Photoshop software.
Share list:

What is UI design
The UI is intended to be the user interface, an abbreviation for the English user and interface. The user is literally composed of 2 parts of the interface, but it actually includes the interaction between the user and the interface.
The personal view of UI design is not only to enrich the prototype manuscript and product manager handover, to some extent, to include the interaction and visual part of the responsibility.
Daily tasks and deliverables
The daily tasks are divided into several stages, including the requirement phase, the prototype stage, the visual stage, the front-end and the development phase, and the optimization stage. In the entire project process, the UI designer is in the key position of the connecting link.
I. Stage of demand
Participate in discussions, understand and tap requirements. Perform user requirements analysis tasks, assist product Manager to refine requirements, from business requirements documentation to product requirements documentation.
Two. Prototype phase
Synchronous business requirements Document process, interactive designers output the various stages of the product prototype, also is the wireframe. and organize reviews and seminars (UI designers also participate in the in-depth understanding of the logic of Wireframe), after review and discussion, the interaction designer output a confirmation version of the wireframe and interactive documentation.

Three. Visual phase
The visual phase includes interface design phase, interface output stage.
1. Interface design phase
According to the interface prototype of prototype design stage, the visual effect of interface prototype is processed, which determines the tone, style, interface, window, icon and skin performance of the whole interface.
After the interface design is completed, the review will also be organized to face the challenge of Rd or FE.

2. Interface output phase (General beginners self-study When this part will be more confused, I will be in the next article alone this section)
Interface output is the Chettu and labeling, and output the overall interface of the visual specifications.
Four. Front-End and development phase
Cooperate with the developers to complete the relevant interface, acceptance of visual and front-end, development results. According to their feedback, improve the interaction design and coordinate with the product manager.
Five. Optimization phase
Observing core data changes, conducting usability testing and user research to optimize the next version
The current UI interface design trend
I. Single PRIMARY tone
The level of information is displayed by using a simple color scale, matching gray scale
Advantages: A good information transmission effect, reduce the interference of redundant information, so that users focus on the main information acquisition.
Typical example:

Two. Visualization of data
With intuitive pie chart, fan-shaped, folding style, histogram, and other rich way of expression
Advantages: Can be more stereoscopic display content in the smaller screen space
Typical example: Weather pass

Three. Card type
Use card style
Advantages: To ensure the independence between cards and cards, but also to ensure the unified design of services and services.
Baidu takeout These two pages with a card-type

Four. Content is king
The real value of the app, must be the content to win.
Sina uses typography to make the most of the content before it, weakening the icons and manipulating the user focus on content reading.
Benefits: Getting users to aggregate content
Typical example: A drop test drive inside the car goods electrical Business page

Five. Large view background map
Use the banner picture as the background
Advantages: Enhance the visual performance, but also enrich the emotional elements of the app, this design method, the font and typesetting design requirements higher, more difficult, but very easy to render the atmosphere.
Typical example: Airbnb

Tools: PS, sketch, illustrator, etc.
Recommended Books

Okay, the above information is small set to Photoshop this software novice users of the detailed self-study UI design experience to share all the content, you see the novice users here, small set believe that you are now very clear the experience of it, So now go to the small part of the share of their own to try it.

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.