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