What is interface design?

In addition to the user interface, UI has a deeper meaning, that is "man-machine interface". Interface is the bridge and link between users and computer systems. Not only the interface, but also the mouse, keyboard, Mic, monitor and even the power switch of the computer are everywhere. Without an interface, you can't just look at it, let alone use it.

Then, the deeper meaning of UI is "interaction" and "use", not "look". UI designers are not artists (or just do "beautification" work), but technical posts rather than art posts.

Doing UI design should have the following abilities: 1, communication and document writing skills: If UI is the bridge and link between man and machine, then UI designers are the bridge and link between software design developers and end users. 2. Excellent technical ability: You may not be able to write Java, but you must not be unclear about what Java is and what it can achieve.

Even if you can't write code, you must at least "realize". 3. Graphic design ability and prototype development: The most important work for a UI designer in his life should be graphic and prototype design.

4. The theory of human factors and cognitive psychology: Although this concept is a bit big, it is an area that every UI designer should strive to explore all his life after his career is stable. It can be said that the essence of design is "people". As a human-oriented interface, it is natural to understand people and their behaviors. .

What is interface design?

In the process of human-computer interaction, there is a level, which is what we call interface. From the psychological point of view, the interface can be divided into two levels: feeling (vision, touch, hearing, etc. ) and emotions. User interface design is an important part of screen products. Interface design is a complex project, involving different disciplines, and cognitive psychology, design and linguistics all play important roles here. The three principles of user interface design are: putting the interface under the control of users; Reduce the memory burden of users; Maintain consistency of the interface.

User interface design is divided into three parts in workflow: structural design, interactive design and visual design.

structural design

Structural design, also known as conceptual design, is the skeleton of interface design. Through user research and task analysis, the overall structure of the product is worked out. Paper-based paper prototype can provide users with testing and improvement. In structural design, logical classification and word definition of directory system are important prerequisites for users to understand and operate easily. For example, the entrance of Siemens mobile phone to set alarm clock is an "important reminder", which is difficult for users to find.

Interactive design interactive design

The purpose of interactive design is to make products easy for users to use. The realization of any product function is accomplished through human-computer interaction. Therefore, human factors should be the core of design. The principles of interaction design are as follows:

1) has a clear error prompt. After misoperation, the system provides targeted tips.

2) Let the user control the interface. "Next" and "Finish" provide various options for different levels and various possibilities for users of different levels.

3) Allow mouse and keyboard. The same function, you can use both the mouse and the keyboard. Provide a variety of possibilities.

4) Work interruption is allowed. For example, if you write a new message on your mobile phone, you can still find the new message you just wrote when you come back.

5) Use the language of users, not the language of technology.

6) Provide quick feedback. Give users psychological hints to avoid user anxiety.

7) Easy to quit. For example, the exit of the mobile phone is to press a key to exit completely or to exit layer by layer. Provide two possibilities.

8) Navigation function. Transfer functions at any time, and it is easy to jump from one function to another.

9) Let users know their current position so as to make a decision on the next step.

Visual design visual design

On the basis of structural design, visual design is carried out with reference to the psychological model and task achievement of the target group. Include colors, fonts, pages, etc. Visual design should achieve the purpose of users' pleasant use. The principles of visual design are as follows:

1) interface is clear. Allow users to customize the interface.

2) Reduce the burden of short-term memory. Let the computer help to remember, such as user name and password. IE can enter the interface address for the machine to remember.

3) rely on cognition rather than memory. For example, the memory of printing icons and the selection in the drop-down menu list.

4) Provide visual clues. Visual * * * of graphic symbols; GUI (Graphical Interface Design): Where, What, Next Step

5) Provide default, undo and redo functions.

6) Provide interface shortcuts.

7) Try to use real-world metaphors. Such as: telephone, printer icon design, respect for users' past experience.

8) Improve visual clarity. Clear organization; Don't let users guess the layout and metaphor of pictures and words.

9) Interface coordination. If the phone interface button is discharged, the left button is affirmative; Right-click negation; Or according to the content.

10) The same function uses the same graphics.

1 1) color and content. The overall software should not exceed 5 color systems, and red and green should be used as little as possible. The approximate color indicates the approximate meaning.

Siemens 6688: The design of "OK" key is inconsistent.

User interface design is the basis of product design. If the interactive form of mobile phone menu is determined first, you can decide whether to use five keys or up and down keys in modeling design.

In foreign countries, user interface designers have a new title: information architecture, information architect. Not only refers to artists, but also includes people with comprehensive knowledge of psychology, software engineering and design.

What does UI design mean?

UI is the abbreviation of user interface. UI design refers to the overall design of human-computer interaction, operation logic and beautiful interface of software. Good UI design not only makes the software personalized and tasteful, but also makes the operation of the software comfortable, simple and free, which fully embodies the positioning and characteristics of the software.

Software design can be divided into two parts: coding design and UI design. The original intention of UI is user interface, which is the abbreviation of English user and interface. Literally, it consists of two parts: user and interface, but in fact it also includes the interaction between user and interface.

In the rapid development of electronic products, more and more attention has been paid to interface design. The "artist" who does interface design is also called "UI designer" or "UI engineer". In fact, software interface design, like industrial modeling design in industrial products, is an important selling point of products. An electronic product with a beautiful interface will bring people comfortable visual enjoyment and close the distance between people and goods. It is an artistic design based on science. The standard for testing an interface is neither the opinion of a project development team leader nor the result of project members' voting, but the feeling of the end users.

What is page design?

Layout design, also known as layout design, is a big branch of graphic design, which mainly refers to the arrangement of words, fonts, images, lines, tables, color blocks and other elements in the layout according to certain requirements, and the artistic expression is performed in a visual way, and through the arrangement of these elements, the viewer can intuitively feel a certain meaning to be conveyed.

Layout is not only used for typesetting books and periodicals, but also used in many fields involving plane and images, such as web pages, advertisements, posters and so on. A good layout can better convey the information that the author wants to convey, or enhance the effect of information transmission, enhance readability and make the content of the layout more eye-catching and beautiful. Layout design is the combination of artistic conception and layout technology, and the unity of art and technology.

Layout program

Usually, layout design will be completed through the following procedures, but due to the designer's personal habits, design requirements and other factors, individual steps will be added or reduced.

Conceive and draw a sketch. There may be several sketches to choose from.

Select a draft design. Select one or several sketches that are closer to the design requirements and further describe their details.

Manuscript. After the final design scheme is selected, the scheme design, arrangement and drawing will be formally carried out.

Transparent sample. Proofreading is a proof made by printing equipment. The proof should be consistent with the final product. The purpose of making proof is to prevent text errors, omissions, details that do not meet the design requirements, or the color separation scheme from being adjusted before formal printing. If there are any mistakes, you need to go back to the previous step and continue to modify them. Therefore, it may be proved more than once.

The difference between layout and typesetting

Layout and typesetting are not the same thing, although some people usually confuse the two. Simply put, typesetting can be considered as the arrangement of the original manuscript in the layout program, that is, typesetting is included in the complete layout work. Typesetting pays more attention to technical work, and only uses technical means to organize words, pictures, tables and other contents in the specified scheme. If printed matter is produced, it should be paginated according to the printing requirements. Compared with typesetting, layout design is more creative and artistic, and it is a creative work considering the arrangement scheme of various elements.

Combination of Points, Lines and Faces in Layout

Point, line and surface are the basic elements of visual space and the main language of typesetting design. Typesetting design is actually how to manage points, lines and surfaces well. No matter how complex the content and form of the layout are, it can be simplified to point, line and surface in the end. In the eyes of graphic designers, everything in the world can be summarized as a point, a line, a face, a letter and a page number, which can be understood as a point; A line of text plus a blank line can be understood as a line; A few lines of text and a blank space can be understood as a face. They depend on each other, interact with each other, and combine various forms to construct an ever-changing brand-new layout.

Composition of points in 1. layout

The feeling of a point is relative, which consists of shape, direction, size and position. This combination of gathering and scattering brings people different psychological induction. Points can be the finishing touch. Compared with other visual design elements, they form the center of the picture, and can also be combined with other forms to balance the weight of the picture, fill a certain space, decorate and enliven the atmosphere of the picture. It can also be combined into textures or other elements to set off the main body of the picture.

2. Composition of the center line in the layout

Line is between point and shape, and has position, length, width, direction, shape and personality. Lines and curves are the basic elements to determine the layout image. Every line has its own unique personality and emotion. Different lines used in layout design will get different effects. Therefore, designers can be good at using it, which means having the most effective tools.

Theoretically speaking, a line is the development and extension of a point. The nature of lines in layout design is diverse. In many application designs, lines composed of characters often occupy the main position of the screen and become the main object of designers. Lines can also constitute various decorative elements and various forms of external contours, which play a role in defining and separating various images of the screen. As a design element, lines are more influential than points in design. Lines need more space visually, and their extension brings a dynamic potential. Lines can connect various visual elements in series, divide the picture and the image text, make the picture full of motion, and also stabilize the picture to the greatest extent.

3. Composition of surface in layout

Face occupies the largest area in space, so it is more intense and realistic than points and lines in vision and has distinct personality characteristics. Faces can be divided into two categories: geometric faces and free faces. Therefore, in typesetting design, it is necessary to grasp the overall harmony between them, so as to produce aesthetic visual forms. In the actual typesetting design, the expression of human face also includes various changes in color and texture, and the shape and edge properties of human face also have great influence, which will make the image of human face change greatly under different circumstances.

What's the difference between interface design and web design?

There is a big difference between the website interface and the software interface. According to the difficulty, the website interface design is more difficult.

= = The website needs a beautiful, gorgeous and fashionable interface to attract tourists;

= = Software pays attention to practicality and functionality. If the interface is abnormal and does not conform to the user's usage habits, it still fails. Software interface design also needs to know some design knowledge of a certain language. We are an on-board system. At that time, we found some ui design companies, such as UIPlus, Rococo, Ai Yi, etc., and finally decided to choose UIPlus, mainly based on three considerations:

1.UIPlus Their parent company can do interface development.

2. They have high cost performance and good service.

3. They are software companies, they can interact well from the point of view of products, and they also know the procedures very well. The other two companies can't do development, and the user habits of the software are not professional enough.

What does the ui design include?

The process of UI design is divided into four stages:

First stage

sketch

1, the relationship between light and shade

2. Spatial perspective relationship

3, modeling hand-painted skills

4. Special material properties: glass material properties, plastic material properties, metal material properties and wood grain material properties.

UI hand-painted

1, hand-drawn icon for line drawing, hand-drawn interface, design prototype and application icon for material representation.

2. Figure sketch, landscape sketch, space hand-drawing and creative hand-drawing.

The second stage: design basis

Three main components

Color composition, pattern composition, plane composition, logo design, font design

The third stage: software application

Basic knowledge of Photoshop interface composition and image design, can use Photoshop tools.

Illustrator

1, the interface and tool of vector graphics drawing software.

2. Drawing skills of vector graphics

glitter

1, Flash interface and basic operation

2. Multimedia interactive animation production

The fourth stage: project training stage.

design specification

1, design workflow and visualize analysis report.

2.GUI native system interface design specification (iOS7/6/5, Android famous brand system)

3. Control/icon design specification (size/alignment/pixel)

GUI basic course

1. Under the guidance of the teacher, the students operate on the computer and complete the example works in the A course.

2. In the teaching process, repeatedly guide students to strictly follow the workflow and design specifications.

3. The purpose is to skillfully express the hand-drawing skills learned in a course by using software.

GUI professional courses

1, which controls drawing and adaptation applications.

2. Icon drawing and application adaptation (application icon/interface icon)

3. Background drawing and application adaptation

4. Guide page drawing and application adaptation.

5. User interface design adjustment (tablet/mobile phone)

6. Dynamic design (GIF/ video animation)

7. Draw tools and UISPEC products (coordinate labeling, description documents, naming specifications).

GUI advanced course

1, App copywriting design in various fields (music, video, social interaction, tools, games, finance, shopping).

2. Interpretation, Appreciation and copying of each design style app.

originality design

1. Successfully applied the expression method of copying accumulation to his own design works.

2. The teacher gives technical guidance and tasting direction.

3. Encourage students to communicate and evaluate each other.

Curriculum interactive design

UX theory

1, user experience overview

2. Elements of user experience

3. Design pattern of mobile application UI

4, product architecture mind map design

5, prototype design specification, interactive document writing specification

6.Freemind, Powerpoint mind map and prototype design

AXURE_RP6.5

1, know AXURE

2. Control interaction and multi-scene design.

3. Examples: e-commerce platform, social platform and music platform.

4. Mobile phone interface design (quasi-materialization, flattening, extreme simplification, ios7 style, 6 style, 5 style)

Interactive characteristics and differences between Iphone/Android phone and Android

Mobile phone interactive training

1, user survey and analysis report

2. Analysis and evaluation of competitive products

3. Research and apply concepts and make prototypes.

4. Document preparation of application concept interaction design.

5. Conduct usability testing and review.

Case training

1. Take the semester project as a simulation project, and conduct user research and analysis, competitive product analysis and interactive prototyping.

2. Modify the completed UI interface design according to the optimized interactive prototype.

Graduation design user survey and analysis questionnaire, competing product analysis PPT, hand-drawn /AXURE interactive prototype draft, UI interface design file (including dynamic effect), visual analysis PPT, UISPECPPT, and drawing cutting file package.

Career guidance

1, resume making (beautifying resume)

2, UI interview works production and beautification packaging

3. Frequently asked questions and answering strategies in the interview.

4. The actual operation in the interview.

5. Career planning of 5.UI designers

6. Personal plan design/presentation

Refer to Youyike UI design training base, hoping to help you.