Tips for collecting web design resources

Web Designers with a large budget can obtain all the resources they need to put their imagination into the Web experience. They can hire professional photographers to Create Compelling photos; they can invite the best HTML and CSS experts to create complex la s for a variety of browsers; they can guide graphic artists to create based on corporate costumes

Web Designers with a large budget can obtain all the resources they need to put their imagination into the Web experience. They can hire professional photographers to Create Compelling photos; they can invite the best HTML and CSS experts to create complex la s for a variety of browsers; they can guide graphic artists to create based on corporate costumes

Web Designers with a large budget can obtain all the resources they need to put their imagination into the Web experience. They can hire professional photographers to Create Compelling photos; they can ask the best HTML and CSS experts to create complex la s suitable for multiple browsers; graphic artists can be guided to create gorgeous decorations based on corporate costumes; professional copywriters can be hired to draft charming prose. The biggest benefit is that they can hire a large number of test users and attention groups to ensure that the website is attractive, easy to use, and can work as expected.

However, not all Web designers are so lucky! Unfortunately, some designers have to use a small amount of money to create a website, and their expectations for the Web experience are not very low. In this case, you must seek all the help you can get. In most cases, Web developers and designers are generous in sharing knowledge and achievements with colleagues. When you share, colleagues usually try to correct and enhance your work to make it more refined, with fewer bugs, and provide your own attention group and quality assurance. This means you can find a lot of free materials. If you know where to find them, you can fill in some vulnerabilities in low-budget Web development and operation. In this article, I will introduce various free Web resources and warn you about some seemingly free Web resources.

　Creative public

First, we will introduce Creative Commons (CC). It is not a source of free resources, but a source of licenses used by people who provide free resources. In their own words, CC is a non-profit organization that provides flexible Copyright licenses for creative works. You can select a CC license to allow the owner to ask you to honor the use of the work of the owner or to modify the work of the owner (the title clause); you can restrict your work to only non-profit organizations; any change to your work may be required to be shared under the same terms as the original terms (Similar to the sharing terms ). You can combine other terms. For example, a common CC license is the Attribution Share Alike license.

CC has achieved great success-the subject of the works from the CC license is huge and is expanding every day. Literature, images, music, and other works can be provided under the CC license. You can use any of these files on your website as long as the restrictions are met. To learn how to find any free product designed for the Web, the first step is to learn how to search for materials provided under the CC license. You can use the CC search engine page to directly obtain the source, which allows you to use the professional search functions of the search engine (such as Google and Flickr) and free resource collection (such as Flick and DMusic.

　　Style element

A good style sheet is the skeleton of a website-especially a stacked style sheet (CSS ). Unfortunately, changing support in browsers means it is difficult to develop a style sheet. With free style sheets, at least free modules of style elements, you can save a lot of effort and test work. Many websites provide CSS instructions and examples, but my focus is on the websites I have found. Most of them have CSS materials that you can use to quickly assemble into your own websites. There is A site published as A journal by top Web professionals: A List Apart, focusing on Code and Design topics. CSS Intensivstation Templates focuses on the main layout styles used for structured sites.

The most famous CSS Exchange Place Is CSS Zen Garden, but you must be very careful when using this website. CSS Zen Garden is designed to demonstrate the powerful functions of CSS. CSS is a good way to separate content and forms. However, at first many Web developers avoided CSS because they thought that they could not create the same unforgettable effect without using traditional HTML techniques (such as layout tables and hidden images. CSS Zen Garden proves this recognition is wrong with beautiful styles. There is a separate and shared content segment, and the Web designer creates a page to display the content in a unique way. They use clever la S, charming images and colors to create a theme, such as a sea or museum-style theme. CSS Zen Garden cannot be a set of templates. You can see the following in the warning displayed in most CSS contributions:

This design is not a template. You shall not copy the file without the designer's written consent. However, you can study CSS at will and use the learned technology elsewhere.

In addition, many contributors use non-free images. Site maintenance personnel request contributors to provide their CSS (see references) under the non-commercial Creative Commons license, so copying CSS is usually a safe practice, make sure that you check the beginning of the contributor CSS file.

Image

Professional websites use various images, from photos to artist paintings to icons and symbols. Some sites provide royalty-free images. There is a project worth your attention, that is, Open Clip Art Library, which is a collection of contributed and downloadable Clip Art images. The range of images includes small and simple images to large and complex images. Most images are in Scalable Vector Graphics (SVG) format, which is an open and XML-based format. SVG enhances browser support, but it is not universal, so Open Clip Art Library includes the PNG version of each image. You can browse or search for images on the website, but you may only want to download a release, so you can browse images offline. The image quality is similar to the image quality you find in many clip art sets purchased in the store. When I need symbols, Icons, and other resources (such as highlighted), the Open Clip Art Library is usually browsed, but MaxPower Free Icons is a good set of links to the Free icon set. When talking about the clip art set in the store, even if you have already purchased it, there are still many restrictions. Some clip art paintings require commercial royalty. If you purchase such a collection, check the End User License Agreements.