跳到正文
cccskills

设计技能

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

按价格或排序方式筛选

Choose a design direction using criteria agreed before comparing options. Produce a decision record explaining the winner’s trade-offs, what rejected concepts tested, why they lost, and what evidence or conditions would justify reconsidering them.

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

  • Choosing one direction from several design concepts
  • Separating hard constraints from trade-offs
  • Recording rejected ideas and conditions for reconsideration
Owl-Listener/designer-skills30492026年9月6日 更新

Create a consistent text system for digital interfaces, with related font sizes, weights, line heights, and letter spacing. Set rules for headings, body text, and captions, including font choices and adjustments for mobile screens.

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

  • Defining text styles for a new product
  • Standardizing heading, body, and caption styles
  • Adjusting typography for mobile screens
Owl-Listener/designer-skills30492026年9月6日 更新

Define an illustration style guide for a product, covering shapes, linework, colors, detail, and placement. Set consistent rules for different uses, with character guidance where relevant, to support commissioning and shared production.

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

  • Preparing illustration guidelines for a commission
  • Aligning illustration styles across contributors
  • Defining illustrations for empty screens and onboarding
Owl-Listener/designer-skills30492026年9月6日 更新

Plan the content a product needs, how it is organized, and who maintains it. Review existing material, define reusable content types, establish writing guidelines, and document ownership, approval steps, and review schedules.

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

  • Reviewing existing content for gaps and duplication
  • Defining reusable content types and fields
  • Aligning writing style across a product
Owl-Listener/designer-skills30492026年9月6日 更新

Compare competing products by features and user experience, including the steps people take to complete tasks. Produce comparison tables, competitor profiles, and improvement opportunities based on strengths, friction points, and unmet needs.

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

  • Comparing competitors' features and usability
  • Reviewing complete user journeys
  • Finding unmet needs and improvement opportunities
Owl-Listener/designer-skills30492026年9月6日 更新

Plan app interfaces around iOS and Android conventions for navigation, controls, gestures, and text sizing. Compare platform differences and decide which behaviors should follow each operating system and which visual elements can stay consistent across platforms.

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

  • Comparing iOS and Android navigation patterns
  • Choosing platform-specific controls and gestures
  • Deciding what to share across app designs
Owl-Listener/designer-skills30492026年9月6日 更新

Build a product color system with light-to-dark scales, neutral colors, and roles for messages such as warnings or errors. Define usage rules and check foreground and background contrast to support accessible, consistent interfaces.

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

  • Building a color palette for a new product
  • Standardizing success, warning, and error colors
  • Checking contrast between text and backgrounds
Owl-Listener/designer-skills30492026年9月6日 更新

Design layouts that guide the eye through aligned elements and continuous paths. Apply this visual principle to forms, timelines, carousels, and step indicators, using deliberate breaks to show boundaries and changes in hierarchy.

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

  • Aligning form fields for a consistent reading path
  • Showing order in timelines and step indicators
  • Clarifying carousel and scroll directions
Owl-Listener/designer-skills30492026年9月6日 更新

Review forms, settings, and workflows to decide which complexity users should handle and which the product should absorb. Identify unnecessary effort, improve defaults, and check whether simpler screens create extra work elsewhere.

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

  • Reviewing unnecessary effort in forms
  • Balancing defaults with user control
  • Checking hidden costs of simpler screens
Owl-Listener/designer-skills30492026年9月6日 更新

Choose charts for comparisons, trends, distributions, and relationships, then design axes, labels, and visual cues. Make the data easier to read with annotations, accessible styling, and layouts that remain useful on smaller screens.

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

  • Choosing charts for comparisons and trends
  • Clarifying chart axes, labels, and annotations
  • Making charts understandable without color alone
Owl-Listener/designer-skills30492026年9月6日 更新

Design progress indicators, draft resumption, and reminders using the Zeigarnik Effect: unfinished tasks tend to stay in mind. Specify clear remaining steps, saved progress, and ways to resume without pressuring people to finish.

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

  • Designing progress displays for setup flows
  • Planning draft saving and resumption
  • Writing reminders for interrupted tasks
Owl-Listener/designer-skills30492026年9月6日 更新

Design a first-use experience that guides new users from signup to a meaningful action. Plan setup steps, contextual guidance, empty screens, and sample data, with measures for understanding where users get stuck or leave.

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

  • Planning the journey from signup to a first useful action
  • Reducing unnecessary initial setup steps
  • Designing guidance for empty screens
Owl-Listener/designer-skills30492026年9月6日 更新

Adjust body text width for comfortable reading across screen sizes. Use character counts, approximate CSS widths, and real paragraphs to tune line length for articles, documentation, and interface descriptions while accounting for font choices.

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

  • Adjusting text width in articles and documentation
  • Reviewing body text on mobile and desktop screens
  • Retuning line length after changing fonts
Owl-Listener/designer-skills30492026年9月6日 更新

Choose how detailed a prototype should be and how to build it based on the question you need to answer. Compare approaches from paper sketches to coded interactions, considering the audience, available time, and decisions the prototype will inform.

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

  • Choosing a prototype approach before building
  • Testing the riskiest design assumption first
  • Selecting prototype detail for the intended audience
Owl-Listener/designer-skills30492026年9月6日 更新

Organize forms, menus, and workflows into meaningful groups that are easier to scan, understand, and remember. Apply chunking, which combines related information into manageable units, using headings, spacing, and clear divisions.

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

  • Dividing a long form into clear sections
  • Grouping menu items by category
  • Organizing onboarding into named phases
Owl-Listener/designer-skills30492026年9月6日 更新

Create clear design principles that help a team resolve recurring disagreements. Each principle includes a rationale, examples, a counterexample, and trade-offs, with priorities that guide decisions when principles conflict.

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

  • Resolving recurring disagreements about design
  • Turning product values into decision criteria
  • Setting priorities when principles conflict
Owl-Listener/designer-skills30492026年9月6日 更新

Prepare design discussions about deadlines, scope, staffing, and stakeholder requests. Use research and metrics to explain user risks, propose alternatives, and document decisions so partners and leadership can make informed choices around shared goals.

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

  • Negotiating scope after a deadline is shortened
  • Discussing changes requested by leadership
  • Explaining the need for more design resources
Owl-Listener/designer-skills30492026年9月6日 更新

hicks-law

免费

Review screens with too many choices and suggest clearer grouping, defaults, and options revealed only when needed. Apply Hick's Law, which relates choice count to decision time, to help users navigate menus, forms, and other interfaces.

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

  • Reorganizing a crowded navigation menu
  • Splitting onboarding decisions into steps
  • Reviewing required and optional form fields
Owl-Listener/designer-skills30492026年9月6日 更新

Write clear interface text for buttons, forms, errors, empty screens, and onboarding. This skill helps explain what happened and what to do next, while keeping language consistent with the product’s voice and appropriate to each situation.

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

  • Rewrite button and form labels
  • Explain errors and the next action
  • Guide users through empty screens
Owl-Listener/designer-skills30492026年9月6日 更新

fitts-law

免费

Review button sizes and placement using Fitts's Law, which relates movement time to target size and distance. Plan touch areas and pointer controls that are easier to reach and activate, while considering spacing and accidental taps.

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

  • Review mobile button sizes and thumb reach
  • Expand tap areas around small icons
  • Place form and dialog actions within easy reach
Owl-Listener/designer-skills30492026年9月6日 更新

Write specifications for a reusable interface component, covering its parts, settings, variants, states, and behavior. Give designers and developers shared guidance on accessibility, keyboard interaction, edge cases, and appropriate use.

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

  • Specifying a new shared interface component
  • Documenting component variants and states
  • Defining keyboard and screen reader behavior
Owl-Listener/designer-skills30492026年9月6日 更新

Set up versioning rules for design files, component libraries, and shared assets. Define names, separate work in progress from approved designs, and document releases so teams can track changes and retain earlier versions.

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

  • Organizing confusing design file histories
  • Separating approved designs from work in progress
  • Setting release numbering for component libraries
Owl-Listener/designer-skills30492026年9月6日 更新

Map what people want to accomplish with a product, including practical tasks, desired feelings, and how they want others to see them. Connect these motivations to expected outcomes, current solutions, and opportunities for design improvements.

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

  • Understand motivations behind product use
  • Reconsider feature decisions around user goals
  • Find needs that current solutions do not meet
Owl-Listener/designer-skills30492026年9月6日 更新

Define shared rules for animation across a product, including duration, changes in speed, and coordination between elements. Specify reusable design values and reduced-motion behavior so teams can apply and document consistent motion throughout the interface.

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

  • Standardize animation across product components
  • Define shared duration and easing values
  • Design behavior for reduced-motion preferences
Owl-Listener/designer-skills30492026年9月6日 更新