Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

Text design in the website!

Date:2016-12-24 Source: Shangpin China Type: website encyclopedia
Word Size: small   medium   big

Generally speaking, words are the most frequently displayed on the web page. They are arranged on the web page through different layout methods and design styles, and provide rich information. Therefore, the control and layout of text are Website Design Web pages account for a large proportion. Whether or not to use various text control means freely is the key to determine whether the web design is beautiful, creative and improve work efficiency.

1、 Font, font size and line spacing of text

The default standard font in Chinese is "Song typeface", and the English font is "Times New Roman". If no fonts are set in the web page, they will be displayed in the browser.

The font size can be determined by point or pixel. The font size commonly used in general web pages is about 12 points. Larger fonts can be used for headings or other places that need to be emphasized, and smaller fonts can be used for footers and auxiliary information. It should be noted that small font size is easy to produce a sense of integrity and refinement, but poor readability.

No matter what font you choose, it should be based on the overall vision of the web page and the needs of visitors. On the same page, there are few types of fonts, elegant layout, and a sense of stability; If there are many types of fonts, the layout will be active and colorful. The key is how to master the proportional relationship according to the page content.

The change of line spacing will also have a great impact on the readability of the text. Generally, the line spacing setting close to the font size is more suitable for the text. The normal proportion of line spacing is 10:12, that is, if the word is 10 o'clock, the line spacing is 12 o'clock. When the line spacing is too small, the font looks uncomfortable, but when the line spacing is properly enlarged, the font feels more appropriate.

Line spacing can be set using the line height attribute. It is recommended to use points or a percentage of the default line height as the unit. For example, (line height: 20pt), (line height: 150%).

2、 Color of text

You can select various colors for text, text links, visited links and current active links in web page design. For example, the normal font gradient color is black, the default link color is blue, and it turns purple after clicking the mouse. The use of different colors of text can make the part you want to emphasize more attractive. However, it should be noted that the color of text can only be used in a small amount. If you want to emphasize everything, there is no emphasis on what it is. Moreover, using too many colors on a page will affect the content of the page, unless there is a special design purpose.

The use of color can not only emphasize the special parts of the whole text, but also affect the emotional expression of the whole text.

In addition, it should be noted that the contrast of text color includes the contrast of brightness, purity, and temperature. These not only affect the readability of the text, but more importantly, the desired design effect, design emotion and design idea can be achieved through the use of color.

3、 Graphical text

The so-called graphic characters not only represent characters as circle elements, but also strengthen the original functions. As a web designer, you can not only set fonts in a conventional way, but also design fonts artistically. In any case, everything should focus on how to better achieve their design goals. Graphical text can express deep design ideas in a more creative form, which can overcome the monotony and insipidity of the web page and move people's hearts. The graphic text is shown in the following figure.

 Graphical text


Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.