A few steps to make your site beautiful bright blind: Font text

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Originally just to write an article about the visual aspects of the site production, who knows once written back and forth will not be able to stop the hand. At present, the son Cold interactive vision of friends mainly in order to find a WordPress tutorial or theme, so the design concepts and skills such as this is not pleasant. But I can say that a friend who engages in or wants to work in the design industry can really get some inspiration from it, and many of them may have been a cliché for you, but there's always something you haven't noticed.

Like the design of this industry, I think the most fear is those so-called several major skills, a few major experience, such as large and virtual articles, you can say that those articles are purely Mandarin, there is no meaning to say. We have to face a fast-changing case, how can only a few words can become a panacea for truth? Also because of this, in order to give some want to engage in this industry friend a sincere thing, so in this series of articles blur the implementation of concrete steps, I think we can understand my intentions!

Or that sentence, this is never a spoon-fed, frame-style design tutorial, nor will it be a self-said insights of the show, but an article aimed at attracting people to design ideas for the discussion of a variety of articles.

A word of nonsense can not stop! In the above chapter, we mainly on the vertical layout of the site to explore, interested friends can go to the article to read "A few steps to make your site beautiful bright blind (3)", In this article we will look at another particularly important and easily overlooked element of the interactive vision of the site: typography to open up some in-depth discussion.

As the main element of "content is king", we should pay enough attention to it.

No matter what industry and purpose a website is built for, text is always the most important part of the website content. Because only through the word, we can know the meaning of this site to express.

There is no doubt about the need for text to exist for a website, but the visual aspects of how to deal with the display of these words, I am afraid that most people do not pay much attention to the details of the problem.

Second, Chinese fonts: In the poor to seek breakthroughs

Before we start to explore, we should first on the safe font aspects to do some simple discussion, in fact, we have in another article has focused on this issue has been discussed, interested friends can go to see: "Web page How to set a safe and beautiful font." In that article, we got a really depressing reality in order to ensure that we set the font on most terminals can be perfect display, it seems that we only have a song body to choose from, which is why some of the larger web sites such as Baidu, Sina, Tencent and so on are the font set for the song body reasons. Of course, because Windows XP users are gradually turning their systems into Vista, Win7, such as the version of the system, Microsoft Jas as a safe font of the possibility of more and more, so such as Baidu site will be in the font settings on a little made a adjustment, in many Baidu's new features page, The first font was selected as Microsoft James Black, and the song body only existed as a second font.

Microsoft ya Black in the show is really more beautiful than the song body, regardless of the font and smoothness are more beautiful, but the Microsoft Ya black 12px below the display is not very good, in addition to the different size of the display terminals on the show is not the same, or even a larger visual fluctuations. I at home in the 1600*900 resolution, the page of Microsoft Ya Black font is obviously flat square shape, and in the company's 1920*1080 resolution will show the growth side, in this visual stability, the Song Dynasty than Microsoft Ya Black better.

In any case, our optional Chinese fonts are extremely poor, this is also the visual aspect of the font is not to be regarded as one of the reasons, many people have an inertia of thinking: Anyway, the choice of Chinese fonts on those kinds, no matter how also can not get out of what the pattern out, simply let it go!

This inertia thinking is obviously going to kill us, even if our page UI is more meticulous, as long as you do not pay attention to font selection and typesetting, your page is still a "shanzhai", even if the font is not considered and extremely damaging our original page design.

Third, the details of the performance will make the site looks very professional or very cottage

In fact, whether it is for a brand or a site, the degree of professionalism it brings to people depends on the details of the treatment. Do not underestimate the details of these problems, it is likely that the small details will make your entire page immediately soar or falling "cottage" stream. Back to the discussion of the use of fonts, since we can freely choose the security of Chinese fonts have reached a point of scarcity, but this does not mean that we are in the details of the layout of the font can not be done.

Let's take a look at the examples below:

In the above picture, we use the Baidu Music sidebar classification arrangement and a Home Improvement class website sidebar classification arrangement do compare, which is better than a clear glance. In fact, such a situation is not uncommon, and in many cases the site will be in the details of the disposal of the show out. Generally a more powerful site is certainly not lack of talent, even if they are commissioned by other companies to the site for the production and design, the details of the requirements are also very harsh. The biggest difference between the cottage and the regular is not the details? Many of the big-brand sites do not have this talent advantage, and may even be one or two of people in all aspects of the matter (most sites are also owned by individuals), so in ensuring the content of the article update and promote optimization, They have no energy to take these things into consideration. If you just don't have the energy to take care of it, it's not too serious, maybe once you find the right person or if you have the time to do that, you can make a step-by-step adjustment to these details. But unfortunately, a lot of people didn't notice that, this makes them never think of this detail, which makes their site will always be hovering in the ranks of two or three, discard other aspects do not say, but to say that the credibility of the visual, the formal real big names have dumped them a few streets.

In life, for example, we should also be able to understand this truth, if you go to buy clothes, there is a brand of clothing appearance with their propaganda is almost no bad, but the kind of workmanship is very poor, at this time you will suspect what? You're not going to doubt the brand, you're just going to suspect that the store is selling it to make a knockoff.

Similarly, in the web design is also the case, even if your design and how similar to the big names, and then how powerful, but rough in workmanship, but finally exposed their "cottage nature." Because of the relationship between time, we say here first, on the text typesetting processing aspects of the discussion we will continue in the next chapter, please pay attention!

Original Author: Sub-cold Interactive vision

Original address: http://www.xmlas.com/web-visual-talk-hallowly-4.html (original article, reprint please keep)