What is the process of web design?

The two main points of web design are: overall style and color matching.

Determine the overall style of the website

Here, I will provide you with some reference experience:

1. Try to put your logo in the most conspicuous position on every page.

2. Highlight your standard color.

3. Summarize a slogan that can reflect the essence of your station!

4. The effect of the same type of pictures is the same. For example, the shadow effect is used in the title text, so the settings of the shadow effect of all the title text appearing in the website should be exactly the same!

The overall style and creative design of the website are the most difficult to learn. The difficulty is that there is no fixed model to refer to and imitate. Give you a theme, no two people can design exactly the same website.

R, G and B are red, green and blue (red, green and blue) respectively, and RGB mode is based on the superposition of these three colors to simulate the tone mode of natural colors. This mode is used for the colors of our daily color computer monitors and color televisions.

1, vector diagram

Vector diagram, also known as vector diagram, uses a series of computer instructions to describe and record a graph. A graph can be decomposed into a series of subgraphs composed of points, lines and faces. It records the geometric shape, line thickness and color of the object. The storage capacity of the generated vector diagram file is very small, which is especially suitable for text design, pattern design, layout design, logo design, computer-aided design (CAD), arts and crafts design, illustrations and so on. Vector drawings can only represent figures composed of regular lines, such as engineering drawings, three-dimensional modeling or artistic words; Common vector graphics processing software includes CoreIDRAW, AutoCAD, Illustrator, FreeHand and so on.

Bitmaps are also called bitmaps or pixel maps. The map on the computer screen is made up of luminous points (pixels) on the screen. Each point uses binary data to describe its color and brightness. These points are discrete, similar to a lattice. When the bitmap is enlarged to a certain extent, it will be found that it is composed of small squares, which are called pixel points, and a pixel is the smallest image element in the image. This is what we usually call mosaic.

Bmp: It is an uncompressed true color picture represented by dot matrix, which takes up a lot of disk space.

Gif: It is compressed, can only represent 256 colors, takes up less disk space, and is often used to demonstrate monochrome block cartoon patterns. GIF also has continuous animation.

Png: It is the picture format of fireworks.

Jpg: Also known as jpeg, it is a lossy compression format, but it represents rich colors and is generally used to display true-color photos or patterns.

As a designer and a client (webmaster here), the designer has the right not to provide the source file if there is no clear agreement in advance.

VI is the abbreviation of VisualIdentity, which is translated into Chinese as "enterprise visual identity". VI is the static identification symbol of CI planning and the carrier of visual communication of enterprise ideas, so the projects are the most and the effect is the most direct. VI, as a visual recognition, is an external expression, which of course needs to be beautiful, but VI must be the embodiment of MI and directly reflect the concept of the enterprise. Therefore, VI design contains some principles: fully convey the enterprise concept, humanity, nationality, simplicity, abstraction and dynamics, employee participation, legality, artistry and individuality.

CI is the abbreviation of CorporateIdentity, which is translated as "corporate image" in Chinese. CI planning refers to the purpose, plan and strategy of shaping the desired self-image, so as to enhance the social visibility of the enterprise and finally obtain its most suitable business environment.

And logo is just a sign of a website or enterprise.

Web page color matching

1. Use a color. This means choosing a color first, and then adjusting the transparency or saturation to make the page look consistent and layered.

2. Use two colors. First choose a color, and then choose its contrast color.

3. Use a color system. Simply put, it is to use a sensory color, such as light blue, light yellow and light green; Or khaki, khaki, khaki.

In the web page color matching, but also remember some misunderstandings:

1. Don't use all colors, try to control them within three to five colors.

2. The contrast between the background and the previous article should be as large as possible (never use complicated patterns as the background) in order to highlight the main content.

Web design tool

Image processing design:

Hello, the so-called web design is the design of website pages, which is the picture design made by some software, but web design still needs code. First, the general process of web page making:

1. Web page requirements

2. Positioning of Web pages

3. Planning and design of web pages

4. Testing and optimization of web pages

5. Maintenance and operation of web pages

Second, the elements of web page making

Text and pictures are the two most basic elements of a web page. In addition, the elements of the web page include animation, music, programs and so on. Three steps!

One: Do your web page file well.

Second, you must have a domain name and a virtual space to store your web pages (websites with high traffic use servers to store them, and small websites buy virtual space).

Third: put your website in a virtual space provider, and the domain name will be parsed into the virtual space, and the virtual space will bind your domain name!

Web design is:

Think about the category of your website.

Second, PS designed the whole page and local page.

Third, use DIV layout (preferably DIV layout, the website display of table layout will be slower! Not displayed until the entire form is downloaded)

Fourth, add various functions.

Handwritten typing, feel good, clearly adopted! First of all, understand the user's needs-make the page-user review-review qualified (yes, no)-cut the picture (yes) and change the picture (no)-the page is completed haha!

As for adding the program, I will omit it. Anyway, just ask about the design process! Website design should fully attract visitors' attention and make them feel happy visually. Therefore, when making a web page, we must closely combine the overall design of the website with the relevant principles of web page design. Website design is to combine the content in the planning case, the theme mode of the website and your own understanding, and express it through artistic means; And web page making is usually to make the design draft designed by web designers into web page format with html (an application under standard generalized markup language) according to W3C specifications. In the rapidly developing digital information era, websites play an important role in brand building, information release and business activities of enterprises, and more and more audiences communicate with enterprises through network channels. With the help of customized website construction, enterprises can create personalized online brand image, form personalized interaction with the audience through digital platform, and let the audience form an intuitive understanding and experience of the enterprise-specific digital brand, so as to achieve the purpose of unified brand building online and offline. The general process of web page making:

1. Web page requirements

2. Positioning of Web pages

3. Planning and design of web pages

4. Testing and optimization of web pages

5. The maintenance of the webpage runs the general process of webpage production:

1. Web page requirements

2. Positioning of Web pages

3. Planning and design of web pages

4. Testing and optimization of web pages

5. Do a good job in the maintenance and operation of the webpage, and understand the requirements of this website.

Second, understand the process of the website.

Third, design the page

Fourth, make pages.