Blog

 

Kontakt

Telefon:
+49 6151 46082-00

E-Mail:
info@capcom.de

   
Gefiltert nach CAPCom WebTeam Filter zurücksetzen

Die richtige Farbwahl

23. Februar 2023, CAPCom WebTeam - Internet Trends

 

Die Farbwahl ist ein nicht unwesentlicher Teil bei der Gestaltung einer Website oder des eigenen Firmen Logos. Soll es eher warm und fröhlich oder eher kalt und Technisch wirken? Wie viele Farben möchte ich auf meiner Website nutzen? Wie viele SOLLTE ich nutzen? Welchen Eindruck möchte ich vermitteln und welche Zielgruppe möchte ich letztendlich ansprechen? Und wie hebe ich mich von meinen Mitbewerbern ab? Dabei gibt es vieles zu beachten und dabei kommt man nicht drum herum, sich zumindest mit den Basics der Farbpsychologie zu beschäftigen.

Farbpsychologie

Hier geht es darum, was drückt die Farbe aus? Wie wirkt Sie auf den Betrachter? Die Farbpsychologie spielt für Marketing und Werbung eine wichtige Rolle. Wir reagieren auf Farben unterschiedlich, basierend auf unserem kulturellen Hintergrund, unserer Erziehung oder unserem Geschmack. Farben können unser Verhalten und auf unsere Emotionen beeinflussen. Firmen nutzen Farben gezielt, das Logo, die Webseite oder das Produkt interessant für die gewünschte Zielgruppe zu gestalten. Hier die gängigsten Farben mit den positiven Assoziationen und den negativen, wenn Sie falsch eingesetzt werden:
 

FarbePositive AssoziationNegative Assoziation
GrünNatur, Wachstum, Harmonie, Gesundheit, Wohlstand, Stabilität, Umweltbewusstsein, wirkt beruhigendHabgier, Neid, Eifersucht, Jugend (mangelnde Erfahrung)
GelbWachstum, Energie, Freundlich, Fröhlich, Spontanität, Vertraut, Jugendlich, Anregend (Signalfarbe), wärmendGefahr, Betrug, Feigheit, List. Grün stichiges Gelb steht auch für Krankheit, Verderb, Gift
OrangeSpaß, Glück, Zufriedenheit, Lebendig, Energie, Enthusiasmus, Fröhlich, Stimmungsaufhellend, KreativitätAggressionen (bei übermäßigem Einsatz)
RotLiebe, Romantik, Leidenschaft, Wut, Verspielt, Energie, Gefahr, Jugendlich, Modern, Anregend (Signalfarbe)Aggressionen (bei übermäßigem Einsatz), Gefahr, Feuer, Gewalt, Blut, Krieg, ungeeignet für naturbezogene Themen
PinkModern, Jugendlich, luxuriöser LookUnreif, Frech, kindisch
Rosaberuhigend, Sanft, Intuitiv, Einfühlsam, FemininitätUnreif, Frech, kindisch
ViolettAdel, Weisheit, Spiritualität, Mystik, Macht, Leidenschaftermüdend, distanziert
BlauTechnik, Intelligenz, Ruhe, Gelassenheit, Autorität, Konservativ, Sicherheit, VertrauenKälte, gefühllos, Appetit hemmend nicht für Lebensmittel oder Restaurants
BraunWirkt Schroff, Maskulin, Seriös, Wärme, Ernsthaftigkeit, Ehrlichkeit, Urtümlichkeit, VerlässlichkeitVeraltet, Dreckig, abgenutzt
SchwarzRoutiniert, modern, luxuriös, Eleganz, Perfektion, Kraft, Glamour, FörmlichkeitTrauer, Tod, Traurigkeit
GrauGerechtigkeit, Kompromiss, Reife, ProfessionalitätAlt, Trauer
WeißReinheit, Leichtigkeit, Unschuld, Tugend, Sauberkeit, Minimalismus, FriedenLeere, Kalt, steril

Die oben genannten Farbdefinitionen sind nicht universell. Z. B. Ein grünstichiges Gelb erweckt eher die Assoziation „Krank, Ungesund usw.“

Farbharmonien

Für Ihre Firma sind ihre Farben von großer Bedeutung, da sie nicht nur den Wiedererkennungswert steigern, sondern auch Stimmungen und Emotionen in deinen Kunden wecken. Neben der Farbbedeutung ist hier auch das harmonische Zusammenspiel der Farben besonders wichtig.

Was bedeutet Farbharmonie?
Farbharmonie bedeutet, eine möglichst ausgewogene und angenehm empfundene Zusammenstellung von Farben in einer Komposition zu erreichen.

•    Zwei im Farbkreis gegenüberliegende Farben (Komplementärfarben) ergeben einen harmonischen Zweiklang.
•    Gleichseitige oder gleichschenklige Dreiecke bilden im Farbkreis einen harmonischen Dreiklang.
•    Quadrate oder Rechtecke bilden den harmonischen Vierklang.

Bei Farbharmonien unterscheidet man auch zwischen statische und dynamische Harmonien. Als statische Harmonien bezeichnet man zum Beispiel eine Farbkombination aus verschiedenen Sättigungen eines Farbtons. Dadurch, dass die Sprünge in den Farbwerten zwischen den einzelnen Tönen sehr gering sind, wirkt diese Kombination auf das Auge undynamisch. Im Gegensatz dazu wirken Kombinationen aus verschiedenen Farben sehr dynamisch.

Aus der Masse herausstechen

Angenommen Grün ist die Farbe, die die Stärken deines Unternehmens am besten repräsentiert. Solltest du nicht vergessen, dich auch im Umfeld deiner Konkurrenz umzusehen. Ist Grün die vorherrschende Farbe in deiner Branche? Dann ist die Farbe vielleicht nicht die beste Wahl, schließlich willst du dich von deinen Konkurrenten abheben, natürlich ohne jedoch die Branchenzugehörigkeit oder Authentizität zu verlieren. Daher sollte man bei der Farbwahl darauf achten und sich in dem Fall dann eine glaubhafte Alternative suchen, die jedoch weiterhin das repräsentiert, was dein Unternehmen / deine Marke aussagen soll.

Eine Hilfe beim Ausprobieren von Farbkombinationen und testen von Farbharmonien ist zum Beispiel Adobe Color, über die sich Farbharmonien in den verschiedenen Konstellationen generieren lassen.
Letztendlich jedoch erfordert das perfekte Kombinieren von Farben ein Feingefühl für die Richtige Farbkombination, Sensibilität, Talent und Erfahrung des Designers.

 


WordPress oder TYPO3?

27. Juni 2022, CAPCom WebTeam - Internet Trends

 

Warum arbeitet die CAPCom AG nicht nur mit TYPO3 sondern auch mit WordPress? Beides sind doch bekannte CMS Systeme und sollte da nicht Eines reichen? Wie so häufig kann man nicht diesen einfachen Weg gehen, sondern muss sich mit dem Ursprung der beiden Systeme und den Zielen und Vorstellungen der Kunden beschäftigen, um das passende System auszuwählen.

Wir haben vier Punkte ausgewählt, die dabei helfen können, das richtige CMS auszuwählen.

Umfang der Website

Erster Punkt, der uns bei der Entscheidung hilft, ist der Umfang der Webseite. WordPress ist in seinem Ursprung für das Verwalten von Blog-Beiträgen gebaut worden. Es gibt in WordPress keine Unterseiten, alles landet an einer Stelle. Für Blogs, die in der Regel einmal erzeugt werden und dann eher archiviert werden, ist das eine brauchbare Lösung, man sieht die zuletzt bearbeiten Beiträge, die anderen werden nur selten benötigt. Auch für kleine Webseiten mit einem oder zwei Dutzend Seiten ist das im Backend überschaubar.

Sollen auf der Webseite mehrere Produktschienen oder Abteilungen dargestellt werden oder eine tiefergehende Struktur, dann bietet TYPO3 mit seiner fest im Backend verankerten Strukturierung eine einfachere Handhabung. Eine Unterseite wird einfach als Unterseite angelegt und der Zusammenhang für z.B. das Menü ist hergestellt. Damit sind hunderte von Seiten leicht zu managen.

Leistungsfähigkeit der Rechteverwaltung

Bei TYPO3 ist eine tiefgehende Rechteverwaltung von Hause aus integriert. Diese ist nicht nur eindimensional ausgelegt sondern kann passend zu den Wünschen des Kunden angepasst werden. Administratoren, Arbeitsgruppen, Redaktionen oder Einzelkämpfer können nicht nur auf Bereiche im Seitenbaum sondern auch funktional konfiguriert werden. Auch Frontend und Backend Benutzer werden unterschieden.

WordPress kommt mit einer einfachen und überschaubareren Menge an Berechtigungen, auch hier dem Ursprung als Blog-System geschuldet. Grob gesagt gibt es Administratoren, Redakteure und Teilnehmer. Für ein kleines Team eine völlig ausreichende Auswahl an Berechtigungen. Natürlich kann man WordPress mit Plugins um deutlich komplexere Berechtigungssysteme erweitern, wir haben uns hier aber auf die vom Grundsystem gelieferten Funktionen beschränkt.

Anzahl vordefinierter Designs

Das Design der Webseiten ist grundsätzlich unabhängig vom verwendeten CMS. Ob es um die Wiederverwendung von Komponenten oder Responsive geht, beide Systeme können das problemlos umsetzen und bieten alle notwendigen Funktionalitäten. Hier muss man heutzutage auf das CMS keine Rücksicht nehmen. WordPress bietet aber einen umfangreichen Fundus an Themes, die einen schnellen und kostengünstigen Einstieg ermöglichen.

Planbarkeit der Aktualisierungen

Beide Systeme lassen sich einfach aktualisieren und dank Open-Source ist der Zugang zu den Updates kostenfrei. Der Unterschied liegt in der Planbarkeit der Aktualisierung des laufenden Systems. WordPress verfügt über keine Roadmap. Dies macht die regelmäßige Prüfung auf Aktualisierungen unabdingbar und deren frühzeitige Planung unmöglich. TYPO3 mit dem Ziel ein Enterprise CMS zu sein, bietet hingegen hier eine Roadmap, die die Daten der zukünftigen Versionen inkl. der Supportdauer genau vorgibt und damit eine Planung von Aktualisierungen ermöglicht. Zwischengeschoben werden selbstverständlich Sicherheitsupdates, die bei beiden CMS System nach Bedarf erfolgen.

Da dies natürlich nicht alle Kriterien und Anforderungen abdeckt, beraten wir unsere Kunden individuell und entscheiden uns dann mit dem Kunden zusammen und je nach Bedürfnis für TYPO3 oder WordPress.


Wir bauen ein SMS Gateway

08. Oktober 2021, CAPCom WebTeam - Smarte Infrastruktur

 

Zur Überwachung unserer Server setzen wir seit langem auf Nagios, das die Administratoren mit Meldungen über E-Mail und SMS versorgt. Seit über 15 Jahren erfolgt das mit einem seriell an einen Steuerrechner verbundenen Mobiltelefon. Um diese technisch veraltete Lösung günstig unter Wiederverwendung der alten Softwareinfrastruktur zu aktualisieren, begann das Projekt 'Wir bauen ein SMS Gateway'.

Günstig bezieht sich hier nicht nur auf den Preis ( Rechner + 'fertiges' SMS-Gateway) sondern auch auf ökologische Werte: der PI mit HAT verbraucht viel weniger Strom und Rohstoffe.

Auf der Einkaufsliste landeten:

  • 1 x Raspberry Pi 4 Modell B Kit ( 4GB RAM, SD-Karte, Netzteil, Kühler etc)
  • 1 x SIM7600E-H 4G HAT
  • 1 x HiFiBerry Universal Case für Raspberry Pi 4 & Hats

Grundinstallation des PI

Auf die SD-Karte wird ein Raspberry Pi OS installiert oder das mitgelieferte wird verwendet. Es erfolgte eine Grundinstallation (Passwörter, SSH Remote Zugang, etc.) wobei der PI mit Maus, Tastatur und Monitor verbunden wurde - später im Betrieb braucht es das nicht. Eine passende SIM Karte wird benötigt (Standard-SIM/Klassik-SIM) und in der Halterung auf dem HAT eingebaut. Vorher ist es empfehlenswert die Nutzung der PIN auf der Karte abzuschalten, am einfachsten in einem normalen Mobiltelefon.

Case-Modding

Das Case-Modding ist notwendig um Zugang zum USB-Anschluß (HAT) zu bekommen, die Antenne nach draußen zu führen und damit der PI mit aufgeschraubtem HAT ordentlich im Case sitzt. Die Antenne bzw. das 'interne' Anschlußkabel wird an dem mit 'MAIN' [5] bezeichneten Anschluß angeschlossen.

Den HAT auf den PI stecken und schrauben, die Positionen für den USB-Anschluß[1] und den Audio-Ausgang des HAT's[2] anzeichnen und auch eine Stelle für die Antenne[3] festlegen. Das Loch für die Antenne kann man mit einem 8mm Metallbohrer erzeugen, für USB und Audio den Dremel oder die Metallfeile nach Vorarbeiten mit einem 4mm Bohrer. Natürlich vor den Arbeiten den PI mit dem HAT wieder ausbauen, um Unfälle zu vermeiden.

Konfiguration des LTE HAT

Per

sudo raspi-config

in der Konfiguration die Nutzung des Seriellen Interfaces als Konsole abschalten, aber die serielle Hardware aktiv lassen.

Wir brücken die Pins PWR und 3V3[4] damit der HAT automatisch beim Starten des PI die GSM Verbindung aufbaut.

Der LTE HAT wird mit dem mitgelieferten kurzen USB Kabel[6] mit dem PI verbunden. Es sollten dann 6 Linux devices erzeugt werden:

/dev/ttyUSB0 - GPS NEMA Port
/dev/ttyUSB1 - AT Port (das ist der Port den wir für unsere SMS-Software benötigen)
/dev/ttyUSB2 - Modem ppp-dial Port
/dev/ttyUSB3 - Audio Port
/dev/ttyUSB4 - Netzwerk Port

Ab dann sollte per minicom -D /dev/ttyUSB2 das Absetzen eines 'AT' Befehls ein 'OK' zurückliefern. Weitere Hilfestellungen gibt natürlich das Handbuch des Herstellers. Bei uns wurde dann noch gammu konfiguriert, das in unseren Scripten für das Versenden der SMS Nachrichten verwendet wird.