customdeign4u.de
login logout Registrieren

 

Home

Kontakt

Suche

Hilfe

Forum

Informationen zum Thema Button Design

(Aus Wikipedia, die freie Enzyklopädie)

Eine Schaltfläche beziehungsweise Taste, auch Button bezeichnet ein häufig verwendetes Element grafischer Benutzeroberflächen in einem Anwendungsprogramm. Die Schaltfläche ermöglicht dem Benutzer, eine dem Steuerelement zugeordnete Funktion auszulösen.

Inhaltsverzeichnis

    1 Bezeichnungen
    2 Visuelle Darstellung
    3 Schaltflächen in HTML
    4 Anwendungsprogramme
    5 Weblinks

1. Bezeichnungen

Die Bezeichnung Schaltfläche wird überwiegend in der Windows-Terminologie verwendet, während unter Linux und Mac OS X stattdessen die Bezeichnung Taste üblich ist. Der Ausdruck Schaltfläche ist irreführend, da ein Schalter in der Regel etwas ein- und ausschaltet (Wechsel zwischen zwei stabilen Zuständen), während eine Taste (oder ein Taster) nur einen Tastimpuls weiterleitet (die Taste wurde gedrückt und wieder losgelassen). Die überaus meisten Steuerelemente funktionieren wie eine Taste, starten einen Vorgang also auf „Druck“ (also nach dem Mausklick bzw. durch ein Tastenkürzel); echte „Schalt“elemente sind die Flip-Flop-Buttons, die „gedrückt“ arretieren – und dann meist entsprechend dargestellt sind oder die Beschriftung ändern - und bei dem zweiten Klick wieder ausrasten, oder Steuerelemente, die durch mehrere Schaltzustände weiterschalten, etwa für Textauszeichnungen in der Textverarbeitung (Fettschrift, kursiv, usw.), oder Bearbeitungsmodi in der Bildbearbeitung. In der Technik ist Schaltgerät der Oberbegriff für Taster und Schalter.

In der einschlägigen Literatur ist die englische Bezeichnung Button „(Druck-)Knopf“ verbreitet. Bei der Amiga Workbench zählen die Schaltflächen zu den „Gadgets“, dem Sammelbegriff für alle Bedienelemente (neben beispielsweise Piktogrammen/Icons).

2. Visuelle Darstellung

Das Aussehen von Schaltflächen wird in der Regel vom verwendeten Betriebssystem vorgegeben. Mit hinreichend großem Programmieraufwand lässt sich das Aussehen aber auch beliebig anpassen.

Wegen eines Wahrnehmungseffekts des menschlichen visuellen Systems erscheint eine Schaltfläche „hervorstehend (dreidimensional)“, wenn ihre obere Begrenzungslinie hell und ihre untere Begrenzungslinie dunkel ist. Im umgekehrten Fall erscheint die Schaltfläche „eingedrückt“. Dieser Effekt beruht darauf, dass das menschliche Auge es gewöhnt ist, dass Gegenstände „von oben beleuchtet“ sind. Zusätzlich können Schaltflächen in gedrücktem Zustande aufgehellt dargestellt sein, um ein Leuchten zu simulieren, oder andere Farbwechsel vollziehen. Oft erscheint der 3D-Effekt erst, wenn man mit dem Mauszeiger über die Schaltfläche fährt (Hovering), beziehungsweise sie über die Tastatur aktiviert.

Neben Schriften sind für Schaltflächen auch Icons üblich, die die Funktion der Schaltfläche versinnbildlichen.

Für Flipflops sind auch einfache gesetzte Häkchen oder Punkte üblich (Radiobuttons).

3. Schaltflächen in HTML

In HTML werden die Elemente input und button verwendet. Einfache Textverweise (a-Element, das reinen Text beinhaltet) können mittels CSS grafisch gestaltet werden, z. B. durch Zuweisung verschiedener Rahmenfarben, um einen 3D-Effekt zu simulieren. Für aufwändigere grafische Links wird auch ein a-Element, das ein img-Element enthält, verwendet.

Im World Wide Web werden Schaltflächen beispielsweise verwendet, um Formulardaten abzuschicken oder Verweise grafisch attraktiv zu gestalten.

4. Anwendungsprogramme

In Anwendungsprogrammen dienen Schaltflächen dazu, die einzelnen Steuerbefehle eines Programms anzusprechen. Sie sind in den Menüleisten (Schaltleisten) rund um – oder frei über – die Arbeitsfläche eines Fensters angeordnet.

5. Weblinks

Commons: Buttons – Sammlung von Bildern, Videos und Audiodateien
Wiktionary Wiktionary: Schaltfläche – Bedeutungserklärungen, Wortherkunft, Synonyme, Übersetzungen

    http://de.selfhtml.org/html/formulare/klickbuttons.htm
    http://www.buttongenerator.de
 

back

Unsere Linkempfehlung

 


468x60_1

 

 

 

Facebook Twitter Wordpress RSS feed

© 2011 by customdesign4u.de

CSS ist valide!

 

Geld-zurück-Garantie 100% Sicherheit Community Seite empfehlen
[Impressum] [AGB] [Vergütungsregeln] [Community Grundsätze] [Treuhandservice] [Nutzungsbedingungen] [Datenschutz] [Widerrufrecht] [Fernabsatzgesetz] [Rechtshinweise] [Links] [Linktausch]