十五
产品设计
Rendering.
产品外观设计师 / 渲染设计师
Product & rendering artist
专注于产品外观设计、
视觉渲染与概念表达,
让每件作品呈现更准确的质感与 未来感.
专注于产品外观设计、
视觉渲染与概念表达,
让每件作品呈现更准确的质感与 未来感.
从外观设计到照片级渲染,用一套完整能力把产品想法变成可落地的视觉方案。
从草图、手板到量产,把握产品的形态、比例与使用体验。
颜色、材质、工艺一体化定义,让产品质感与品牌调性统一。
影棚级灯光与材质,输出照片级产品效果图与场景图。
高精度建模还原产品细节,为渲染与结构提供可靠基础。
兼顾外观与可制造性,让设计在工程端真正落地。
产品动画与交互演示,让方案在汇报中更有说服力。
从需求沟通、设计推进到交付,流程清晰、节点可控。
效果图适配电商、画册、展示等多种场景与尺寸。
Keep your bundle size small by only importing the parts you need.
animate('.square', {
rotate: 90,
loop: true,
ease: 'inOutExpo',
});
animate('.shape', {
x: random(-100, 100),
y: random(-100, 100),
rotate: random(-180, 180),
duration: random(500, 1000),
composition: 'blend',
});
animate('.car', {
...createMotionPath('.circuit'),
});
animate(createDrawable('.circuit'), {
draw: '0 1',
});
animate('.circuit-a', {
d: morphTo('.circuit-b'),
});
animate(createDrawable('path'), {
draw: ['0 0', '0 1', '1 1'],
delay: stagger(40),
ease: 'inOut(3)',
autoplay: onScroll({ sync: true }),
});
const options = {
grid: [13, 13],
from: 'center',
};
createTimeline()
.add('.dot', {
scale: stagger([1.1, .75], options),
ease: 'inOutQuad',
}, stagger(200, options));
createDraggable('.circle', {
releaseEase: createSpring({
stiffness: 120,
damping: 6,
})
});
createTimeline()
.add('.tick', {
y: '-=6',
duration: 50,
}, stagger(10))
.add('.ticker', {
rotate: 360,
duration: 1920,
}, '<');
createScope({
mediaQueries: {
portrait: '(orientation: portrait)',
}
})
.add(({ matches }) => {
const isPortrait = matches.portrait;
createTimeline().add('.circle', {
y: isPortrait ? 0 : [-50, 50, -50],
x: isPortrait ? [-50, 50, -50] : 0,
}, stagger(100));
});