Current location - Recipe Complete Network - Catering franchise - What are the main web design styles in the era of illustration gif-html5?
What are the main web design styles in the era of illustration gif-html5?

13 GIF dynamic picture websites are recommended to improve the graphic typesetting in WeChat official account! (turn)

A good graphic should not only have a good title, but also have relevant pictures. The GIF picture in the picture is a crucial part! Anyway, I like to watch some light and humorous GIF pictures most ~ Here are 13 high-quality dynamic GIF pictures websites for everyone. (There are many GIFs in this article, please wait patiently! )

KotaIguchi is an ingenious designer from Japan, who combines Chinese characters with three-dimensional space to create an ancient charm and a full sense of modernity. There is both the depth of space and the cycle of time, and it is quite philosophical to savor it carefully. It is a must-have weapon for high standards!

official website:

/

This is a British company, founded in 2113, with various styles, which is very suitable for young people's tastes. Apart from enthusiasm, what they lack most is imagination, so they are trusted by many famous brands, such as Sprite, Adidas, Rayban, Red Bull, Disney, Vans, Nike and Target. They are all my favorite brands ~

official website:

/

JulianGlander started his animation career in high school, and changed from a hobby to his own career. Animator, illustrator and game maker are all his titles, and his style is humorous and deeply loved by young people.

official website:

/

james coll's works are a little heavy on our public. The characteristics are: spoof! Irony! Religion, culture, sex and so on are all looted objects of his works. While maintaining high output, we should pay attention to the quality of each work, which means that everything that should be spoofed is spoofed ~

official website:

/

MatthewCooper and JohnnyKelly are good friends, and they have worked together on a series of works called I'm Mnotanartist (I'mnotanartist). Originally, they just wanted to make a small collection of works, but later it expanded into an open activity, and more and more people participated.

official website:

#

RafaelVarona is a veritable "small animation". Every work is small and exquisite, and there is a cycle besides small. The overall style is light and humorous, which makes people feel comfortable. It's a must for the small and fresh category of literature and art ~ colorful definitely satisfies you!

official website:

/

My favorite is the humorous GIF ~ Then I'll throw it out directly, so I won't go into details ~

Website:

/

Website:

/

Website:

/

Website:

/

.

mobile phone: Aauto Quicker and Meitu GIF

These two can be made according to pictures, or directly recorded as a GIF, and photo frames and special effects can be added later. As for which is better, let's try it for ourselves.

On the computer side, Meitu Xiu Xiu and Meitu Xiu Xiu are both called beasts.

There is no need to introduce them more. Using existing materials to make GIFs, zero-based users can get started quickly.

All animals are screen recording software. If there is any video clip that we think is great, we can directly record it with it.

the main reference resource of this article is plug-in college of socket college (ID:chazuomba). What are the main web page design styles in the html5 era?

First, from the perspective of functions and design objectives, H5-specific web pages mainly have the following four types:

1. Activity-oriented

H5 pages created for the promotion and operation of activities are the most common types, with various forms, including games, invitations, greeting cards, test questions and so on. Different from the simple static advertising picture communication in the past, today's H5 activity operation page needs more interactive, higher quality and more topical design to promote users' sharing and communication. From entering the WeChat H5 page to finally landing inside the brand App, how to design a suitable drainage route is also very important.

2. Brand promotion

Different from the time-sensitive activity operation page, the brand promotion H5 page is equivalent to a brand's micro-official website, and it is more inclined to shape the brand image and convey the brand's mental attitude to users. In the design, we need to use visual language that conforms to the brand temperament, so that users can leave a deep impression on the brand.

3. product introduction type

focuses on product function introduction, and makes full use of the interactive technology advantages of H5 to display product features and attract users to buy from buy buy.

this type of H5 page is common in automobile brands, and LEXUSNX is an excellent representative case. Exquisite and highly textured modeling and delicate lighting effects create a cool visual style. Cut the picture with your fingers following the light trajectory to kick off, and lead users to explore the seven characteristics of the product through reasonable and elegant interactive forms such as touch, friction and sliding, taking care of both macro and micro aspects.

4. Summary report type

Since Alipay's ten-year bill sparked a heated discussion, the year-end summary of major enterprises is now keen on H5 technology, and the excellent interactive experience makes the originally boring summary report interesting and vivid.

second, the form is functional service

after determining the functional objectives of the topic page, the next step is the key design stage. How to design in a targeted way needs to consider the specific application scenarios and communication objects, and think about what kind of pages users want to see most and share most from the user's point of view.

1. Simple graphics and text

Simple graphics and text is the most typical H5 topic page form in the early days. The form of "map" is ever-changing, which can be photos, illustrations, GIF and so on. Through simple interactive operations such as turning pages, it plays a role similar to the spread of slides. The test is the high-quality content itself and the ability to tell stories.

2. Gifts/greeting cards/invitations

Everyone likes the feeling of receiving gifts. Grasping this psychology, the brand has launched various H5 forms of gifts, greeting cards and invitations, and subtly achieved the purpose of brand promotion by enhancing users' goodwill. Since it is a gift, creativity and production are important points.

3. Q&A/Grading/Testing

H5 pages in the form of Q&A are also common. Take advantage of users' thirst for knowledge and exploration, choose and choose along the way to see what the final result is. A clear clue is necessary, and the final result page needs to be reasonable and unobtrusive. It would be great if it could be supplemented by colorful vision and copywriting to weaken the boring feeling of answering questions.

4. Games

From simple games such as "Surround nerve in cats" and "See you have many colors" to brand-implanted games such as Durex's "Jiro for one night" (that is, the cottage version of "Don't step on white blocks"), H5 games were once popular in the circle of friends because of their simple operation and strong competitiveness, but the lack of creativity and homogenization led users to get tired of brainless games. If the brand wants to spread successfully in the game, it needs to make more efforts in gameplay and design.

III. Four Points for Adding Points to the Design

Whether the design quality of an H5 page is outstanding or not will directly affect its communication effect, and even affect users' cognition of brand image. Summarize the following design points here:

1. Detail and unity

To achieve high-quality user experience, we must consider the unity of detail and whole. The visual style of retro imitation, then the font can not be too modern; Humorous tone, the wording of the copy can not be too serious; If you play the emotional content card, you can't be too fancy.

2. Keep up with the hot spots and make use of the topic effect

If you want your H5 special page to become popular overnight, it is also a shortcut to seize the hot spots and go online as soon as possible, and take the opportunity to carry out brand promotion.

3. Tell a good story, and arouse the emotion.

No matter how changeable the form of H5 is, the valuable content always comes first. In the limited space, learning to tell stories and arousing users' emotion will greatly promote the spread of content.

4. Rational use of technology to create a smooth interactive experience

With the development of technology, HTML5 has many brilliant features, allowing us to easily realize interactive effects such as drawing, erasing, shaking, gravity sensing, erasing and 3D view. Compared with the confusing and bloated pages caused by various kinds of dynamic effects, we advocate the rational use of technology and concentrate on providing users with a smooth interactive experience.

Conclusion

With the upgrading of mobile phone hardware, the development of HTML5 technology and the opening of WeChat platform, the advantages of cross-platform, low cost and fast iteration of HTML5 are further highlighted, which will be the best time for business owners, brands, designers and developers who are in the tide of mobile Internet. You can draw how to send animation

1. Open the PPT you want to export in the computer web version of canva, and then find the "_ _ _" icon in the upper right corner and click it. 2. Find View More in the window that appears and click. 3. Find PPT, find MicrosoftPowerPoint in the open view more interface and click it, then download it. Canva is an online graphic design tool that supports multiple platforms (Web, iPhone, iPAD and Android). Canva provides rich copyrighted pictures, original illustrations and various high-quality design templates. Users can create posters, resumes, Banner, business cards and other designs in a few minutes by simply modifying their favorite templates.