20 Video Player Interface appreciation and comments

Web Design in the very details of things, such as a stroke, sometimes caused by http://www.aliyun.com/zixun/aggregation/8161.html "> User psychological feelings of the difference, and thus affect the user's use of preferences, Until the success of the entire design and the business value of the work has a very big impact. Similar to the "sink" and "Butterfly Effect" feeling. Exaggerated? Absolutely not! The power of detail I think has an infinite fascination in web design. Think about what you personally think is good design, and what touched you? Really a lot of time is a description of the color, some 1 pixels of the high light, or a texture. For example, the following 20 Web page 10244.html "> Video player Interface design, seems to look very different, but if you have to choose one of the most preferred, and pay to buy, I think everyone can make their own choices." And then you think about why you chose this, not the other? So what I want to say here is that as a web designer, or a UI designer, we need constant effort, often asking ourselves a question, "Do I have the ability to control the details of visual design to more accurately achieve the goal design, and thus guide the user's psychological feelings?" "I think this is something we can learn from these 20 designs," he said.

A sharp edge

Subtle light gray gradients, an edge 2-pixel inner glow, control-button shadows, and a 1-pixel edge high-light combination are one of the most common designs, classic and make the player look sharp on the edge and cut through the fingers.

Second, brisk

Rounded black control bar background adjusted to translucent, the control button did not add more layer style, when the mouse left the screen when it disappeared, look simple and brisk feeling.

Third, remote control

Glass-like light control bar background, thicker line strokes, each control button adds a 1-pixel dark stroke. Reminiscent of a wire control device on a headset.

Iv. Clarity

This is my personal favorite design style, all elements are surrounded by dark 1 like sketch edges and subtle inner glow effects, highlights, strokes, luminous effects are controlled within 1 pixel, right angle design, and add the noise of the material, so that the entire control bar does not look like a bare feeling, but clear, tough, Have a sense of psychological feeling.

V. Wide Background panel

The wide panel makes this design has a whole feeling, like a simple remote control, glass texture, high saturation blue so that important control button eye-catching, the volume control interface design is very characteristic.

Six, metal, brushed texture

A closer look at the control bar background has a metal-like drawing texture, the progress bar of the sliding button is also the metal texture, the bottom of the 1-pixel high light so that the edge has a bulge of the feeling, playing progress bar in the middle of the deeper 1-pixel sag to the design added a richer detail

Seven, Rich black

The Thick of the black is the design of the intuitive feeling, the top of the concave panel to the panel thick, really feel. The three design scenarios let us see the different combinations of control buttons.

Eight, refreshing taste

The translucent background design gives the player a refreshing taste.

Nine, coarse, sloppy

I personally think this is a negative case, with a width of 1 pixel strokes that make the design interface look awkward and delicate, much like a casual one.

Ten, the style is not unified

The high saturation and brightness of the yellow in the dark gray background exceptionally eye-catching, but the player color and background color contrast is not enough to make the two have a vague feeling, in addition, looks like the display of brightness, contrast, and color adjustment icon of the glass texture and the overall design of the texture is not uniform. So the work on the dribbble is not perfect impeccable, individual design, such as I randomly picked nine and 10 should be said to do is not good design.

Xi. size is not uniform

It seems that the design is not good enough in the case, you can carefully observe the design, compared to the narrow player, the progress bar is too wide. Control button icon size is not uniform, in addition to heart-shaped icons, playback, high-definition, volume icons are a little bit small, these are not looking hard places.

12, fashion

Large screen, the screen of the twill, the huge translucent background of the play button, simple play bar and control button design, there is no excessive layer style, so that the design of a number of fashion feel.

13. Rich Details

Simple to do, cool dazzle more to do, pay attention to the details of the translucent play button, consider a question "why should the high light here?" How does this give the button a sense of texture? "Then copy it again, firmly in mind, you will make a button later, it is so simple!" Another level, the same button, but also how to make the texture? I made another style and put it down to see what the difference between the two textures is? Do you think you can make any other style?

14.

This design is very good, often see the design scheme.

The texture of the noise

From the technical and the first design scheme is not very different, but the player's background to add a certain amount of noise, so that the surface from smooth to rough texture.

16, or Transparent

This is like a unfinished design, a lot of design elements, such as playback time is not added, but, if this is just a beginning, it is very good, the player interface transparent texture and control button glass texture is very unified, very beautiful. From this case you can also feel that the transparent style is always a little more refreshing than the pure color design.

17, Wool glass

The highlight edges and the soft white highlights of the control button give this design a little bit of the texture of the hair glass, very special.

18. Higher transparency

This design is more transparent than the previous translucent player backgrounds, so it feels more refreshing and translucent.

19, a whole

The idea is that the entire Player control button blends together, bringing the mouse clicks closer and has a more natural feel.

20, Luminous

The effect of the mouse hover is not only highlighted, but also to the elements around the spread of a little halo out, as if the light is lit up the feeling, this is also the details of the place worth learning.

Source Address: http://startwmlife.com/20......-and-comment/