Using the correct page format diagram can increase the speed of website access by half. Here is a trick to choose the appropriate file format: if the picture is monochrome, it is best to save it as a picture in PNG or GIF format; If it is a continuous tone picture, it is best to save it as a picture in JPG format.
There are many auxiliary tools on the Internet that can help you further optimize the picture and reduce the file size. You can refer to these lists of assistive tools to help optimize your pictures. Minimize the number of pictures, use pictures flexibly, and minimize the file size. This will greatly reduce the page reading time and improve the performance of the page.
Keep it clean and simple.
A good web design is not only beautiful, but also user-friendly. Generally speaking, a clean and concise web design will eventually become a highly available web design, because it will not be confused in the interaction with users. When there are too many website functions and components on the page, it will distract the attention of website users and lose the original purpose of browsing the website. Make sure that every page element has a purpose.
In addition, although it may be a cool new concept or interface design pattern, you should ensure that the design is still convenient and intuitive for your users. People are used to the common interactive mode, website function and network interface. If your design is really unique, make sure it is not too vague and obscure. Be creative but keep it simple.
3. The navigation bar of the page is the most important design.
The most important part of a website is the navigation of the whole website. Without it, users will be stuck in this page no matter which page they are on. With this obvious practical direction, let's discuss some important points of building website navigation.
First of all, it is very important to invest enough time and a lot of planning in the navigation structure of the website. Although this is common sense, there are still many designers who take it for granted to design website navigation. Location, style, technology (javascript or CSS), usability and readability of web pages are all factors you need to consider when designing navigation.
4. Use fonts wisely and methodically
Although there are thousands of fonts, you can only use a few (at least until the major browsers fully support CSS3). So stick to the safe font of the web page. If you don't like the safe fonts on the web page, you can consider using sIFR or Cufon to enhance the web page design step by step. Keep the font consistent, and make sure that the contents of the title and paragraph look different. Use white space, adjust line height, font size and letter spacing attributes, so that users can read and scan content easily and happily.
Perhaps the mistake that web designers often make is to use the wrong font size. Because we want to cram all the content into a web page as much as possible, we sometimes set the font size to make users feel uncomfortable. If possible, try to keep the font size above 12 pixels, especially the paragraph content. Although many people will not encounter reading difficulties because the font is too small, think about the elderly, myopia and other similar visually impaired groups.
5. Understand the color auxiliary function
After talking about fonts, we also need to point out the importance of using correct colors. For example, black text on a white background. If you use high contrast, the red text on the orange background will make your eyes nervous. In addition, for special forms of color blindness, use some user-friendly colors (the inspection tool is called Vischeck, which can test some types of color blindness).
Some tones are only suitable for foreground color, but not for background color. For example, dark blue text with pink background and pink text with dark blue background all use the same color, but when used in different parts, it will affect their readability and reading comfort. It is important not only to use a good hue, but also to use it on the correct elements in the page.