New ideas to talk about innovation! Several ways to improve the form of web design

Source: Internet
Author: User
Keywords Website design

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Referring to web design, the first thought is the mainstream of Korean design and flat design, of course, personalized typesetting, video instead of text, Full-screen large vision, rolling parallax, multi-platform full adaptation and other design forms have entered our vision. The simple, functional aesthetic spirit of the West, "less is more" the design concept captured our brains, many times, in the beginning of the design before the mind will come back to the design of these styles. So, how to make a website that has its own characteristic in the mainstream design way? We will introduce the ways to enhance the design form of the website in the big environment.

So how do you make your own features in the mainstream design? We'll introduce some ways to improve the design of Web sites:

> Endow National Cultural characteristics

While many designers are chasing the mainstream style, the design of the national culture feeling is fewer and less, not only in the country, but also in all over the world. Of course, there are many designers working for the national design. The following several sites although only simple design and dynamic effect, but there is a very simple national style, which is also the most attractive place, every detail reveals the national characteristics and atmosphere. It is not only the cultural nature of the site can give cultural design style, in the commercial product type design promotion in the same application.

Japanese eye drops site, the product of modern industrial society and traditional Ghosts and gods culture in the five kinds of monsters with scrolls, illustration of the traditional form of display, and the stars in the sky advertising to form a contrast, the same is the eye dry, eye astringent, eye fatigue, the same is the office, commuters for the consumer group, cultural creativity on the breakthrough in the eyes of a bright.

http://www.medical-youkai.jp/

  

  

(Small knitting Press: that Sister is my Goddess Hengshan beauty snow,?) and wind clothing shop, the Japanese characteristics of the wind chimes, simple illustrations, "and the Wind", and the national pursuit of harmony with the nature of the United States, from this clothing site we can see the Japanese design culture embodies the respect for nature, reflecting the simple aesthetic introverted character.

http://hanamichiya.jp/

  

Myanmar traditional dance music ensemble website, Myanmar ancient drama dance, is from the Burmese puppet drama, classical drama and the dance of the classical arts, such as the creation. A number of programs in the puppet show and different dance movements of the various puppet characters were transplanted into the modern Burmese dance. Puppet Dance "puppet Step", "puppet climbing" and so on become the basic movement of modern Burmese dance, is the glorious inheritance of cultural diversity. Black and white pictures and large areas of white poster design, highlighting the main dancer, used on the site more mysterious.

http://www.itwillbeastounding.com/

  

Russia's Moscow Grand Theatre is one of Moscow's landmark buildings, the famous ballet and Opera Theatre in Moscow, and the oldest theatre in Russia, renowned as one of the most famous theatres in the world. It not only inherited the historical tradition of European ballet, but more importantly, established and developed its own ballet system in the fertile soil of Russian rich folk music and dance. The Russian classical style in the design of the forum, the same amount of white processing to show more space for the picture.

http://www.bolshoi.ru/

  

> Application of HD pictures related to website theme

Large area of the whole station or local use of high-definition images, in the previous design sharing we have seen a lot of cases, here to introduce a number of Japanese to show the main site, exquisite pictures do not need too much decoration.

Sakamoto Ryuichi is one of the most revered musicians in contemporary Japan, with a wide range of musical fields and a special position in the field of pioneer electronic music. The representative has "Merry Christmas Mr Lawrence" "The Last Emperor" "Sheltered Sky" "Peach taro" "high heels" and so on, for the 1992 Barcelona Olympic Games opening ceremony to compose and command ... One of the reasons that Sakamoto Ryuichi became a "pop star" was that he was personally inspired by the multiple musical styles of electronics, rock and jazz, and on the other hand he was able to strike a balance between business, art and experimentation, and to make works that were both experimental and melodious.

http://moonlinx.jp/special_issue/003/

  

  

The Japanese design emphasizes the inner beauty of materials, pays attention to the harmony with nature, treasures the natural material, which has a great relationship with the relative scarcity of Japanese natural resources. Japanese style, return to nature is the greatest feature, respected close to nature, emphasizing naturalism, so that users have the feeling of natural exposure. The use of product technology to make pictures as the main body and background of the site, narrowing the distance between the viewer and the product.

http://www.ishiyamasenko.co.jp/

  

Traditional Craft Beauty Shop, the picture from the Vinyl guide page can see the selling point of the shop. Featured Product map plus soft dynamic scatter flower effect, add points for the site, navigation to join the mall outside the chain can be directly online shopping, conducive to user experience.

http://www.kazurasei.co.jp/

  

Japan Union news agency, the scene picture in the society is very good to show the main idea to express.

http://go-jimbou.info/

  

Block is an important landmark of the city, will be such a messy old street as a site banner head map, with the form of the introduction of the design, can also be very good.

  

Maybelline Japanese website, will be the physical store as the site background, build a real scene of the huge poster exhibition board, this form is more than the star endorsement more grounded gas?!

http://www.maybelline.co.jp/

  

Compare the following two Japanese and Korean apparel category website, you can see that the Japanese website in the picture selection more focus on the product itself, very texture and tension of the picture real simple, and strive to show the relationship between products and people. South Korea is more focused on the overall atmosphere of the collocation, through the creation of the environment to improve product taste and grade, the product is just a part of the system to build.

http://quael.jp/

  

> Special handling of pictures

The low quality of the figure is the situation we often encounter in the design process, we usually use most of the method is Gaussian blur, soft light, filter color, add texture, the image processing into the old, antique, age sense, monochrome ... What effect will it be?

Foil technology, gold and silver foil has a good ductility, gold and silver to play the film-like, and silk combination, applied in ancient costumes. This culture is more than more than 400 years old in Kyoto, now mainly used for cultural relics restoration. Take foil crafts of a local, regroup as a whole background, patch processing of the text and background of the integration of the ancient culture is more subtle.

http://www.hiroto-rakusho.com/

  

Character material rough case, the use of watercolor filter effect, the background to add dot-like grid, very situational sense of the arrow to guide, full of personality.

http://www.kanenavi.jp/

  

All Nippon Kendo Federation, the site uses the form of timeline display, from 1950-2000 each issue of the winner's photos and information, you can see that because of the 70 's ago are black-and-white photos and low pixel, and the recent color photos contrast larger, so the website design became ancient to do the old age sense style, Adding a lot of screenshots from early photos as an illustration element ensures a consistent style.

Http://www.kendo.or.jp/champ/#/about

  

Daum is one of South Korea's largest portals, with mail and Community products as its core, and the predecessor of South Korea's first e-mail service website, hanmail. Denim Blue Monochrome photo processing is more like movies and anime scenes.

http://www.daum.net/

  

Also has the overall black and white to add the local color color case, will complicate the picture simplification processing, for the concise page design, this is a good method. Each section is black and white photos to do the background, text to do JS dynamic transfer effect, in the picture of an element to add VI main color, the story is very strong.

http://www.streetreach.org/

  

Design of > Creative graphic Environment

Hand-painted, vector graphic design of the graphic scene environment, used in food, tourism, maps, infant and so on the design of the direction of the more easy to narrow the consumer, giving people a relaxed and cheerful mood. Compared to the graphic mixed row more close to life.

Dog food Promotion site, the website designed as a pet park, each breed of dogs have their own video, the content is the dog's preference for several products.

http://www.solvida.jp/solpa/#/MainPage/001

  

Planning Creative Company, technology is just a simple flash station, but the spatial design of the leap of thought to this site has brought extraordinary results. From the local space to extend the intersection of various different spaces, add interactive effect and the more surprises caused by further increase the user participation degree.

http://www.aquacp.com/

  

Build a small city with 3D puzzles, 4 architectural representative sites to show 4 specific categories of psychology, building exaggerated personification action to achieve page jump.

http://www.soc.nara-u.ac.jp/kokoro/

  

Japanese children's special eggs, this site will be all products related content into eggs, after consumption of the surplus can be changed to continue to use for other items of production, recycling to avoid environmental pollution, so in the home display will have similar waterfall flow of a large number of peripheral products. Home page is automatic downward display of the waterfall flow effect, hover and jump are accompanied by very lovely music and dynamic, appropriate music playback and touch hover small surprise will add color to the site.

http://www.kewpie.co.jp/egg/

  

The regional topographic map of Japan's Chevron, which has been used in this form, has been seen in the realistic version of the scenic maps. More interesting is that his function is very powerful, is a zoom out of the real version of the map, no jump, complete hand-painted Google topographic maps. To the small frog as a spokesman for each of the advantages of the scenic spot for hand-painted graphics annotation, in the current pop-up form of the history of the land, nature, tourism, society, ritual, food, traditional information such as detailed graphics and text, video interpretation.

http://www.nhk.or.jp/yamagata/mitekero/

  

Kyushu Xiongben Days Grass village, with dynamic graphical integrity of the day Grass Village design deduction, the main attractions by default to do dynamic processing, jump is another complete image vector map. On the attractions of the landmark small buildings do a page pop-up virtual details.

http://www.amakusamura.jp/

  

This form is also used in the design of the Singapore Children's paradise.

  

Design style is also an important way to embody a national culture, the cold long winter to become a symbol of Russia, on the page to create a same color of the ice and snow world, but the color of the main information more prominent.

  

> gives product-related interactive forms, and attaches importance to user participation

An excellent site its interactivity is also very important, with good interactivity can make viewers have a higher sense of participation, and also can increase the site's own dissemination effect, but also to improve the user's own web site dependence and loyalty.

Panasonic Shaver Products JS Display station, design form and Panasonic electronic implementation of "dotted network society" and "coexistence with the Earth's environment," The ideal Echo, the whole station background is composed of moving line points composed of dynamic graphics surface together, pictures and text display stay in this dotted space combination. At this point the site to express not only the display of products, as well as Panasonic culture.

Http://panasonic.jp/shaver/lamdash/dna/index.html

  

Tokyo Symphony Orchestra, the site to the user's participation to achieve the ultimate, from the main content of the site does not have a picture of the Tokyo Symphony Orchestra text information, users can be in the page exclusive music keyboard prompts the case, with original music novel form to create their own personality music, and music by frame made a record, Can return to enjoy the creation of the results and share to the various websites.

http://tokyocitysymphony.com/

  

Special-t Green Tea Web site, played a game of students know that the task has map to find the road function, the site used this principle, in the sea to establish similar to the journey to the Dragon Palace, the user in the absence of any guidance, 360 degrees no corner in the sea free to explore, The final result is in a period of time after the journey to the end of the website Product Guide page, explain the feelings of special.

http://ogreen.special-t.com/en/

  

> Video and Special layout

If you want an elegant and intuitive product presentation, Full-screen video site is a good choice. Full-screen video site can ignite people's curiosity for a moment, of course, may immediately let visitors lose interest, it depends on whether you can control this kind of tall design style.

Japan University of Welfare, campus students learning, activities and atmosphere of the scene video as a background display, the video on the first floor is a manual switch content introduction subtitles, a university site is more like a micro-film show.

http://www.n-fukushi.ac.jp/lifestyle/

  

Mikihiko Kyobashi Undersea Photographic record display station, the whole station video display with the ocean real sound. See through the video of the ocean is not a dead water, the sun through the sea, blue sky, more than static photos to show the breath of life.

http://www.mikihiko.com/

  

BC Clothing site, dark Dynamic video to do the background, and the front layer of simple text typesetting contrast, picture hover 3D stereo effect is refreshing.

http://bananacafe.com.br/

  

Picture and video of the mixed-row switching display, stretching after the spread of the whole station playback effect.

Http://getgoingtoday.org/beyond

  

Day-Clear food, macro shot video, with time Countdown method, recorded in this bowl of instant noodles bubble good 3 minutes, the world's different skin age groups of people to taste the status of the Japanese food slowly close-up, added to the use of language to describe the countdown to the sound of time, the video interspersed with the Japanese and the logo echoed in the decorative language , hidden in the bottom of the page, the timeline can be found every minute of the frame, time can choose to switch to the desired frame.

http://www.nissin.com/jp/

  

Conclusion:

The above five points are the current mainstream design of a new alternative to find creative, simple five point is difficult to all the good ideas are covered, in addition, we certainly have better ideas. Web design is always based on the viewer's aesthetic, cultural, and information dissemination habits, methods, as well as Web page development technology progress. For most sites, there is no strong professional force to study the user's new habits and needs, it is not possible to develop new technical features, only in some large-scale web site to see some trend of development, and then find their own place to learn from. If this reference becomes universal, it is difficult for us to have a place in the tide of the Internet. Web design has gradually to diversify the direction of development, better ideas, newer ideas are derived from our real life experience, want our website to become more powerful, have a better user experience, understandable, we should do is bold, stride to try.

About Us

Sohu Tour Visual Design Center team. We are from the game and life to draw ideas and inspiration of a group of design elves, with love to release the wonderful design magic, depicting you and I moved to the virtual life.

Website Blog: vc.changyou.com

Sina Weibo: @ Tour VC

Micro-trust public platform: CYOU_VC

Related Article

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.