跳到正文
cccskills

设计技能

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

按价格或排序方式筛选

pacman

免费

Create practical UI design guidelines with pixel fonts, dotted borders, and bold colors inspired by retro arcade games. Define consistent components, spacing, interaction states, and accessibility checks for designers and developers.

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

  • Planning a retro arcade-style interface
  • Standardizing pixel fonts and dotted borders
  • Reviewing keyboard controls and motion accessibility
bergside/awesome-design-skills33182026年6月28日 更新

immersive

免费

Define guidelines for an interactive, exhibit-style interface combining storytelling, animation, and game-like elements. Specify a continuous deep green background, bold white cards, typography, interaction states, and accessibility criteria to guide a consistent implementation.

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

  • Design a storytelling-led digital exhibit
  • Unify screens on a continuous deep green background
  • Specify bold cards and reactive buttons
bergside/awesome-design-skills33182026年6月28日 更新

fantasy

免费

Create UI design guidelines for a game-inspired fantasy aesthetic with bold visuals and rich colors. Specify fonts, spacing, component states, and accessibility criteria, giving designers and developers concrete rules for consistent implementation.

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

  • Defining guidelines for a fantasy-themed interface
  • Standardizing colors, fonts, and an eight-point spacing grid
  • Specifying component states and input behavior
bergside/awesome-design-skills33182026年6月28日 更新

gradient

免费

Develop UI guidelines for playful interfaces with smooth gradients and visual depth. Specify shared colors, fonts, spacing, and component states, with concrete accessibility requirements and review checklists to guide implementation.

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

  • Planning an interface with gradient-rich surfaces
  • Standardizing typography and spacing across components
  • Defining keyboard and touch accessibility checks
bergside/awesome-design-skills33182026年6月28日 更新

dramatic

免费

Create practical UI design guidelines for bold layouts, strong contrast, and theatrical visuals. Define colors, typography, component behavior, and accessibility checks so designers and developers can apply the style consistently across an interface.

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

  • Define guidelines for a bold, theatrical interface
  • Standardize colors, typography, and component states
  • Create an accessibility and design review checklist
bergside/awesome-design-skills33182026年6月28日 更新

Create UI design guidelines that combine bold colors, playful graphics, and dynamic layouts with clear structure. Use IBM Plex Mono typography and shared design values to specify component behavior, accessibility criteria, and review checklists.

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

  • Plan a distinctive UI with bold colors and graphics
  • Standardize typography and component states
  • Prepare migration guidance for inconsistent UI
bergside/awesome-design-skills33182026年6月28日 更新

pulse

免费

Create interface guidelines built around thick borders, geometric shapes, vivid colors, and expressive typography. Define spacing, component states, and quick, spring-like animations, with accessibility criteria and review checklists to guide consistent implementation.

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

  • Defining a bold, geometric interface style
  • Standardizing thick borders and orange-based colors
  • Specifying component states and responsive motion
bergside/awesome-design-skills33182026年6月28日 更新

geometric

免费

Create practical UI design guidelines using geometric shapes, clean typography, and restrained colors. Define shared values for spacing and color, component behavior, and accessibility checks so designers and engineers can build consistent interfaces.

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

  • Define rules for a clean, geometric UI
  • Standardize colors, typography, and spacing
  • Prepare an accessibility review checklist
bergside/awesome-design-skills33182026年6月28日 更新

ant

免费

Create practical design guidelines for data-heavy business web applications. Define colors, typography, spacing, component behavior, and accessibility checks so designers and engineers can apply consistent rules across screens, including loading, empty, and error states.

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

  • Define design rules for data-heavy business applications
  • Standardize component appearance and interaction states
  • Create an accessibility checklist for design reviews
bergside/awesome-design-skills33182026年6月28日 更新

Develop design guidelines for playful interfaces with soft, rounded shapes that resemble colorful clay. Define colors, typography, spacing, and component states, with accessibility criteria and a checklist for reviewing implementation.

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

  • Planning a soft, clay-like interface
  • Standardizing colors, spacing, and component states
  • Reviewing accessibility in playful UI designs
bergside/awesome-design-skills33182026年6月28日 更新

power

免费

Create design guidelines for dark interfaces with large headings and a premium visual style. Define monochrome foundations, typography, spacing, component states, and accessible interactions, giving designers and engineers concrete implementation rules.

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

  • Define a dark visual style for a premium brand
  • Standardize large headings and screen spacing
  • Review keyboard and touch interactions in dark interfaces
bergside/awesome-design-skills33182026年6月28日 更新

codex

免费

Develop guidelines for a minimal black-and-white interface led by typography. Specify pill-shaped controls, shared spacing, component states, and accessibility criteria, with photography providing color and no decorative shadows or gradients.

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

  • Planning a minimal black-and-white interface
  • Defining pill-shaped controls and image cards
  • Standardizing typography and spacing
bergside/awesome-design-skills33182026年6月28日 更新

Create practical UI guidelines for a warm, poster-inspired style with alternating cream and burnt orange sections. Define colors, typography, spacing, component behavior, and accessibility criteria so designers and developers can apply the same rules consistently.

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

  • Define a warm, poster-inspired UI style
  • Standardize colors, typography, and spacing
  • Document component states and interactions
bergside/awesome-design-skills33182026年6月28日 更新

Create practical UI design guidelines for an electronics shop using yellow and black, modern typography, and structured layouts. Define consistent component behavior, accessibility requirements, and review checklists that designers and engineers can use during implementation.

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

  • Define UI guidelines for an electronics shop
  • Standardize typography, colors, and spacing
  • Document component states and keyboard behavior
bergside/awesome-design-skills33182026年6月28日 更新

basic

免费

Develop interface design guidelines inspired by books, magazines, and reports. Organize editorial grids, typography, colors, and spacing into consistent rules, including component states and accessibility checks that designers and developers can use.

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

  • Planning an interface inspired by magazine layouts
  • Standardizing headings, body text, colors, and spacing
  • Documenting empty, loading, and error states
bergside/awesome-design-skills33182026年6月28日 更新

levels

免费

Develop interface guidelines that help users move toward a specific action with less friction. Specify visual hierarchy, clear labels, colors, spacing, and component states, with practical accessibility criteria and review checklists.

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

  • Clarify the path toward a signup or other action
  • Standardize buttons, labels, and interaction states
  • Create review criteria for an existing interface
bergside/awesome-design-skills33182026年6月28日 更新

artistic

免费

Create practical interface design guidelines with strong contrast, expressive typography, and bold colors. Define reusable visual settings, component behavior, accessibility requirements, and review checklists so designers and engineers can apply the style consistently.

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

  • Define an expressive interface style
  • Standardize colors, typography, and spacing
  • Document component states and interactions
bergside/awesome-design-skills33182026年6月28日 更新

flat

免费

Create practical guidelines for flat interfaces with vibrant colors, clean typography, and no three-dimensional effects. Define shared design values, component behavior, accessibility criteria, and review checklists to help designers and developers build consistent screens.

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

  • Defining guidelines for a flat interface
  • Standardizing colors, typography, and spacing
  • Documenting component states and keyboard behavior
bergside/awesome-design-skills33182026年6月28日 更新

Develop UI guidelines for a frosted-glass appearance using translucent layers, subtle blur, and luminous borders. Specify shared colors, component states, responsive behavior, and accessibility criteria to guide consistent implementation.

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

  • Define guidelines for frosted-glass interfaces
  • Standardize card layouts and shared colors
  • Specify component behavior across screen sizes
bergside/awesome-design-skills33182026年6月28日 更新

fiction

免费

Create UI guidelines inspired by friendly children's-book illustrations, using cream tones, bold lettering, thick outlines, and rounded shapes. Define typography, colors, spacing, component states, and accessibility checks for a consistent, playful interface.

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

  • Define a friendly, picture-book-inspired interface
  • Standardize bold outlines and rounded components
  • Document interaction and accessibility checks for playful UI
bergside/awesome-design-skills33182026年6月28日 更新

Create UI guidelines with bold borders, vivid accent colors, and warm backgrounds. Turn the visual direction into concrete typography, spacing, component behavior, and accessibility rules for implementation and review.

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

  • Define a bold interface with vivid accent colors
  • Standardize typography and spacing
  • Specify button states and interaction behavior
bergside/awesome-design-skills33182026年6月28日 更新

cosmic

免费

Develop guidelines for futuristic interfaces using dark themes, neon accents, and spatial elements. Specify shared colors, typography, spacing, component states, and accessibility checks so designers and developers can apply the style consistently.

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

  • Defining a futuristic interface style
  • Standardizing neon accents and typography
  • Documenting component interactions and accessibility
bergside/awesome-design-skills33182026年6月28日 更新

friendly

免费

Create guidelines for approachable interfaces with rounded elements, generous whitespace, and soft pastel colors. Define typography, shared colors, component states, and accessibility checks so designers and developers can apply the style consistently.

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

  • Define an approachable interface with pastel colors
  • Standardize rounded components and spacing
  • Specify loading and error states
bergside/awesome-design-skills33182026年6月28日 更新

colorful

免费

Create implementation guidelines for colorful interfaces with vivid palettes and gradients. Specify typography, spacing, component states, and accessibility checks, including readable contrast, keyboard navigation, reduced motion, and touch target sizes, to keep visual choices consistent.

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

  • Define vivid palettes and gradient usage for an interface
  • Standardize component states and spacing across colorful screens
  • Review readability, motion, and touch accessibility
bergside/awesome-design-skills33182026年6月28日 更新