Creative and technical full strength Japanese web design appreciation

Editor's note: Today's recommended Japanese website, every poke into one, is like a gorgeous adventure. Surprisingly creative and powerful technical support, the two seamless blend, forming a strong Japanese style design, and, this group of sites covering all walks of life, is the real landing of the design project, even if the domestic designers can learn a lot from it.

Korean, Chinese and Japanese characters similar appearance, so the domestic site in addition to the Chinese wind, but also to learn from Japan and South Korea style. Korean website I think we have seen a lot of them, they especially like to use Flash to make, the effect of Why (the net) because they are faster than our speed 7, 8 times times ...). and the Japanese website, they use flash? response style or flat design?

Next @ Design Talent Network Small set for everyone select a group of excellent Japanese cool station, in the collection of Japanese websites also let small set marvel, the Japanese website design and use of web technology is quite good, the idea of Japan's industrial design is good, not surprisingly web design level is also quite high.

Japanese web design: Many have used new web design trends, such as parallax Scrolling, full-screen background, full-screen video and so on, very little use of flash, pay special attention to the color of the page, layout and interactive design, the overall web page layout novel, many sites use a lovely comic-painted style.

Web front-end technology: Some sites have begun to HTML5, CSS3 technology, although the use of these new technologies, but in IE8 compatibility is done well, and some incompatible IE8 will do a browser-compatible hint.

Let's look at these excellent Japanese web design works and hope to inspire your new project, enjoy!

　　Hanamichiya

Very beautiful watercolor background, the site's right side of the menu effect is very good! It seems that a lot of Japanese designers have good hand-painted skills Ah! Dear friends, do you know how to hand-painted?

　　Dascorp

The Web page uses a responsive design, basically compatible with IE8, and when the user scrolls down the page design, the content is gradually displayed.

　　Mitsugashi

Design Simple pastry Food website, but this simplicity in the domestic very easy to draft.

　　Regettacanoe

Bright blue and yellow fashion color matching, very consistent with the site theme. Upper left corner Menu The blue curve seems to be the same as the heel, which is an impressive design.

　　Ca4la

Very unique small E-commerce site, browsing attention to see those animations, fun and more meaningful.

　　Hotakubo-seikei

A hospital website, the overall website design is very exquisite, even picture quality is very important, this hospital looks very high-grade ah.

The hospital class website in the domestic certainly not to do so, will make the portal type, does the content, makes the SEO, what content has ... But we can refer to his design, quite good.

　　Hishiken

Beautiful image + parallax effect, very beautiful web page AH.

　　Asitanosikaku

In front of the site that a little hand-painted oval is done with HTML5 canvas, the mouse through a number of elastic effects, followed by the ellipse can also be based on browser resolution from the size of OH.

Click on the content of each connection is Ajax load, the overall interactive design experience is really good.

　　Kataomoi3

The website uses the text to float to do the disparity effect, is very beautiful, makes the personal blog class the website to recommend.

　　Kiyomizudera

Full screen video as the background of the Web page, video of the scenery is very good, text use vertical typesetting, vertical font is a common Japanese style of typesetting, in fact, the ancient Chinese is also vertical, from the first click in, the default is Full-screen slide show, the overall feeling is feel, there is wood?

　　Women's College of Learning Institute

Home Flash Banner did a good job. The overall tone is very much in line with the theme of the site, even pink will not low-brow.

　　Q-co

Have to say, inside the idea is very good, enter the home page, with a circle of strokes, and then the circle will have dynamic image display. Secondly, the Web site Parallax technology is doing very well,

　　Tokyonohatakekara

The site of the dessert shop, hand-painted elements more, also very cute.

　　K-associates

The website of an interior design company, whose works are very convenient to display, uses a vertical color block and then moves slowly from right to left.

Click on the image display of the work to display in Full-screen mode.

　　Japan

Just want to say, this website is not made by flash.

　　Kamomepark

The homepage uses the full screen slideshow, the menu and the news use the square fixed in the sidebar, the square design is simple, therefore does not affect the overall appearance.

Product page is the use of continuous horizontal floating picture mode, the function is very powerful, support the middle mouse button to control scrolling, the user point Small map full screen after the big picture, there is a little detail to do well, is that you browse large, the original horizontal scrolling picture will stop scrolling, so that users close the larger picture can also see just click Position.

　　C-gp

We strongly recommend that you click on the team link to see.

　　Gooddesigncompany

A Japanese design agency website, home page directly display works, but the way to show is very interesting, do not know how to achieve.

The layout of the Web page can be adaptive to the width, Pu and widescreen browsing effect is very good.

　　Kotobanoie

Full Screen screen background page, you need to watch the video while browsing the content on this site.

　　Wamokei

A model production company's official website, the single page website design, the first screen of the homepage uses the Full-screen photograph as the background, in addition when the user clicks other pages, actually also is the full screen!

　　100tokyo

This 100tokyo uses a flat design, also supports the response, the entire site color to light brown mainly. Use a simple CSS3 style, such as a gradient effect of the mouse.

　　Santepc

Full screen Flash site, does it look like there is a "tide" feeling?

　　At last

Dear friends, look at the above Japanese web design, how do you think? What else would you do for your business? Not necessarily responsive, not necessarily flattened,

Many web designers need to write their own front-end code, so we recommend that you use CSS3 in the project, this is the technology that must be used in the future. (Even if you do not need to write code to understand it, which can better match the front-end staff)