UI interface Design

Source: Internet
Author: User

The UI is the short name of user Interface, which refers to the overall design of human-computer interaction, Operation Logic, and beautiful interface of the software. Good UI design is not only to make the software has a personality and taste, but also to make the operation of the software comfortable and simple, free, fully reflect the positioning and characteristics of the software. UI mainly includes: color composition, pattern composition, plane composition, software application, today I will briefly explain the UI to use the most common software: Photoshop and color of the basic knowledge, first of all, PS has a lot of basic toolbar, and we want to learn PS must remember skilled use these shortcut keys:

M rectangular, elliptical marquee tool
C Cropping tool
V Move Tool
L Lasso, polygonal lasso, magnetic lasso
W Magic Wand Tool
J Gun Tool
b Brush Tool
S-like skin seal, pattern stamp
Y History Brush Tool
E-like skin wiping tool
n Pencil, line tool
R Blur, sharpen, smudge tool
o Dodge, deepen, sponge tools
P pen, free pen, magnetic pen
+ Add Anchor Point tool
-Delete Anchor Point tool
A direct selection tool
t text, text mask, vertical text, vertical text mask
U Measure Tool
G line gradient, radial gradient, symmetric gradient, angle gradient, diamond gradient
K Paint Bucket Tool
I pipette, color sampler
H Gripper Tool
Z Zoom Tool
D default foreground and background colors
x toggle foreground and background colors
Q Toggle Standard mode and quick Mask mode
F standard screen mode, full-screen mode with menu bar, full-screen mode
CTRL temporarily using the Move tool
Alt temporarily uses the color-absorbing tool
Space Temporary use hand tool
Enter Open Tool options panel
0 to 9 Quick input tool options (at least one adjustable number in the current tool options panel)
[or] loop selection brush
shift+[Select the first brush
shift+] Select the last brush
CTRL + N to create a new gradient (in the gradient editor)

Brothers and sisters to learn PS must bear in mind and skillfully use these basic shortcut keys Ah!

Next I'm going to explain to you the basic color, the color will never exist alone. In fact, the effect of a color is determined by a variety of factors: reflected light, the surrounding color, or the viewer's appreciation angle, most boys like the cold color, or the earth tone simple wind modular style, and most girls are more like sweet and fresh romantic, etc. Then we can use some pink, lavender, light yellow or light green to match!

There are 10 basic color design, respectively called:

Colorless Design (achromatic)

Analog Design (analogous)

Conflict Design (Clash)

Complementary design (complement)

Monochrome Design (monochromatic)

Neutral Design (Neutral) ( add a color to the complement or black color to make it disappear or neuter)

Split complement Design (Splitcomplement) (combines a color with the color of its complement on either side .) )

Primary color Design (primary) (combines pure primary colors with red, yellow, and blue colors). )

Two secondary color design (secondary) and three-color tri-Color design (tertiary). (Combine two times of green, Violet, and orange color.) three times color three-color design is the next two combinations of one: red orange, yellow-green, blue-purple or blue-green, yellow orange, red -purple, and in the Hue ring Each color has an equal distance from each other. )

UI interface Design

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.