Knöpfe und ihre Vielfalt

Die Geschichte der Knöpfe in Bildern aus dem Designkopf von Dmitry Ukolov : Textlinks, Skeuomorphismus, Flach- und Materialdesign.


Wie alles begann


In den frühen Tagen des Internets befanden sich alle Inhalte in Textfarblinks. Später erschienen Schaltflächen, um den Übergang anzuzeigen oder eine Aktion zu starten, anklickbare Werbebanner in der Größe moderner Schaltflächen usw. Schaltflächen machten früher durch die Animation von Highlights, Gifs von Bildern, Transfusionen und Regenbogenmustern auf sich aufmerksam, aber dies betraf hauptsächlich Websites.


In den Schnittstellen verwendeten die Entwickler andere Methoden, um die Schaltfläche vom Rest des Bildschirminhalts zu trennen. Dies geschah aufgrund von Schatten oder Strichen, als die Tasten selbst neutral und sicherlich nicht auffällig blieben. Und wenn Sie immer noch Farben verwendet haben, haben Sie zufällig eine Pipette in die Farbe gesteckt.


Ich bin mir sicher, dass es dafür technologische Erklärungen gibt, aber ich bin kein technischer Spezialist und schätze es mit meinen Augen und Gefühlen.


Bild


Skeuomorphismus und Knöpfe


Es gab mehr! Knöpfe wurden immer komplizierter: Sie wurden voluminöser, in verschiedenen Farben bemalt, um die Aufmerksamkeit der Benutzer zu erregen, machten sie zu „Glas“ und entwickelten eine Form - nicht nur ein Rechteck und ein Rechteck mit runden Ecken, sondern auch abgerundete und ovale, manchmal sogar die Form eines Knopfes Es war schwierig, etwas Bestimmtes und noch viel mehr zu nennen. Skeuomorphismus und all dies beherrschten lange Zeit den Ball im Webdesign. Dank an Apple, der mobile Geräte revolutionierte und damit begann, die üblichen physischen Tools auf die mobile Oberfläche zu übertragen, damit der Benutzer nicht verloren geht. Entwickler von Anwendungen und Spielen liefen für Apple und es begann - ein Taschenrechner, Notizen, Audio-Player, DJ-Mixer usw.


Bild


Eben


. , , , . , , ! , , , , , . , , , – .


. , , , , – . . , , - - . , . , , , , . « », .


Bild
Bild


Material design


Material design, , . Google : , , « », . . Google.


Bild


Bild
«»


Bild


Bild
Material design



CTA (Call to Action)


: «», «», «» .. . , , , , ..


Bild
«» Youtube



– , . , . , , – .


Bild
lagenceversions


, ,


Bild
beaconrelief



Bild
aconstitucion.com.ar


«»


. , . .


Bild
villerdl.ca



, . .


Bild
brandlovescore


, , , . , - ?


Probieren, experimentieren, vorschlagen und erfinden!
Wie sich der Button von 2009 auf 2017 geändert hat.


Bild
Wojciech dobry


Bild
Seth Coelen


All Articles