Four strokes to make your website "fresh and bright"

Source: Internet
Author: User
Keywords We regain new eyes want to hold four strokes the others

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

  

We all want to have a great website and want others to be bright when they see our site. If they like it, they will click to browse or share it with their friends again. This is the charm of a good website!

This requires the design of a "bright spot" of the site, and this is not the same as the need to be blind for the purpose of the visual rendering and purely for the sake of dazzling special effects code. Users are always difficult to serve, now God is irritable, they will even hold a variety of terminals to test your site, so the response design in recent years in the industry relish, we are scrambling to use this new technology.

Not only will we use HTML5,CSS3 and other complex languages, we should also use the basics to build our own websites. I dare say that many web designers or developers are struggling to solve the problem that CSS3 languages cannot be displayed properly in IE browsers as they do in other browsers.

This is a serious question. If the Web page can't be displayed, what's the point? Who wants to spend time trying to solve the error? If your client doesn't have a big budget, but you still want to make great pages, what do you do?

You have to learn to build a simple web site, but also to ensure that the volume of browsing. There are many ways to achieve this. The following points can be built on the basis of the beautiful site to help you.

1. Use animation skillfully

  

It always happens: when you want to add animations to your site, you usually use flash.

However! Flash has gone through an unbearable decline over the past few years. So many devices or browsers are unable to support the playback of the Flash plugin today.

Today we have a better alternative. They are also independent and visible on mobile devices. This mainly benefits from JavaScript, Ajax,jquery and other languages, databases. They make the site interesting and no longer boring. For example, the above case http://toriseye.quodis.com/

Many developers use these techniques to make websites popular. These languages work, whether they want the image to fade or the component will fly through the page.

Lightweight: jquery only accounts for 31 or 32KB. Simple and fast to load. By contrast, Flash animations occupy more space. Other alternatives, such as Microsoft Silverlight, also cost more capacity.

The correct use of coded languages and databases is extremely lightweight. Creating a fast-loading web site is important, and adding an animated action slows down the operation. In fact, the correct use of the coding language and database is extremely low-key and lightweight.

The trick is to use these techniques when you need them. Do not add unnecessary information to your site, but should use these techniques flexibly to make the site more exciting.

Exciting: Of course, any action will attract the attention of the viewer. We stared at the mobile device screen like a child and marveled at the phenomenon that it would move! If the screen is static, we can accept it, but it just won't get our attention.

Whether it's a simple slider or an illustration, the action makes a site look more interesting. "Woo" and "ah" These sounds enable viewers to click on your site again and share with their friends.

2. Attention to Detail

  

Composition: Every artist knows that a good composition can make our works decadent and magical. Whether you're drawing, painting, or taking a special advanced painting course, the first thing you have to learn is to compose. Of course, you may only draw a glass in the room. And the makeup is what you show by drawing around the cups and other details.

The concept of this composition is also important in web design. You may feel that sometimes you need to add some light to the design, but in fact you should pay more attention to detail. Use subtle textures and styles. Use the outer margin to separate the elements. Even your typography is a concern.

The formation of a good web site can form focus and make the user experience more "complete." Above the website address: http://www.mydirtydesk.com/

Sustainability: Paying attention to detail is a question you need to consider comprehensively. You can't design a great fine texture and then scribble your picture. You can't design the perfect button in one place and ignore it in another. You have to unify your design style. Sustainability is the key to web design, especially when you're designing a website to create a brand or set a goal.

A better user experience: It's nice to sit down and talk about how good a website looks or how flashy an action effect is. In fact, these are clouds. The value of a website is that it achieves its goal. If not, all the graphics effects become futile.

When you decide to pay attention to the details, you also need to notice something grander. The details only make the UI design better when you know what the user is looking at.

It is extremely important to have a keen observation of graphic design, coding and decision making. Your site must achieve a larger goal, if not achieved, you just deal with a bunch of useless decorations, make your product or service worthless.

3. Get some video.

  

http://www.teehanlax.com/

Attract viewers: If you are not an animator or super coder, you may want to use video to attract viewers. Video is the best way to attract the public, because video is more effective than moving images or flying birds. A video should have a purpose, such as a timeline or plot clue. And people like to explore.

YouTube is the hottest online video site today. It's not because of its cool web design, but because people like to watch videos. People like this connection with someone. People like stories.

If you're worried about attracting viewers or trying to get some basic information, consider getting a video. It may be a piece of your speech or a great product, provided you make sure that the audience has something to look at. It means more to them.

Video is omnipotent: technological progress is simply the Gospel of the designer. This makes life more convenient and more interesting. Video can be played in many ways. You can embed video in content or make it the subject of content.

You can also use videos from YouTube or Vimeo to do the background. It's great! I mean, who would have thought that the background of the site would move around them?

Search Engine Optimization: We just said YouTube is the world's top video site. That makes Google profitable because Google owns YouTube. Uploading videos on YouTube can often be found on Google searches, not just YouTube searches.

This means that if you decide to create a video for your site, you can choose to upload it to YouTube. This makes your company's web address easier to spot, as there will be video messages linked to your website.

4. Be bold.

  

http://www.blastprocessor.co.uk/

Easy to read: When I first started doing websites, the trend was to use super small plate. It's popular. Use Verdana or Arial font and then the font size is no more than 11th. And that's not the case at all. I am now browsing the site, often attracted by huge titles and topics.

If I do not understand the purpose of your website well, your website will be done in vain. If your fonts are particularly fancy, or very small, and thus affect your normal reading, you are completely out of your reach.

Impressive: Using large fonts or large, bright, bold images is hard to forget. Before I created the site, I used to go to the material library for inspiration. I guarantee that I can remember the site has a particularly bold and tasteful elements, let me photographic memory!

This is not only the secret of creating a website, it will also guide the viewer's visual orientation. Visual hierarchy tells us where to look. Contrasting strong or bright colors can have this effect.

If I can remember your site, your purpose or even a simple picture, I will feel that your site is successful and effective.

Keep it simple: We live in an era of minimalist thinking. Consumers now spend their money on the edge-they want to step in. Designers use this to create an extremely straightforward design in the name of minimalism.

Minimalism is good, but there is only one line between it and "especially boring". Remember, many consumers and viewers can't tell what minimalism is.

Plenty of white is fine, but you can also choose to fill with bold colors or styles. This is bound to attract viewers and make the most of all the space. It doesn't have to be too cosmetic, as long as you can be as bold as possible without messing around.

Conclusion

There is no single right way to design a creative website. Simple and easy tips can make your site look more targeted. Our idea is to create great works. Are there any gains or confusions in the way you use these methods? Leave a Message!

SDC: Millet Weibo: @ Millet 8711

Original address: Teamtreehouse Http://blog.teamtreehouse.com/4-ways-to-go-from-a-boring-to-amazing-website

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.