The composition of H5 creative design and production is divided into copywriting planning, design communication and learning, drawing, video editing and editing, prototyping, H5 motion effects/animation production, picture/audio and video compression, and material archiving, so the tools used in the middle are also these.

copywriting planning

Shuying.com-Digital Media and Career Recruitment Website

the

Introduction:

Shuying.com is a digital marketing media platform, covering marketing, advertising media, creative design, e-commerce, mobile Internet and other digital related fields, and recommending popular projects. The platform also includes talent recruitment and community sections. Users can Find suitable recruitment information through the platform, and you can also post news or follow others in the community.

the

Recommendation reason:

Shuying.com is a relatively good comprehensive platform. Whether it is hot topics, brand activities, or copywriting on the screen, you can find corresponding sections. There are also excellent H5 project sharing from independent major manufacturers. It is a must for marketing media professionals. one of the sites.

the

TOPYS | OPEN YOUR MIND, the world’s top creative sharing platform

introduce:

As the earliest and most popular creative vertical website in China, TOPYS is determined to create a diversified and complete pan-creative knowledge product system and learning platform, trying to become “A Creative Institution”, hoping to learn through creative…

the

Recommendation reason:

As the world’s top creative sharing platform, every creative, visual, copywriting is amazing, highly recommended.

Visual Communication Learning

ZCOOL – an interactive platform for designers

Introduction:

ZCOOL, an interactive platform for Chinese designers. Having been deeply involved in the design field for 12 years, ZCool has gathered 6.5 million designers, photographers, illustrators, artists, and creative people, and has a high influence and appeal among the design and creative groups.

the

Recommendation reason:

Zakuol is very popular in the designer circle. It has gathered a large number of excellent designers, photographers, illustrators, artists, and creative people. Every day, there are a large number of excellent works shared on the homepage. It is a good collection of inspiration and design. A platform for designers integrating skill and project experience learning and exchange.

UI China User Experience Design Platform

Introduction:

UI China, formerly known as iconfans, is a professional user experience design platform. Members are all professional UI designers, covering Internet companies across the country. We will create the most professional UI design exchange platform in China, for UI designers…

the

Recommendation reason:

UI China and ZCool are basically the same for the crowd, but just like the brand name, it is characterized by highlighting the UI field, tending to the user experience design of the official website, APP, H5, and small program UI, focusing on the performance of emotional expression in human-computer interaction, and the platform regularly Design tutorial sharing and competitions will be held.

Drawing/Typesetting

Drawing & retouching: Adobe Photoshop (download required)

the

the

Introduction:

Adobe Photoshop, referred to as “PS”, is an image processing software developed and distributed by Adobe Systems.

the

Recommendation reason:

This doesn’t need much introduction, it’s a drawing software, a guy who eats as a designer, we usually mean this when we talk about P pictures.

the

Vector illustration & typography: Adobe Illustrator (download required)

the

Introduction:

Adobe illustrator, often referred to as “AI”, is an industry-standard vector illustration software for publishing, multimedia, and online graphics.

the

Recommendation reason:

This doesn’t need much introduction, it’s a software for typesetting and making vector graphics, no matter how many times it is enlarged, the visual effect will not be distorted, and it is generally used in conjunction with PS.

material website

Qiantu.com – free design picture material website

the

Introduction:

Qiantu.com is one of the websites with the most materials in China, with more than 8 million materials. Provide: vector graphics, psd source files, picture materials, web page materials, 3D model materials, mobile APP materials, ppt, picture albums, icon popular mainstream material download services, Qiantu.com is a material website with its unique positioning and brand-new operation mode leading position.

the

Recommendation reason:

Qiantu.com has a lot of various materials, and the overall quality is medium. Some icons, festival elements, and posters can be used as H5, and they can be published in a short period of time. It is recommended that corporate users use commercial materials to avoid unnecessary copyright risks. If you have the ability to create originality Try to PS yourself.

the

Package Network_Focus on original commercial design image download

Introduction:

Baotu.com is an online trading website for materials. Its main service is to provide materials in the form of pictures, videos, audios, and psd source files. The content section of Baotu.com has nine categories: advertising design, photography, fonts, UI design, e-commerce Taobao, multimedia, office documents, decoration models, and illustrations.

the

Recommendation reason:

Baotu.com and Qiantu.com belong to the same kind of websites, but they are biased towards UI and illustrations. The overall quality is above average. Some icons, festival elements, and posters can be used as H5. It is recommended that corporate users use commercial materials to avoid unnecessary copyright risk.

Video editing/editing

Video editing: Adobe After Effects (download required)

the

Introduction:

Adobe After Effects referred to as “AE” is a graphics and video processing software launched by Adobe, suitable for organizations engaged in design and video special effects, including TV stations, animation production companies, personal post-production studios and multimedia studios. It belongs to layer type post software.

the

Recommendation reason:

It is also Adobe’s video processing and editing software for design. Using 3D plug-ins and key frame animations, you can create animation effects that cannot be achieved by native web animations. You can export videos, sequences, and GIFs to increase the visual performance and interactive effects of H5. Making H5 interactive videos is a good way to play.

the

Such as H5 interactive video works: “Wang Xiaoyi’s Circle of Friends”

the

the

Video clip: Adobe Premiere (download required)

the

Introduction:

The abbreviation of Premiere, developed by Adobe, is a commonly used video editing software, launched by Adobe. The commonly used versions are CS4, CS5, CS6, CC 2014, CC 2015, CC 2017, CC 2018, CC2019 and 2020 versions. Adobe Premiere is a software with better image editing quality, better compatibility, and can cooperate with other software released by Adobe.

the

Recommendation reason:

Very powerful video editing software, also a product of Adobe, is one of the must-learn software for self-media people today. It can be used for editing, soundtracking, and special sessions, and is generally used together with AE.

the

VideoStudio Chinese version free download-VideoStudio Chinese official website (download required)

the

Introduction:

VideoStudio is a powerful video editing software produced by Corel Corporation of Canada. The genuine English name is: Corel VideoStudio. It has image capture and editing functions, and can capture and convert MV, DV, V8, TV and real-time recording Capture picture files, and provide more than 100 kinds of editing functions and effects, can export a variety of common video formats, and can even be directly made into DVD and VCD discs.

the

Recommendation reason:

I don’t usually use it much, but I used some in college. Xiaobai can easily create some cool-looking video special effects and clips.

Prototyping

Ink knife – a good helper for remote office, online product prototyping and collaboration platform

Introduction:

Ink Knife is an online prototyping and collaboration tool. With the help of Ink Knife, user groups such as product managers, designers, development, sales, operations, and entrepreneurs can build product prototypes and demonstrate project effects. Ink Knife is also a collaboration platform, where project members can collaborate on editing and reviewing, whether it’s displaying product ideas, collecting product feedback from customers, presenting demos to investors, or collaborating on communication and project management within the team.

the

Recommendation reason:

Product features include material library, design, efficient demonstration and review, import of Sketch drafts, cloud editing, multi-person collaboration, and the ability to create APPs and event pages online.

the

H5 authoring tool

Yipai?Epub360-Professional H5 page online interactive design and production tool

the

Introduction:

Yipai Epub360 belongs to Shanghai Yipai Technology. It is a professional-level H5 interactive design platform. It uses visual component editing to realize complex H5 interactive animation, data and logic. It is the common choice of Huawei, China Merchants Bank, Shanghai Observation and other enterprises.

the

Professional interactive function: supports professional-level animation control, interactive settings, social applications and data applications, ensuring the smooth realization of business needs of enterprises.

Ease of operation: Adopting a progressive product design mode from simple to difficult, the effect is componentized, reducing the difficulty for users to get started, and the stable operating environment helps enterprises continue to output creative ideas.

Provide enterprise services: We provide H5 tool training, customization and privatization deployment services for enterprises/media units. Customized services include scan code sign-in, large-screen interaction, H5 games and other scenarios. Shanghai Jiefang Daily, China Merchants Bank, Guangxi Daily And many other units long-term partners.

Provide high-quality templates: Provide a rich template library, 500+ high-quality corporate H5 templates, all kinds of invitations, recruitment, festival posters, and H5 games.

the

Recommendation reason:

Yipai Epub360 is a professional H5 interactive design artifact, no need to download software, online editing and production of H5 works, launched in 2014, it is a relatively early professional H5 design tool, can produce computer, ipad and WeChat end H5 works with zero code, domestic Leading support for SVG Supports SVG path animation, SVG deformation animation, fine control, gesture trigger, shake, drag interaction, collision detection, gravity sensing, association control… combined with dozens of trigger controls provided by Epub360, once It took two days to quickly launch a H5 work for a cool product promotion, super fast! It can be regarded as an H5 interactive design artifact that can produce high-quality H5 works.

the

Image compression

Image compression: Tinypng

the

the

Introduction:

TinyPNG For Photoshop plug-in is a PNG image compression plug-in, through this plug-in you can compress PNG images to a high degree with minimal impact on image quality. It only takes two simple steps to complete the high compression of the PNG image without affecting the quality of the PNG image, so that it can solve the problem of web designers affecting the loading speed of the website because the image is too large.

the

Recommendation reason:

Although TinyPNG is an English website, it opens very quickly. You don’t need to understand it. Just drag the picture to the uploaded icon in the middle. The compression rate is very high. It supports JPG and PNG compression. The overall compression rate is 70%, and there is almost no loss. picture quality. However, each compression limit is 5 megabytes and a maximum of 20 pictures. If it is a sequence picture, it is not suitable, but it is completely sufficient for general use. In addition, you can use the domestic compression tool “compression picture” to customize the compression quality.

the

Image Compression: Compressed Image

the

Introduction:

Compression Image is an online image compression tool that supports GIF compression, PNG compression, and JPG compression. You can also add watermarks to images online, rotate images, make long image splicing, change color of images, add text to images, remove background color of images, and change the background of ID photos color……

the

Recommendation reason:

Lossy compression, but supports compression of JPG, PNG and GIF, supports compression quality percentage, aspect ratio, sometimes I will mix it with tinypng, and use compressed images for some large image compression.

the

Audio and video compression

Handbrake

the

Introduction:

HandBrake is a compact and extremely practical video conversion software with powerful functions, simple and clear interface, convenient and fast operation, and a very user-friendly design. The Chinese version of HandBrake supports Win/Mac/Lin operating systems, converts video formats in batches, and has its own compression function. Friends in need don’t miss it!

the

Recommendation reason:

The interface of this software is in English, and you need to understand a few basic English professional terms. Now it is often used on the Mac system. The window domestic small software used before cannot be used, but it supports both Mac and window systems. There are settings Compression rate, I usually set it to about 22, the combination of compression quality and volume is strong, and the compression speed is fast. I once used this software to compress a 1.2G video file to 22.6M, which can be said to be stunned by me and my friends. they! It is indeed an excellent compression software abroad!

the

Format Conversion: Format Factory

the

the

Introduction:

Format Factory is a free multi-functional multimedia file conversion tool. Format Factory is powerful and can help users to convert the required video file format simply and quickly. Not only that, the format factory software is easy to operate, and users can start using it after installation, bringing users a fast and easy experience.

the

Recommendation reason:

I personally don’t use this software a lot, because I used Windows system for a while, and I often need to compress audio, video and convert various video formats, which is very convenient. At the same time, this is also a free domestic compression software. The interface is Chinese Easy to operate. The compression quality is above average, but the speed is very fast, which is very suitable for novice users who are not very professional in quality requirements.

Suggested amendments to collaborative documents:

Graphite Documentation-Remote Office System/Solution

the

Introduction:

Graphite Docs is a new generation of cloud office software that supports online collaborative editing of documents and forms by multiple people. It has unique content-level security and traceability of the whole process. Full coverage of PC and mobile terminals, remote office anytime, anywhere.

the

Recommendation reason:

Graphite’s biggest feature is collaborative work, which can be effectively communicated and recorded in our project production and modification opinions. In the traditional way, customers give feedback and suggestions in the form of chat in the project communication group. There may be dozens of suggestions without reading them for a while. Sometimes Also interspersed with 59 seconds of voice advice, do you want to cry every minute? If there are too many leaders on the other side, and one person opens his mouth, you can’t imagine how miserable it is without experience! With this, every revision suggestion will not be ignored. Customers can give real-time feedback and make revisions by marking, and the revision efficiency will be greatly improved!

Material archive

Baidu network disk, let the beauty accompany you forever

the

Introduction:

Baidu Netdisk provides you with network backup, synchronization and sharing services for files. Large space, fast speed, safe and stable, supports education network acceleration, and supports mobile terminals. Register now to have the opportunity to enjoy 15G of free storage space.

the

Recommendation reason:

This one doesn’t need much introduction. Before that, several online disks had been officially announced to cease operations, and currently only major platforms such as Baidu Netdisk and Tencent Weiyun are still there. We have developed a good habit from the beginning of the H5 project. Every time we finish the project, please create a new folder to classify all the source files, pictures, audio and video in the project. Veteran designers know that as more and more projects are involved, files are placed on the computer, and each disk is slowly filled. After a long time, the computer will definitely freeze. At this time, it is basically necessary to rely on mobile hard disks and cloud disks. , The local storage of the mobile hard disk is highly secure and private, but if you search it on a certain treasure, the price is too high. If it is broken, it is difficult to repair. The basic space used by Baidu Netdisk is generally enough. The disadvantage is that the download speed of the free version is really fast. Turtle speed, but it didn’t cost money, haha.

the

the

About us:

Infocode Lanchang Information Technology Co., Ltd. has successfully provided high-quality services for many Fortune 500 companies and other famous brands in the world. It is your reliable Internet development provider.

Serving customers throughout Beijing, Shanghai, Hangzhou, Shenzhen, Guangzhou, Tianjin, Qingdao, Nanjing, Ningbo, Suzhou, Wuxi, Xiamen, Chongqing, Xi’an and other large and medium-sized cities and regions Provide you with: H5 development, small program development, H5 outsourcing, WeChat development, H5 mall development, small program mall Development, website development outsourcing, H5 game development, small program development outsourcing, small program design, APP development outsourcing, UI design, SEO optimization, SEO outsourcing, video post-production and other high-quality services

驗(yàn)證碼 姓名 需要咨詢(xún)的內(nèi)容

姓名 *

請(qǐng)輸入姓名或昵稱(chēng)

手機(jī)號(hào) *

需要咨詢(xún)的內(nèi)容 *

如果您有任何疑問(wèn)、需要更多信息或希望與我們建立合作請(qǐng)留言

驗(yàn)證碼 *

=

提交留言