跳到正文
cccskills

设计技能

UI/UX、标志、幻灯片、图像生成(7361 个)

按价格或排序方式筛选

Design a dark monochrome interface around an exploded 3D wireframe, an outline view of separated parts. Coordinate annotations, connector lines, typography, and small metric displays to explain product structures or system states.

中文简介正在准备中。当前显示英语简介。

  • Designing a product teardown interface
  • Creating a system diagnostics dashboard
  • Presenting structural specifications with annotations
MengTo/Skills69352026年10月18日 更新

Add word-by-word reveal animations to headlines and short copy, with each word fading in and rising once as it enters view. Includes implementation examples that account for screen readers, reduced motion, and disabled JavaScript.

中文简介正在准备中。当前显示英语简介。

  • Animating portfolio headlines
  • Revealing hero copy as it enters view
  • Adding subtle motion to section introductions
MengTo/Skills69352026年10月18日 更新

Choose a visual direction for landing pages using WebGL, a browser graphics technology. Balance brand style with readable copy, clear calls to action, mobile performance, accessibility, and implementation effort, then define fallbacks and build priorities.

中文简介正在准备中。当前显示英语简介。

  • Choosing a visual direction for a WebGL landing page
  • Planning a launch page around a 3D product model
  • Improving mobile performance and reducing motion
MengTo/Skills69352026年10月18日 更新

Create web controls that resemble physical materials using gradients, layered shadows, reflective edges, and subtle texture. The skill covers raised and pressed states, plus embossed labels and icons for buttons, cards, switches, and other controls.

中文简介正在准备中。当前显示英语简介。

  • Give buttons a physical pressed appearance
  • Add depth to cards and panels
  • Style controls with plastic or metal surfaces
MengTo/Skills69352026年10月18日 更新

Give navigation, controls, and feature cards a consistent icon style using Iconify Solar Duotone Bold. It guides icon sizing, clear labels, two-tone opacity, and contrast so icons fit the surrounding interface.

中文简介正在准备中。当前显示英语简介。

  • Unify icons across navigation elements
  • Pair control icons with clear labels
  • Align icon sizes in feature cards
MengTo/Skills69352026年10月18日 更新

Design a two-panel page that gives visuals and supporting information distinct roles. This skill guides framing, spacing, typography, compact labels, and responsive stacking for product pages, portfolios, showcases, and technical presentations.

中文简介正在准备中。当前显示英语简介。

  • Product pages pairing visuals with specifications
  • Portfolios with separate artwork and commentary
  • Concept presentations with a technical visual style
MengTo/Skills69352026年10月18日 更新

Transform an article, case study, or brand story into a connected scrolling page. Choose scroll-controlled video, a real-time Three.js scene, or HTML with charts and typography, then organize the narrative into five to seven clear stages.

中文简介正在准备中。当前显示英语简介。

  • Turn a long article into a visual scrolling journey
  • Present a product story through a connected 3D scene
  • Explain report findings with scrolling charts and text
MengTo/Skills69352026年10月18日 更新

Design a dark interface with matte-black surfaces, emerald accents, framed cards, and restrained glow. Apply consistent styling across navigation, typography, charts, and motion to create a calm, technical dashboard.

中文简介正在准备中。当前显示英语简介。

  • Designing a dark analytics dashboard
  • Unifying cards and navigation styles
  • Highlighting status and chart data in green
MengTo/Skills69352026年10月18日 更新

Build a globe-like 3D visual in Three.js, a library for browser graphics. Combine a dense sphere of glowing particles with a thin orbital ring, then adjust color, density, tilt, and gentle motion.

中文简介正在准备中。当前显示英语简介。

  • Adding a planetary particle visual to a website
  • Creating a data-globe effect for an infrastructure service
  • Matching orbital ring colors to a brand
MengTo/Skills69352026年10月18日 更新

Design enterprise AI and automation product pages that explain permissions, approvals, audit records, and recovery from failures. Organize verified metrics and case studies, accessible workflow details, and demo or waitlist forms that clarify what happens next.

中文简介正在准备中。当前显示英语简介。

  • Redesigning an enterprise AI product page
  • Explaining permissions and approval workflows
  • Presenting verified security controls and case studies
MengTo/Skills69352026年10月18日 更新

Create or redesign SaaS and AI landing pages around real interfaces and clearly labeled demos. Explains workflows, user control, pricing limits, and FAQ answers so visitors can understand the product and compare plans.

中文简介正在准备中。当前显示英语简介。

  • Redesign a SaaS landing page around its actual interface
  • Show an AI workflow from input to output
  • Clarify pricing limits and related FAQ answers
MengTo/Skills69352026年10月18日 更新

Add subtle two-digit number markers to process steps, feature groups, cards, or editorial sections. Use consistent placement, spacing, and understated typography to provide visual structure while keeping headings and calls to action prominent.

中文简介正在准备中。当前显示英语简介。

  • Add subtle numbers to process steps
  • Give feature cards consistent corner markers
  • Place number markers beside section headings
MengTo/Skills69352026年10月18日 更新

Create agency, studio, architecture, or portfolio websites using oversized typography, black-and-white sections, and documentary photography. Arrange project stories and irregular image collages alongside menus and FAQs designed for keyboard, touch, and reduced-motion use.

中文简介正在准备中。当前显示英语简介。

  • Redesigning an agency or architecture studio website
  • Presenting project processes through photo collages
  • Organizing work and philosophy into contrasting sections
MengTo/Skills69352026年10月18日 更新

Design a clean agency-style page using nested containers: a light outer frame, dark inset sections, and rounded inner cards. Coordinate pricing, service groups, and action areas through clear hierarchy, generous spacing, and restrained accent colors.

中文简介正在准备中。当前显示英语简介。

  • Designing a clean agency or service introduction page
  • Highlighting pricing inside a dark inset section
  • Organizing service groups with nested cards
MengTo/Skills69352026年10月18日 更新

Design a calm, dark workspace with frosted glass panels, multiple columns, and floating information cards. Coordinate navigation, framing, spacing, background depth, and subtle motion into a consistent interface that stacks cleanly on smaller screens.

中文简介正在准备中。当前显示英语简介。

  • Designing a dark dashboard or workspace
  • Arranging navigation and sidebars around a central view
  • Unifying glass panels, buttons, and information cards
MengTo/Skills69352026年10月18日 更新

Structure a page with a centered outer frame and inset inner sections. Use visible boundaries, corner markers, backgrounds, borders, and rounded corners to distinguish content levels while keeping spacing consistent and text readable.

中文简介正在准备中。当前显示英语简介。

  • Establishing visible boundaries for a page
  • Separating hero, feature, proof, and CTA sections
  • Aligning inset spacing across content blocks
MengTo/Skills69352026年10月18日 更新

Build consistent rows and grids of brand logos using Iconify Simple Icons. Place marks in 64×64 visual boxes, adjust their size and alignment, and add accessible labels where needed for integration lists, partners, or tool badges.

中文简介正在准备中。当前显示英语简介。

  • Displaying logos in an integrations grid
  • Aligning customer and partner logos
  • Giving tool badges a consistent appearance
MengTo/Skills69352026年10月18日 更新

Design appointment-based service websites with calm photography, spacious layouts, and clear treatment comparisons. Carry the same visual style through location, practitioner, and time selection, including booking confirmation, validation errors, retries, and preserved choices.

中文简介正在准备中。当前显示英语简介。

  • Creating or redesigning a salon or spa website
  • Presenting treatments with prices and durations
  • Designing booking steps for locations, practitioners, and times
MengTo/Skills69352026年10月18日 更新

Create fluid animations where rounded shapes merge as they approach and separate as they move apart. SVG filters combine blur with a cutoff effect to form soft, connected shapes for backgrounds, loaders, or cursor effects.

中文简介正在准备中。当前显示英语简介。

  • Adding fluid shapes to a page background
  • Creating a merging-blob loading indicator
  • Building a soft cursor effect
MengTo/Skills69352026年10月18日 更新

Create buttons, cards, and panels with diagonally cut corners. It provides CSS shapes, border treatments, and sizing guidance to keep the geometry consistent while preserving readable labels, usable touch targets, and visible keyboard focus.

中文简介正在准备中。当前显示英语简介。

  • Creating sci-fi-style controls
  • Unifying diagonal corners across cards and panels
  • Adding gradient borders to clipped shapes
MengTo/Skills69352026年10月18日 更新

Create thin laser beams that meet at a bright corner or edge junction, surrounded by soft haze. Adjust beam angles, accent colors, glow, and subtle motion to build a spatial composition for an interface.

中文简介正在准备中。当前显示英语简介。

  • Adding laser beams along a screen corner
  • Creating a glowing portal seam
  • Matching laser effects to an interface accent color
MengTo/Skills69352026年10月18日 更新

Design a dark navy interface with bold cobalt feature blocks, readable white text, thin framing lines, and localized blue glow. Apply a consistent visual direction to hero banners, action cards, navigation, link groups, and footer areas.

中文简介正在准备中。当前显示英语简介。

  • Unifying a dark website around deep navy and cobalt
  • Highlighting a hero banner or action area with blue gradients
  • Organizing link groups with thin frames and numeric labels
MengTo/Skills69352026年10月18日 更新

Design a dark interface with purple accents, layered rounded containers, and precise borders. Apply a consistent visual direction to cards, search bars, navigation, and motion, with playful futuristic objects as focal points.

中文简介正在准备中。当前显示英语简介。

  • Designing a futuristic talent platform
  • Unifying cards, search bars, and navigation
  • Adding purple lighting and animated focal objects
MengTo/Skills69352026年10月18日 更新

Create landing pages that unfold as visitors scroll, using Lenis and GSAP ScrollTrigger. Combine sequential text reveals, layered sticky cards, backgrounds moving at different speeds, and loading transitions, with reduced-motion and mobile fallbacks.

中文简介正在准备中。当前显示英语简介。

  • Create a landing page that unfolds section by section
  • Present portfolio projects as layered sticky cards
  • Reveal headlines and backgrounds as visitors scroll
MengTo/Skills69352026年10月18日 更新