What does UI design need to learn?

What does UI design need to learn?

The concept of UI, perhaps not a friend in the business is quite strange, but for the designer of UI design can be very high-paying job. In fact, the UI design includes a lot of aspects, do the Web page also belongs to the UI, do software design also belongs to the UI, so do not divide so meticulous, in the work gradually find their direction, develop their hobbies. Choose UI design depends on your choice of work, generally have a certain degree of software operating ability, in the work of accumulating.

The UI is the abbreviation for user Interface (UI). UI design refers to the whole design of human-computer interaction, Operation logic and beautiful interface of software. Now the more UI is actually the GUI design. That is, the design of the graphical user interface, including the software interface, mobile phone application interface and other electronic devices can interact with the interface design. The ability of different companies to require UI design positions also varies, for example, web companies mainly do some Web page interface design and interaction. Some companies also require the UI to convert the requirements into sketches to beautify, then interact and so on.

So what do UI designers need to learn? Here to give you a detailed introduction, so that we focus time on the important knowledge of the effort, less detours.

First stage: Basic UI Design Course

first Knowledge UI: UI Designer's role definition and value embodiment, UI meaning, UI designer's meaning

hand-painted styling: learn the basic skills of design basics, fonts, composition, hand-drawing, and quickly develop UI designer visual acuity, and painting ability, two-dimensional modeling method, two-dimensional simple icon drawing principles and techniques, a variety of texture performance

Three-dimensional Modeling method (object volume, structure, perspective and light and shadow performance)

Color principle: color attribute, contrast and harmony, color blending configuration, design color expression system, color decoration aesthetic and color expression method

Phase II: Graphic Design

Design software applications: Photoshop: Photoshop Software as a tool to explain the book cover design, poster design, advertising design, studio post-processing, packaging design, inkjet design, album design, DM design, such as the actual work of specific projects.

I llustrator: Vector graphics software Illustrator as a tool, explaining the logo design, font design, graphic design, Enterprise VI design, cartoon image design and other practical work of the concrete projects.

font-specific design: The classification and types of fonts, the recognition of fonts, the application of fonts in various occasions, the design of graphic fashion fonts, the font logos and the practical application in advertising design

Layout Special Design: The concept of typography, color applications in typography, font applications in typography, and applications in Web pages, books, newspapers, catalogs, DM, posters, and more.

graphic project design: combining software, color, font and layout of the study, in order to promote leaflets, folding, business cards, posters and VI to do thematic design, improve the comprehensive application capabilities and graphic UI design capabilities.

The third stage: Web UI interface Design

Wui design basics: the basic process of page design and the conceptual interpretation of design specifications, focusing on the Web interface design specifications, web color skills, color and composition of the concept and skills; Web navigation and Word layout design

Web design software application: Fireworks: Basic components of software, vector tools and bitmap tools, Wui user interface and advertising design.

Dreamweaver: Build sites, add page elements, use CSS styles, and interact with behavior.

Flash : Animation system to do the principle and skills, typical WUI commercial advertising flash technology and implementation.

Web design elements: learn the basic elements of Web site design, Web site icons, buttons, advertising banner, thematic page design and other elements of the specific design method

Web Standardized layouts: (X) HTML/HTML5 language: An explanation of HTML syntax and common tags, including layout labels, table labels, form labels, and more.

CSS/CSS3 Cascading Style Sheets: CSS syntax and Common properties of the detailed, using CSS to decorate the site of the various modules.

Wui Project Combat design: to the Enterprise website, e-commerce website and thematic web site to do real-time project design, through the whole process design, to achieve web interface design requirements

Stage four: Mobile device-side UI Design

UE Interaction Design

1. Mobile phone theme, interface and icon design;

2. Quasi-materialized and flat design;

3. Systematic learning Apple iOS design code;

4. Systematic learning of Android design specifications.

Icon Design: icon design elements and techniques, icon design color application, icon creative ideas and methods, 2D icon design method, 3D stereo icon design method, icon in the interface design application,

Mobile UI design: Mobile app user use scene, mobile phone interface layout and structure, mobile phone interface in the visual language and controls, mobile phone interaction gesture operation, the core design of the App Product: Guide design, mobile app color and emotional design, Mobile app overall visual emotion refining and communication, mobile app project design iphone App Real Project actual combat

Demand analysis for app products-user research-prototypes

Android app Real-world project combat

ipad app real-world project combat

This article is from the "INFO" blog, so be sure to keep this source http://infozp.blog.51cto.com/10670353/1789344

What does UI design need to learn?