跳到正文
cccskills

设计技能

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

按价格或排序方式筛选

Apply figure-ground perception, the way people distinguish a subject from its background, to layered interfaces. It guides shadows, dimming overlays, contrast, and borders so dialogs, cards, text, and selected items remain clearly distinguishable in light and dark themes.

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

  • Clarifying dialogs and their background layers
  • Making text readable over photography
  • Adjusting surface depth in dark mode
Owl-Listener/designer-skills30492026年9月6日 更新

Choose measures that connect design decisions to user experience and business outcomes. Define what each measure means, how and where to collect it, its target, review frequency, and owner so teams can assess changes consistently.

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

  • Choosing primary measures for a design improvement
  • Balancing user behavior and satisfaction measures
  • Documenting measurement methods, targets, and owners
Owl-Listener/designer-skills30492026年9月6日 更新

Organize a site's or app's content into clear categories, labels, and relationships. Create sitemaps and content models, descriptions of content types and their connections, to help teams plan navigation and check whether users can find information.

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

  • Inventory content before a site redesign
  • Review categories as content grows
  • Align navigation labels with users' vocabulary
Owl-Listener/designer-skills30492026年9月6日 更新

Map a service experience across websites, apps, physical locations, and support. Organize user actions, emotions, pain points, and information flows by phase to reveal gaps between touchpoints and help teams identify opportunities for improvement.

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

  • Reviewing experiences across digital and physical channels
  • Finding gaps across products and support
  • Aligning teams on the current service experience
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日 更新

Adapt an existing light palette into a dark interface by adjusting surface brightness, text contrast, and color saturation. Covers images, logos, accessibility checks, and automatic or manual switching between light and dark modes.

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

  • Adapting a light interface for dark mode
  • Distinguishing cards and dialogs through surface brightness
  • Reviewing text and warning colors on dark backgrounds
Owl-Listener/designer-skills30492026年9月6日 更新

Create a spacing scale from a base unit and define where each value belongs. Standardize padding, vertical and horizontal gaps, and spacing adjustments for compact data views or more spacious reading layouts.

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

  • Standardizing padding and margins across screens
  • Defining spacing rules inside components
  • Adjusting spacing for data-heavy or reading-focused views
Owl-Listener/designer-skills30492026年9月6日 更新

Define a page layout grid with columns, gaps, outer margins, and rules for different screen widths. Plan card layouts, sidebars, and content containers, and document the specifications developers need to keep pages consistent.

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

  • Defining page grids for mobile, tablet, and desktop
  • Planning card layouts that adapt to screen width
  • Arranging a sidebar beside main content
Owl-Listener/designer-skills30492026年9月6日 更新

Use shared colors, shapes, sizes, and styles to show which interface elements belong together, even across a page. Establish consistent visual rules for controls, categories, and charts, with additional cues so meaning does not depend on color alone.

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

  • Showing relationships between elements that are far apart
  • Standardizing the appearance of buttons and icons
  • Keeping category colors consistent across charts
Owl-Listener/designer-skills30492026年9月6日 更新

Specify a single interface interaction for engineering handoff, such as a toggle or swipe action. Define its trigger, behavior, feedback, timing, repetition, and accessibility considerations so the intended response is clear.

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

  • Specifying toggle state animations
  • Defining pull-to-refresh progress feedback
  • Documenting inline form validation
Owl-Listener/designer-skills30492026年9月6日 更新

Develop several solutions to the same problem by varying user steps, starting points, or decisions shared with the system. Keep concepts equally detailed so teams can explore meaningful alternatives before refining a single direction.

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

  • Explore alternatives before refining the first idea
  • Compare different sequences of user actions
  • Explore how people and systems share decisions
Owl-Listener/designer-skills30492026年9月6日 更新

Design the most emotionally intense moment and the ending of a user journey, which shape how people remember it. Apply this approach to purchase confirmations, first results, milestones, and recovery after errors.

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

  • Improving purchase confirmations and next-step guidance
  • Ending onboarding with a meaningful first result
  • Designing reassuring recovery after errors
Owl-Listener/designer-skills30492026年9月6日 更新

Compose interfaces so people notice key content and actions first. Use text size, weight, color, spacing, position, and grouping to establish clear levels of importance and make pages easier to scan.

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

  • Making a page’s main action stand out
  • Organizing information within cards
  • Setting priorities for form labels and messages
Owl-Listener/designer-skills30492026年9月6日 更新

Define a screen’s structure before visual design by organizing content priorities, component placement, and behavior notes. Create wireframe specifications that cover different screen sizes, content requirements, and states such as loading or errors.

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

  • Planning page structure before visual design
  • Documenting button behavior and screen states
  • Defining layouts for different screen sizes
Owl-Listener/designer-skills30492026年9月6日 更新

Map how people move through a product to complete a task. Create diagrams covering screens, actions, decisions, error recovery, and background processes so the paths through a feature are clear.

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

  • Mapping screen paths for a new feature
  • Defining error recovery paths
  • Documenting branches based on user choices
Owl-Listener/designer-skills30492026年9月6日 更新

Design navigation that fits a product’s structure and user tasks. Choose tabs, sidebars, menus, and breadcrumbs, then define clear labels and selected states so people understand where they are and how to move between sections.

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

  • Choosing navigation for a mobile app
  • Organizing navigation in a complex desktop app
  • Showing location within a deep page hierarchy
Owl-Listener/designer-skills30492026年9月6日 更新

Group related interface elements with shared backgrounds, borders, or containers. Apply the Law of Common Region, a visual grouping principle, to clarify cards, forms, and panels while avoiding unnecessary borders and excessive nesting.

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

  • Clarifying groups in compact layouts
  • Organizing sections within long forms
  • Reviewing excessive cards and nested containers
Owl-Listener/designer-skills30492026年9月6日 更新

Apply closure, the tendency to mentally complete partial shapes, to simplify icons and interface boundaries. Use spacing, alignment, and partial lines to convey structure, while identifying where full borders remain necessary.

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

  • Reducing borders while keeping sections clear
  • Simplifying icons without losing recognition
  • Conveying layout structure through spacing and alignment
Owl-Listener/designer-skills30492026年9月6日 更新

Review interfaces against Nielsen's ten usability principles and relevant domain criteria without recruiting participants. Document where problems occur, rate their severity from zero to four, and suggest improvements so teams can prioritize fixes before user testing.

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

  • Finding usability issues before release
  • Reviewing interfaces before recruiting test participants
  • Checking flows for new and experienced users
Owl-Listener/designer-skills30492026年9月6日 更新

Review menus, lists, and guided steps using the tendency to remember the first and last items best. Place important information where it is more likely to be recalled, and distinguish essential items that must remain in the middle.

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

  • Reordering navigation to surface important destinations
  • Arranging curated lists around priority choices
  • Planning memorable openings and endings for onboarding
Owl-Listener/designer-skills30492026年9月6日 更新

Write a design brief for a specific project, defining the problem, audience, constraints, and success criteria. Bring together scope, research inputs, deliverables, and milestones so stakeholders can agree on the direction before work begins.

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

  • Preparing a design brief at project kickoff
  • Aligning stakeholders on the problem and audience
  • Defining measurable success criteria
Owl-Listener/designer-skills30492026年9月6日 更新

Design loading experiences that show users what is happening while content arrives. Choose placeholders, progress indicators, gradual content display, or immediate previews of expected results, with transitions and failure handling suited to the wait.

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

  • Designing placeholders for content-heavy screens
  • Choosing indicators for different waiting times
  • Showing an action's expected result before server confirmation
Owl-Listener/designer-skills30492026年9月6日 更新

Review interfaces that work correctly but feel impersonal. Starting with the user's emotional state, it suggests changes to wording, motion, and response timing so loading, errors, onboarding, and success feel more considerate and appropriate.

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

  • Rewriting error messages with a clear next step
  • Adjusting loading messages and motion
  • Acknowledging small successes in an interface
Owl-Listener/designer-skills30492026年9月6日 更新

Evaluate interface decisions against patterns users already know from other products. Identify strong expectations, assess the learning cost of changing familiar interactions, and determine when a different approach is justified by the task or user testing.

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

  • Review whether a new interaction needs a familiar pattern
  • Compare conventions across similar products
  • Assess the learning cost of an unfamiliar interface
Owl-Listener/designer-skills30492026年9月6日 更新