Muzili: A brief talk on web design of Chinese style

Chinese-style web site, because of its magnificent, noble and elegant, unique charm of many people's favorite, in recent years has been widely used in traditional culture, historical and cultural attractions, real estate projects and other sites. So, how to design a Chinese temperament of the site works it? I'd like to talk about some personal immature thoughts and I hope it will help you. If there is any mistake, please do not hesitate to point out.

1, composition.

A reasonable and ingenious composition and content layout is the key to the success of a web design. Thousands of years of civilization passed down, the Chinese people have their own unique composition of the aesthetic.

Symmetric

Symmetrical beauty is an important part of Chinese traditional aesthetics. Symmetrical beauty is embodied in all aspects of Chinese traditional design, such as city pattern, palace building, Emperor Mausoleum, Taiji diagram, couplet, coin, sword, all use symmetrical design idea. In the traditional design of symmetry there are many kinds of symmetry, up and down symmetry, center symmetry and many other forms, the Web page because of its particularity, the general use of the most is the left and right symmetry. Symmetrical web design makes the whole picture balanced, harmonious, and solemn beauty.

"Stone Home Courtyard", the successful use of symmetrical layout, retro taste full.

"Jing Wu Hero" is a successful application of the symmetrical composition.

The Palace Museum, the overall symmetry, the local flexible changes.

Vertical row

The Chinese ancient text is the Top-down vertical book row, from right to left to wrap. This feature is also widely cited in web design. Vertical layout of the way to show a thick Chinese classical culture atmosphere.

"South Garden Teahouse", vertical row and the perfect combination of symmetry.

"He Kan" a column page, still is symmetrical and vertical row.

Leave White

Chinese painting pay attention to leaving white, leaving White is a kind of wisdom, but also a realm. White can make "square inch of the land also show the breadth of heaven and earth." In the web design, the appropriate use of white, you can make the composition of the page more coordinated, to avoid a sense of oppression. Loose and free layout will also make Chinese style become more elegant, stylish, fresh.

"The white", relaxed and free, elegant and smart.

"Taiwan Palace Museum Yongzheng Cultural Relics Exhibition", the right side of the screen, reasonable stay white.

"Xi Shan Tian Yuan" bold to leave white.

"Elegance", a Japanese design company website.

2, color matching.

Chinese red and blue-blue, coloured glaze yellow, Guo Huai-green, the Great Wall ash, water inky and jade fat white constitute a colorful Chinese traditional color scenery line. And these colors are the most used color in Chinese style web design.

Red

Chinese red (also known as Jiang) is the red in the three primary colors, the main color derived from the Chinese red series of colors: Delicate red, deep bay, luxurious cinnabar red, muddy clay red, the vicissitudes of rust red, bright cherry red, Mingyan Carmine, shy crimson and warm orange.

"Fishing", classic Chinese red.

South Korea's "Chinese Guild", red, calligraphy elements, fan elements.

"Sheng Tang", the Application of clay red, iron embroidery red.

"Yin Yu Dang", orange in the Chinese style of the website application is not much, very novel.

Brown

Tan has the Antique Qin Feng Tang rhyme, thus becomes one of the most important colors in Chinese style web design. Brown is used in many cases as the main color of a Web page. Different brightness of the tan, Tan and cinnabar red, black collocation is the usual style of designers.

"Yangliuqing: The township of Chinese woodblock paintings", the different lightness of the tan harmony.

"The same Old Town", the color is soft and elegant, the red embellishment just right.

"Flat Gate House", antique color.

Black and white Gray

If you want to deduce a thick ink style, the black and white gray color scheme is a good choice. Chinese painting without a red seal, the same ink style of the Web page to be red embellishment, will play a finishing touch of the role, so that the page becomes lively, smart. As a neutral color, if you want to deduce the Chinese style some of the fashion, black and white ash is also a good choice.

"The National Palace Museum in Taiwan", black and white gray simple atmosphere.

"Han", fresh and elegant color of the screen.

"Source", Chinese clothing website, black and white gray tone, concise Chinese style.

"Love Lotus said", black and white gray contrast, has a strong visual impact, perfect combination of ink effect.

"Tan Carpenter", the use of light gray gradient, the Chinese style and fashion sense perfect fusion.

Blue and White

Blue and white porcelain is the best in China, its exquisite elegant, extraordinary refined, is a very unique element of Chinese traditional culture. Blue and white color matching is extremely simple, but difficult to control, so in the web design is not uncommon. Use, often can ingenuity, from a lattice.

Other colors

In addition to the above colors, representing the supremacy of yellow, rich and gorgeous purple, etc., can also convey some traditional ideas, you can choose the appropriate use.

"Auspicious Zhai", purple and Chinese painting elements in the Chinese Web page application.

"Taoyuan Habitat", yellow is sometimes also used in a large length of Chinese style web design.

3, elements.

Select a special element to apply, can better foil the atmosphere, embellishment theme.

Linear

Simple line sketch is one of the most common elements in Chinese style web design. such as vertical text line divider, is a unique Chinese-style decoration method.

"Qingcheng Net", in the content-intensive portal site, through the application of red, both sides of the symmetrical pattern, line modification, foil Chinese style.

Square and Circle

The Ancients said "Heaven Round Place", so the ingenious combination of square and round is also widely used in the Chinese style of web design. Square in the gauge in the distance, in line with the Chinese steady upright personality characteristics. Round and smooth, revealing the feminine beauty.

"He Kan" home, the combination of square and circle, but also used to Chinese pass through silk decorations (up and down the pattern and the back of the lines on both sides).

Decoration

Intelligent ancestors to create a colorful pattern, the ancients will be a large number of applications in various occasions, such as ceramics, embroidery, window grilles, blue calico, batik, paper-cut, sculpture, weaving and so on. Chinese classical ornamentation has moire, dragon pattern, back lines, even technology, ruyi pattern, etc., use properly will be very good foil the whole picture atmosphere, make Chinese charm more prominent.

Guanzhong Folk Museum, the pattern is not used much but the effect is very prominent, the traditional building elements into the web design.

"Grand Hotel", the background is covered with light moire.

Representational elements

In addition to the use of the above abstract elements, there are many images of Chinese cultural symbols, but also often used in web design. These symbols include but are not limited to: ink, ancient architecture, flowers (such as plum, orchid, peony, bamboo, lotus), Landscape, scrolls, calligraphy, window lattice, seal, brush, lantern, bamboo, bronze, to do the old effect.

"Double sister", 20th century Shanghai beach retro style. The phonograph had an important symbolic meaning in that era.

"Poly Spring Garden", quaint colors, the use of details elements.

"Terracotta Warriors international tourist attractions" design, using a lot of Chinese-style with the elephant without element.

"Beijing Dance Tang Advertising Co., Ltd.", the ancient city wall silhouette effect is very thoughtful.

4, big bogey.

Chinese-style web pages are good, but if not properly grasped, the effect will be counterproductive. So there are a few points to be sure to pay attention to.

Element stack

There is no overall composition, but just put some Chinese elements simply piling up in the picture, such a Web page is like the most beautiful facial features unreasonable combination in a face.

Carelessness

Have seen many so-called Chinese style web pages, the production of carelessness, the details of the rough, distorted picture, the font messy mixed. This kind of webpage gives the person parody feeling, might as well do a concise page good.

It's a dull style.

Chinese style in many cases need to show a retro, nostalgic taste, so a lot of time to use some low saturation color, an inattentive will become dull, depressed. Therefore, the lightness of color and saturation of the subtle differences, must be cautious. Sometimes need some high brightness, high saturation of the color for local embellishment. Make the screen become transparent, smart.

5, reference Web site.

Qingcheng Net: http://www.hercity.com

Palace Museum of Taiwan: http://www.npm.gov.tw

Guanzhong Folk Art Museum: http://www.gzmsbwy.com

South Garden teahouse: http://www.tongli.net/china/nanyuanchashe/

Taiwan Palace Museum Yongzheng Cultural Relics exhibition: http://www.npm.gov.tw/exh98/yongzheng/

Yangliuqing: The township of Chinese woodblock paintings: http://www.chinaylq.com/

and Don: http://www.hetang.com/

Love Lotus Habitat: http://www.art-xiaoping.com

Beijing Dance Tang Advertising Co., Ltd.: http://makechina.net/main/main.htm

Tao Tao's Asian Restaurant in New York: http://www.taorestaurant.com

Xishan Tian Yuan: http://www.xstianyuan.com/

Ping mun House: http://sz.crland.com.hk/

Fishing: http://www.cn-fish.com

Source: http://www.blancdechine.com/

Carpenter Tan: http://www.ctans.com/

Auspicious Zhai: http://www.jixiangzhai.cn

Poly Chun Garden: http://www.juchunyuan.com.sg/

Yin Yu Dang: http://www.pem.org/sites/yinyutang/index.html

I for Love: http://i.thinkworld.com.cn/

Grand Hotel: http://www.grand-hotel.org/

Elegance: http://www.whogot.jp/

Muzoki to create an article. You can reprint, reprint please indicate from: http://www.muzili.cn