3. Aufbau und Funktion eines PV-Systems

Solarmodule, Wechselrichter, Speicher, Monitoring Systemtypen: AC-/DC-Systeme, mit oder ohne Speicher Überblick: Plug & Play vs. große Dachanlagen

3. Aufbau und Funktion eines PV-Systems

Solarmodule, Wechselrichter, Speicher, Monitoring Systemtypen: AC-/DC-Systeme, mit oder ohne Speicher Überblick: Plug & Play vs. große Dachanlagen

3. Aufbau und Funktion eines PV-Systems

Solarmodule, Wechselrichter, Speicher, Monitoring Systemtypen: AC-/DC-Systeme, mit oder ohne Speicher Überblick: Plug & Play vs. große Dachanlagen

A well-designed button system ensures clarity, consistency, and accessibility, making interactions intuitive while reinforcing the visual identity of a product.

A UI button component set displayed in three rows and three columns, featuring different styles in grayscale. The top row consists of solid buttons in black and various shades of gray. The middle row contains lighter buttons with subtle backgrounds. The bottom row includes outlined buttons with different border and text contrasts. Each button is labeled “Button.”

When to use

✅ Primary actions
✅ Secondary actions
✅ Tertiary actions
✅ Destructive actions

When not to use

⛔️ For navigation
⛔️ When there’s no clear action
⛔️ Too many buttons at once

 A comparison of two navigation bar designs, with one marked as correct and the other as incorrect. The top navigation bar (marked with a green checkmark) features a logo on the left, simple text links for “Home,” “About,” and “Work” in the center, and a black button for “Contact” on the right. The bottom navigation bar (marked with a red “X”) also has a logo on the left but uses black-filled buttons for all navigation items (“Home,” “About,” “Work,” and “Contact”), making it visually heavier and less balanced.

A well-designed button system ensures clarity, consistency, and accessibility, making interactions intuitive while reinforcing the visual identity of a product.

A UI button component set displayed in three rows and three columns, featuring different styles in grayscale. The top row consists of solid buttons in black and various shades of gray. The middle row contains lighter buttons with subtle backgrounds. The bottom row includes outlined buttons with different border and text contrasts. Each button is labeled “Button.”

When to use

✅ Primary actions
✅ Secondary actions
✅ Tertiary actions
✅ Destructive actions

When not to use

⛔️ For navigation
⛔️ When there’s no clear action
⛔️ Too many buttons at once

 A comparison of two navigation bar designs, with one marked as correct and the other as incorrect. The top navigation bar (marked with a green checkmark) features a logo on the left, simple text links for “Home,” “About,” and “Work” in the center, and a black button for “Contact” on the right. The bottom navigation bar (marked with a red “X”) also has a logo on the left but uses black-filled buttons for all navigation items (“Home,” “About,” “Work,” and “Contact”), making it visually heavier and less balanced.

A well-designed button system ensures clarity, consistency, and accessibility, making interactions intuitive while reinforcing the visual identity of a product.

A UI button component set displayed in three rows and three columns, featuring different styles in grayscale. The top row consists of solid buttons in black and various shades of gray. The middle row contains lighter buttons with subtle backgrounds. The bottom row includes outlined buttons with different border and text contrasts. Each button is labeled “Button.”

When to use

✅ Primary actions
✅ Secondary actions
✅ Tertiary actions
✅ Destructive actions

When not to use

⛔️ For navigation
⛔️ When there’s no clear action
⛔️ Too many buttons at once

 A comparison of two navigation bar designs, with one marked as correct and the other as incorrect. The top navigation bar (marked with a green checkmark) features a logo on the left, simple text links for “Home,” “About,” and “Work” in the center, and a black button for “Contact” on the right. The bottom navigation bar (marked with a red “X”) also has a logo on the left but uses black-filled buttons for all navigation items (“Home,” “About,” “Work,” and “Contact”), making it visually heavier and less balanced.

Continue reading

Du willst mitgestalten?

Dein Feedback zählt, wir versuchen unsere Lernplatform ständig zu verbessern, deshalb hören wir gerne deine Meinung. Egal ob es eine Idee für neuen Lerninhalt oder ein Fehler im System ist.

Du willst mitgestalten?

Dein Feedback zählt, wir versuchen unsere Lernplatform ständig zu verbessern, deshalb hören wir gerne deine Meinung. Egal ob es eine Idee für neuen Lerninhalt oder ein Fehler im System ist.

Du willst mitgestalten?

Dein Feedback zählt, wir versuchen unsere Lernplatform ständig zu verbessern, deshalb hören wir gerne deine Meinung. Egal ob es eine Idee für neuen Lerninhalt oder ein Fehler im System ist.

©2025 Swissolar

By Swissolar

Made by 89grad

©2025 Swissolar

By Swissolar

Made by 89grad

©2025 Swissolar

By Swissolar

Made by 89grad