What is the web design process?

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

Determine the overall style of the website

Here, I provide you with some reference experience:

1. Place your logo as prominently as possible on every page.

2． Highlight your standard colors.

3. Summarize a slogan that reflects the essence of your site!

4. Images of the same type use the same effect. For example, if the title words all use a shadow effect, then the settings for the shadow effect of all title words that appear on the website should be exactly the same!

The overall style and creative design of a website are the most difficult to learn. The difficulty lies in the fact that there is no fixed model to refer to and imitate. Give you a theme and no two people will be able to design the exact same website.

R, G, and B are the three colors of Red, Green, and Blue (red, green, blue). The RGB mode is a color combination that simulates the colors of nature by superimposing these three colors as the base colors. model. The colors of our daily color computer monitors, color TVs, etc. all use this mode.

1. Vector graphics

Vector graphics, also called vector graphics, use a series of computer instructions to describe and record a picture. A picture can be interpreted as a series of points, A sub-image composed of lines, surfaces, etc., which records the geometric shape, line thickness and color of the object. The generated vector file has a small storage capacity and is especially suitable for text design, pattern design, layout design, logo design, computer-aided design (CAD), arts and crafts design, illustration, etc. Vector graphics can only represent graphics composed of regular lines, such as engineering drawings, three-dimensional shapes or word art, etc. Common vector graphics processing software includes CoreIDRAW, AutoCAD, Illustrator and FreeHand.

Bitmap is also called bitmap or pixel map. The image on the computer screen is composed of luminous points (pixels) on the screen. Each point uses binary data to describe its color and brightness. and other information, these points are discrete, similar to a lattice. When a bitmap is enlarged to a certain limit, you will find that it is composed of small squares. These small squares are called pixels. A pixel is the smallest image element in the image. It is what we commonly call mosaic.

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

Gif: It is compressed and can only represent 256 colors. It takes up little disk space and is often used to demonstrate blocks of cartoon patterns with a single color. GIF also has a type that can represent continuous animation.

png: It is the picture format of fireworks.

Jpg: Also called jpeg, it is a lossy compression format but it represents richer colors. It is generally used to display true-color photos or pattern.

As a designer and client (here refers to each webmaster), the designer has the right not to provide source files if there is no explicit 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 the CI plan and the carrier of visual communication of corporate philosophy. Therefore, it has the most projects and the most direct effect. As a visual identity, VI is an external expression. Although it needs to be aesthetically pleasing, VI must be the embodiment of MI and directly reflect the corporate philosophy. Therefore, VI design includes the following principles: fully conveying the corporate philosophy, the principle of humanity, the principle of nationality, the principle of simplicity, abstraction and dynamics, the principle of employee participation, the principle of law, the principle of artistry and the principle of personality.

CI is the abbreviation of CorporateIdentity, which is translated as "corporate image" in Chinese. CI planning refers to an enterprise's purposeful, planned and strategic way to create the desired image of itself, thereby increasing its social visibility and ultimately obtaining its most suitable business environment.

A logo is just a symbol of a website or company.

Webpage color matching

1. Use one color.

This means selecting a color first, and then adjusting the transparency or saturation. This way the page will look uniform in color and layered.

2． Use two colors. Choose a color first, then choose its contrasting color.

3. Use a color system. To put it simply, use a color that feels like light blue, light yellow, light green; or earthy yellow, earthy gray, earthy blue.

In web page color matching, there are some misunderstandings that should be kept in mind:

1. Don’t use all colors, try to limit it to three to five colors.

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

Web design tools

Image processing design:

Hello, the so-called web design is the design of website pages, etc. It is the picture design done through some software But web design still requires code. 1. The general process of web page production:

1. The needs of the web page

2. The positioning of the web page

3. The planning and design of the web page

4. Testing and optimization of web pages

5. Maintenance and operation of web pages

2. Elements of web page production

Text and pictures are the two elements that make up a web page. the most basic element. In addition, elements of web pages also include animation, music, programs, etc. 3 big steps!

First: Make your web page file

Second: You must have a domain name and a virtual space to store your web page (websites with large traffic use servers to store them, small websites buy virtual space) Space)

Third: Put your website on the virtual space provider, the domain name will be resolved to the virtual space, and the virtual space will bind your domain name!

Web design is:

First, think about the category of your website

Second, PS design the overall page and partial pages

Three uses DIV layout (preferably DIV layout, the website with table layout will be a bit slow to display! It will not be displayed until the entire table is downloaded)

Fourly add various functions

Manual typing, I think it is good and clear adoption! First understand the user needs - make the page - user review - review qualified (yes, no) - cut the image (yes) change (no) - the page is completed haha!

As for adding programs, I will omit it. Anyway, you are just asking about the design process! The website design must be able to fully attract the attention of visitors and give them visual pleasure. Therefore, when creating a web page, the overall design of the website must be closely integrated with the relevant principles of web design. Website design is to express the content in the plan, the theme model of the website, and one's own understanding through artistic techniques; while web page production usually means to use the design draft designed by the web designer and use HTML (standard An application under Universal Markup Language) to make it into a web page format. In the rapidly developing digital information age, websites play an important role in corporate brand building, information release, and business activities. More and more audiences are communicating with companies through online channels. With the help of customized website construction, enterprises can create a personalized online brand image and form personalized interactions with the audience through digital platforms, so that the audience can form an intuitive understanding and experience of the enterprise's exclusive digital brand, and realize the enterprise's online and offline branding The purpose of unified construction. The general process of web page production:

1. The needs of the web page

2. The positioning of the web page

3. The planning and design of the web page

4. Testing and optimization of web pages

5. Maintenance and operation of web pages The general process of web production:

1. Web page requirements

2. Web page positioning

3. Web page planning and design

4. Web page testing and optimization

5. Web page maintenance and operation come first, knowing the needs of the website

Second, know the process of the website

Third, design the page

Fourth, create the page