How to make web design renderings How to make web design renderings

How to be a web page artist? How to be a web page artist?

Introduction: With the gradual popularity of Taobao, the market for web designers has also gradually broadened. If you want to become a qualified web designer, then you should meet your requirements in many aspects. Be responsible for yourself, and you must also know how to better design Taobao's web pages. Only the effects of such web design can be pictures worth appreciating. If you want to become a qualified web designer, you should also know your responsibilities. So what are the responsibilities of a qualified web graphic designer?

Web designers are responsible for the front-end design, interface design, and layout planning of the entire web page. Currently, I use PS to design interface renderings, and use AI to assist in the design of logos and network logos. Therefore, as a web designer, the important tool you need to master is photoshop software. Web designers are familiar with various graphic design software, such as Photoshop, AI, etc. , and complete the design and layout of artistic vision.

The graphic design of web designers is the traditional "designer". However, it is not the work of an artist in the simple sense. Since they have the title of "web page", they are responsible for the product "appearance" design of software products. Interaction mainly lies in the design of software operation processes, tree structures, operating specifications, etc. What a software product needs to do before coding is interaction design, establishing interaction models and interaction specifications. I believe many people don’t know that web designers are responsible for this, because in the public’s mind, web designers are only responsible for visual effects, but just visual design is not enough to be a qualified web designer.

The third web designer’s responsibilities: user testing/research, whose goal is to test the rationality of interaction design and the aesthetics of graphic design, mainly to measure the rationality of web design through target user questionnaires sex. In addition, many people have a misunderstanding about the role of web designers. They think that web designers are proficient in CSS/HTML/JAVASCRIPT and other languages ??to layout web pages. In fact, this is incorrect. The work of web page layout should be done by front-end development engineers.

When designing web page art, you should pay attention to the following points: You must design the width of the web page. General web page widths are 760PX, 900PX, 1000PX, etc. The width should not exceed 1200PX, and the height is not limited. Most website companies have a reasonable standard. As the background of the web page and the icon of the web page, they should be clear, and you should pay more attention to them when designing the website. So when cutting the picture, don’t make it look too different from the design. Where there are special effects, special effects styles should be designed so that they can be used when making DIVCSS. ;

How to set the size of images produced on web pages?

1. First open the html editor, set a p, set a fixed width and height to the p, and insert a picture into the p.

2. Then set the styles of p and img above, and set the width of the image to the same width as the parent. The code is "width:100%;" The 100% here will automatically follow the parent. Width selection, then remove the height of the parent so that the height of the subset is automated.

3. Finally, set the image to display:block; and then convert it to block.

4. Finally, open the browser and you can see the fixed-size image.

How to make money designing pictures online?

1. First, search for picture websites on the browser. Many well-known picture websites provide uploaded pictures for sale. Here I open a certain picture network. To avoid suspicion of advertising, I will erase the name of the network. The operations of each network are similar, so everyone can use them flexibly.

2. After opening the picture website above, click "Register Now". Enter the registration page, enter your mobile phone number or email as your account name, enter your login password, enter the verification code shown on the picture, and click the Register Now button.

3. After successful registration, click "Personal Center" at the top, click "Account Settings", you can change some account information, and click "Open a store to make money".

4. Jump to the interface for setting up a store to make money, and click "Open a store now to make money" on this interface.

5. When the "Designer Store Application Form" appears, enter your QQ number and mobile phone number, click to get the verification code, and fill in the verification code received via SMS into the verification code box.

6. Then click the drop-down list box behind the category of applying for opening a store, and select the design aspect you are good at and the type of store you want to open. Then click the upload file button and upload 10 to 20 representative works. Pay attention to the text description above the button.

7. The final agreement under exclusive sales, or the agreement under non-exclusive sales. Once checked, the Submit Application button turns green. Just click submit. Once approved, you can upload your own works for sale.

How to display images on the page in html?

Usage: HTML tag description: The img element embeds an image into a web page. Note that technically the tag does not insert the image into the web page, but rather links the image from the web page. Tags create placeholders for referenced images. Tags have two required attributes: src attribute and alt attribute. Example:

An image:

An animated image:

Please note that the syntax for inserting animated images is no different from the syntax for inserting regular images. Just change the src in the program to the path of your own picture.

How to store the web page seen on the screen as an image file?

1. Open an IE browser function, enter a web page, click the "File" option in the upper left corner.

2. In the pop-up drop-down menu, click the "Save As" option.

3. When saving to the computer, modify the save type to "Web page, all (*.htm; *.html)", so that all web content of the web page can be saved, including Pictures, js and other contents,

4. The saved pictures will be saved directly in the folder, as well as other contents.

What are the general steps for web page layout?

Web page layout generally has seven steps as follows:

1. Page size: Page size is related to the size and resolution of the monitor. The limitation of web pages is that they cannot break through the scope of the monitor. , and because the browser will also take up a lot of space, the remaining page range will become smaller and smaller. Generally, when the resolution is 1024×768, the display size of the page is 1007×600; when the resolution is 800×600, the display size of the page is 780×428 pixels; when the resolution is 640×480 In this case, the display size of the page is 620×311 pixels. It can be seen from the above data that the higher the resolution, the larger the page size

. The browser toolbar also affects the page size. The toolbars of current browsers can be canceled or added, so the size of the page is different when all toolbars are displayed and when all toolbars are closed.

In the web design process, dragging the page downward is the only way to add more content (size) to the web page. To remind home. Unless you are sure that the content of the site will attract people to drag, do not let visitors drag the page more than three screens. If you need to display more than three screens of content on the same page, it is best to make internal links on the page to facilitate visitor browsing.

2. Overall shape: What is shape? Shape is the image of an object created. The overall image of the page should be a whole, and the connection of graphics and text should be layered in an orderly manner and organically unified. Although both monitors and browsers are rectangular, for the shape of the page, other shapes in nature and their combinations can be fully used: rectangle, circle, triangle, rhombus, etc.

For different shapes, they represent different meanings. For example, a rectangle represents formality and rules. It has been noticed that many ICP and government web pages use a rectangle as the overall shape; a circle represents softness, unity, warmth, security, etc. Many fashion sites like to use a circle as the overall shape of the page; a triangle represents It represents power, authority, solidity, aggression, etc. In order to show its authority, many large-scale commercial websites often use triangles as the overall shape of the page; diamonds represent balance, coordination, fairness, and some dating sites often use diamonds as the overall shape of the page. Although different shapes have different meanings, most current web page production is designed by combining multiple shapes, with a certain shape being the main one.

3. Header: The header can also be called the header. The function of the header is to define the theme of the page. For example, most of the name of a site is displayed in the header. This way, visitors can quickly know what the site is about. The header is the key to the entire page design, which will involve more design below and the coordination of the entire page. Pictures of the site name or company logo and banner advertisements are often placed on the header of the page.

4. Text: Text mostly appears in "lines" or "blocks" (paragraphs) on the page, and their placement determines the visibility of the entire page layout. In the past, due to the limitations of page production technology, the flexibility of text placement was very small. However, with the rise of DHTML, text can be placed anywhere on the page according to your own requirements.

5. Footer: The footer echoes the header. The header is where the site theme is placed, while the footer is where the producer or company information is placed. As you can see, a lot of this information is placed in the footer.

6. Pictures: Pictures and text are the two major elements of a web page, but they are indispensable. How to handle the position of pictures and text has become the key to the layout of the entire page. And layout thinking will also be reflected here.

7. Multimedia: In addition to text and pictures, there are also sounds, animations, videos and other media. Although they are not often used, with the rise of dynamic web pages, they have become more important in web page layout.