My WEBDesign Road - Improvement [3]

zhaozj2021-02-16  56

The front entry and improvement articles [1], [2] are biased towards the use of software and the writing of some code. The next thing to say is the web image design, which belongs to the range of art design. I don't know if you are used to such a thinking. Web designers are more important between programmers and designers, abstract thinking and image thinking :) It should be said that the artist is an improvement of the most important part of the stage and the most exciting part. Because we have access to a site, the first left is visually "impression". It is a dream of every web designer to create a dreamy and strong visual shock force. To do this, not only depends on skilled computer image design technology, but more importantly in your imagination and creativity. As long as you can imagine the picture you can think of it, you can implement it on the web page (of course, the degree of implementation is limited by your horizontal: p), in fact, if there is a good art foundation Usually, after learning web design, work is very beautiful. Because the feeling of design is always slow, slowly accumulate. . I have the main knowledge of these three aspects: 1. About the color of the color; 2. Network image related knowledge; 3. Master the operation of common image design software; 4. To master the difference between web art and general computer image design, learn to use the image design software with web production software. 5. UI design related knowledge. 1, 2 is a must-have knowledge of CG (Computer Graphic). If you are a CG master, you may wish to jump directly to the fourth point: p First, the basic knowledge of the color: 1. Light source color, object color, three original colors; 2. Slogo - tone system. The color phase-tone system is a three kinds of attributes (color phase, brightness, contrast) combined with colors and classify the colors according to the angle of human psychology. For example, red, often associated with blood, flames, dangers, wars, frenzy, etc., and orange gives people a sense of vitality, and yellow makes people feel clear and so good. If the color phase-tone system, know how each color is roughly effective in human psychology, it can greatly improve the actual design level, and quickly plan a reasonable design. In addition, there is a colored curve in many design software, which is a very important tool. 3. Mixed principle of display color - RGB color and printing color mix principle - CMYK color; where RGB mode is the foundation of web color color. 4. 216 web security color; 5. Learn to use palette; there is more than color knowledge, and others can go to learn, especially for CG, do not want to stand in the web image design. The purpose of learning these is to form a sensitive feeling of color, learn how to accurately control the color, and then make web color colors as you want to justice. Two. Network image related knowledge; 1) The concept of bitmap, vector diagram, the features; 2) The commonly used picture formats on the network; GIF, JPG, PNG three, where GIF and JPG are applicable. It is necessary to clearly the features, advantages and disadvantages, and scope of use of each image format. In addition, images on the web page have some unique names such as logo, banner, etc., and be familiar with common dimensional specifications. three. Mainstream image design software used. Usually we often use Photoshop, Fireworks. // If you are three-dimensional images, you can use SWIFT 3D, or COOL 3D, or it is very complicated to use 3DMAX.

If you want to draw a vector, you can use CorelDraw, Illustrator, Freehand. Relatively, vector maps are used directly in web design, usually drawn in Flash, then embed web pages, if it is combined with flash, it is recommended to use FreeHand. // After the application of 3D and Flash in web design, it will be fine. Mainly say Photoshop and Fireworks. Let's speak Fireworks first, because I am a first learning of Fireworks and learn photoshop huh. I am working in Fireworks3.0, and now I have already reached the MX version. Fireworks mainly uses vector drawings, and is mainly used to handle web images, and now gradually edit a lot of functions on bitmap. Its biggest benefit is that it is very good with Dreamweaver. Sometimes you can increase efficiency. In addition, some technologies related to web design are also attractive. In image file capacity optimization, GIF animation is also slightly excellent than Photoshop. Handling the same image, when the same visual effect is obtained, the file capacity is smaller than the PS optimization. PS Draw a GIF animation to open imageReady. Later, I found that sometimes using Fireworks to handle a big plane image, I started learning photoshop :) Photoshop's name, I believe everyone is familiar. Its powerful features ensure that it occupies unlatable chiefs in the image design software community, and any high image designer cannot bypass it. Bitchart design and editing software like Photoshop, we need specially grasps, mask, channel, tone curve, filter, etc., the ultimate goal is to freely control each pixel point on the image - this is one Very highly realm of huh. . For the vector software such as CorelDraw, Illustrator, Freehand, the concept of the path and the Bezier curve tools are the most important. / (Note) Differential Drawing Thoughts Drawing Thought in Bitchart Processing Software and Vector Diagram. The operation of learning software includes familiar with commonly used tools, panels, etc., which are usually not difficult. After mastering basic operations, you can refer to some examples of example works on the network, step by step, and it is improved in actual combat. This method is also applicable to learning other design software huh, huh. // Note that the book is taken to learn all the operations, and then start the examples, then it is too wasteful, and people have no sense of accomplishment, it is difficult to learn to learn. Huh. . In addition, after real proficiency of a design software, learning other software will easily get started. It's been learning, and many things are connected (the basic drawings are the same, but there will be some differences in operation, there are some unique features, etc.). The real master is not staining in a certain software, usually use several design software at the same time, which is the truth. There is not much to say about the use of software, as long as you can persist, it is easier to master. Four. The difference between the web art and the general computer image design; 1) The web image is limited by the network transmission speed. When ensuring the picture effect, the image file capacity must be minimized; the resolution of the web image is usually set at 72DPI / INCH, and printed pictures such as Photoshop or PageMaker must ensure sufficient resolution (such as 300dpi / inch), which is not the size of the Picture file. 2) The webpage uses a large number of large-scale flat animations, so that the three-dimensional animation masters of Deep 3Dmax also have the feeling of tiger plains. (In the future, it will be said to be huh.) 3) Web art also requires a certain level of familiarity of web design, typography, etc., and some pages are typically integrated.

转载请注明原文地址:https://www.9cbs.com/read-22357.html

New Post(0)