Designcode - 3D UI Interactive Web Design
Designcode - 3D UI Interactive Web Design 

https://designcode.io/spline-ui

14 sections - 3 hours of video

  • Learn to create 3D designs and UI interactions such as 3D icons, UI animations, components, variables, screen resize, scrolling interactions, as well as exporting, optimizing, and publishing your 3D assets on websites


Elbette! Aşağıda verdiğiniz metni düzenli, okunabilir ve profesyonel bir formatta yeniden yazdım:


Spline 3D Design Course – 14 Topics

All techniques are explained step-by-step in a beginner-friendly format, so you can easily follow along in a cohesive and structured way.


01 – Introduction to Spline
Learn 3D design fundamentals: UI animations, icons, components, variables, screen resizing, scrolling, and how to optimize and publish 3D assets online.
Duration: 10:24

02 – 3D Shapes and Materials
Creating a 3D icon in Spline — a step-by-step guide.
Duration: 9:45

03 – Weather Icon and Sculpting
Master 3D design using Spline’s intuitive tools by creating a beautiful weather icon from scratch.
Duration: 13:29

04 – Icon Animation
Animate your weather icon using Spline’s built-in tools and features.
Duration: 9:27

05 – Path Animation
Learn how to create and edit 3D paths using the path tool.
Duration: 9:35

06 – Waves Animation
Master wave animation techniques with the Spline 3D tool.
Duration: 15:33

07 – 3D Card with Parallax
Design a 3D card featuring a parallax effect and a glass layer for a modern touch.
Duration: 9:57

08 – Button Components
Simplify your workflow with reusable and dynamic components in Spline.
Duration: 11:41

09 – Screen Resize & Adaptive Layouts
Use breakpoints and transitions to create responsive layouts that adapt to screen size changes.
Duration: 10:43

10 – Tab Bar Animation
Design a futuristic UI: create a glass tab bar with a floating crystal button.
Duration: 21:23

11 – UI Charts and Variables
Explore how to use variables for building interactive UI elements.
Duration: 16:54

12 – Scroll Interaction and Scenes
Build scroll-based interactions and manage multiple scenes for dynamic web experiences.
Duration: 9:18

13 – Export to USDZ & Optimization
Create immersive AR experiences on iOS by exporting optimized 3D models in USDZ format.
Duration: 9:28

14 – Publish to 3D Site
Easily embed your 3D projects on websites using the native Spline Viewer (HTML component).
Duration: 3:48


Included Resources

Design Templates
Source Code for All Sections
Downloadable Video Files, ePub, and Subtitles
All Assets Included for Offline Learning


 

 

Designcode - 3D UI Interactive Web Design


Information
Members of Guests cannot leave comments.


Premium Mockups



rss