1. Mobile APP UI
APP interface
Definition: According to product requirements, corresponding interactive and visual elements are designed and typeset in the interface.
Requirements: Be able to meet the correctness of the four graphic elements; know how to apply standard system Kits; be able to reasonably define fonts and element sizes; be familiar with and able to design mainstream component types.
Software: Sketch, XD
Interface icons
Definition: including APP startup icons and general tool icons within the application
Requirements: Understand the basic specifications of icons, understand the mainstream icon types and usage scenarios, and be able to maintain a consistent basic style when drawing the entire set of icons, with simple and beautiful forms
Software: Ai, PS
Interactive prototype
Definition: Used to display interactive prototype files that can be clicked and jumped
Requirement: The page jump logic can be clearly expressed
Software: Sketch, XD, Blue Lake, Ink Knife
Basic motion effects
Definition: can express animations that trigger interface interaction effects
Requirements: Understand the scope of animation that can be achieved, and understand how to specifically write documents expressing animation.
Software: AE
Annotation and cutting
Definition: Annotate the content of the design draft and export the graphics needed during the development process
Requirements: Understand the parameters that developers need to know during design restoration, understand the functions and differences of different image formats, and be able to export cut images that comply with specifications.
Software: Blue Lake, Sketch, XD, Markman
Design specifications
Definition: Relevant specification documents to be followed from design to development
< p>Requirements: The specifications for the use of the most important colors and elements are concise and clear, and easy to be implementedSoftware: any design software or ofce
2. PC web interface
< p>Web interfaceDefinition: Mainly the company's official website or product introduction page, reasonably placing the required content into the canvas and conducting layout and design
Requirements: Understand the basic web canvas Settings and specifications, the mainstream structure and interaction methods of web pages, can design a simple, beautiful and clear design
Management interface
Definition: According to business needs, design and operate on the web page Management system, a tool used to manage finance, inventory, customer information, etc.
Requirements: Be able to understand basic management interface component functions and interaction rules, web page stretching and adaptation methods, and text and color applications
p>Software: XD, Sketc
Annotate cutouts
Definition: Description of the design draft and export of pictures for development.
Requirement: be able to export the correct cutting diagram and explain the necessary areas.
Software: Sketch, XD, Blue Lake, Ink Knife
3. Operational design (advertising pictures)
Banner design
Definition: Design advertising images displayed in product advertising spaces according to the needs of operations and marketing activities
Requirements: Be able to master the basic mixing method of images and text, be able to make simple and effective expressions of text, and possess Introductory synthesis skills
H5 event page
Definition: Design an event-specific page displayed on a web page according to the needs of operations and marketing activities.
Requirements: Understand the basic structure of active pages, the specifications of mobile web design, and have basic visual design capabilities