[Digital Interface Design and Production] 1.Digital Interface Design and Production
#ICT# #IOT#

Lesson Code: TCEN2025H032

Clicks:
Academic Hours
5.10hours
Publish Date
Nov 2025

Lecturer

1. Lecturer YANG TianqiShanghai Press and Publication Vocational - Technical School

2. Lecturer LIU ChunqingShanghai Press and Publication Vocational - Technical School

3. Lecturer YU JiajunShanghai Press and Publication Vocational - Technical School

4. Lecturer GAO YuanShanghai Press and Publication Vocational - Technical School

General Introduction
This course focuses closely on cultivating the professional skills required for digital interface design and creation. It uses typical interfaces, including desktop, web, and mobile, as teaching examples to develop students’ ability to design digital interfaces
and build interactive functions using design software. The course mainly teaches the fundamental concepts and methods of digital interface prototyping, icon design, creative interface design, and interactive interface design.

This Course is for
1. Helping students to be able to design visual effects for digital interface prototypes based on different user requirements;
2. Enabling trainees to design digital interface icons effectively using design software;
3. Enabling trainees to carry out creative digital interface design using design software;
4. Helping students to be able to perform interactive digital interface design using design software;
5. Enabling trainees to complete desktop, web, and mobile interface designs according to the digital interface design and production workflow.

Learning Materials

1. Corresponding PPT
2. Online Course Video
3. Simulation Question Banks

Recognized By

Benefits of Learning

1. Being able to possess the ability to plan interface layouts, build visual hierarchy, and design icons/illustrations;
2. Being capable of complete responsive interface designs for mobile and PC scenarios, and produce developer-ready specification sheets, asset exports, and design documents;
3. Being able to possess the ability to structure and implement interaction logic, enabling basic interactions such as page transitions and scrolling;
4. Being able to accurately align with business requirements and user scenarios, balancing practicality, aesthetics, and functionality in design;
5. Knowing how to demonstrate basic innovative thinking and problem-solving skills, incorporating creative expression within design guidelines.

Courses Videos
1.1.1 Interface Design Research and Analysis.mp4play1.1.2 Interface Design Research and Analysis.mp4play1.2 Formulation of Interface Design Solutions.mp4play2.1.1 Understanding Icon Types and Functions.mp4play2.1.2 Understanding Icon Types and Functions.mp4play2.2.1 Basic Icon Production and Design Standards.mp4play2.2.2 Basic Icon Production and Design Standards.mp4play2.3 Player Launch Icon Design and Production.mp4play3.1.1 E-commerce APP Interface Conceptualization.mp4play3.1.2 E-commerce APP Interface Conceptualization.mp4play3.2 E-commerce APP Prototype Design.mp4play3.3.1 E-commerce APP Icon Set Design and Production.mp4play3.4.1 E-commerce APP Main Interface Design and Production.mp4play3.4.2 E-commerce APP Main Interface Design and Production.mp4play3.5.1 Interactive Ad Banner Sliding Effect Production.mp4play3.5.2 Interactive Ad Banner Sliding Effect Production.mp4play4.1 Home APP Page Conceptualization.mp4play4.2 Home APP Prototype Design.mp4play4.3 Home APP Icon Set Design and Production.mp4play4.4 Home APP Homepage Interface Design.mp4play4.5 Home APP Category Interface Design.mp4play4.6 Home APP Member Interface Design.mp4play4.7 Page Navigation Interaction Design.mp4play4.8 Homepage Scrolling Interaction Design.mp4play5.1.1 Online Education PC Login Interface Design.mp4play5.1.2 Online Education PC Login Interface Design.mp4play5.2 Online Education PC Interface Layout.mp4play5.3 Online Education PC Main Interface Design.mp4play5.4 Online Education PC “My Account” Interface Design.mp4play

Downloads
Please log in and download