Wesentliche Designtrends, Februar 2017
Eine interessante visuelle Präsenz über der Schriftrolle ist der erste Eindruck, den ein Benutzer von einer Website erhält. Ob dieser Benutzer weiterhin klickt, kann von einer Reihe von Dingen abhängen, einschließlich Bildmaterial, Lesbarkeit und allgemeinem Interesse an dem Inhalt.
Diesen Monat schauen wir uns drei Trends an, die einen ersten Eindruck hinterlassen: dunkle Farbüberlagerungen auf Bildern, Brutalismus und hohle Beschriftungsstile. Hier ist, was in diesem Monat im Design Trend ist:
1) Dunkle Überlagerung von Bildern
Es spielt keine Rolle, ob das Heldenbild stillsteht oder sich bewegt, eine dunkle Farbüberlagerung kann sogar Farben auf eine Weise helfen, die es einfacher macht, Text und andere Elemente zu einer Ebene über dem Bild hinzuzufügen. Während dies zunächst wie eine Abkürzung klingen mag, gibt es bei dieser Technik einen großen Wert.
Der Hauptgrund für die Farbüberlagerung ist die Lesbarkeit. Die meisten Bilder enthalten helle und dunkle Farbabweichungen, so dass es eine Herausforderung ist, Beschriftungen hinzuzufügen, die auf jedem Gerät lesbar sind. Selbst wenn es eine perfekte Platzierung für Desktop-Breitbildschirme gibt, kann dieselbe Kombination aus Bild und Text auf einem mobilen Bildschirm nicht entziffern.
Hier hilft eine Farbüberlagerung. Die halbtransparente Farbwäsche über einem Bild oder Video sollte den Kontrast verstärken. Dann hat weißer oder heller Schriftzug einen Platz und bleibt lesbar.
Dunkle Farbüberlagerungen sind auch aus anderen Gründen visuell interessant. Bleib nicht in der Falle stecken, dass dunkel schwarz oder grau ist. Ein dunkles Overlay kann eine beliebige Farbe haben, z. B. das unten von Internetum verwendete Grün. Eine lustige oder ungewöhnliche Farbwahl kann dazu beitragen, Benutzer in das Design einzubeziehen.
Ein dunkles Overlay kann noch etwas anderes tun: Es kann dazu beitragen, ein Bild oder Video zu tarnen, das nicht im Vordergrund des Designs stehen soll. Das könnte daran liegen, dass das Bild ein wenig alt ist, ein wenig weich in Bezug auf die Zusammensetzung oder nur etwas, das ein wenig flach fällt. Ein Farb-Overlay kann die Stimmung des Bildes verändern, es etwas weniger hervorheben und das Design mehr auf andere Inhalte wie Text, Call-to-Action-Buttons oder andere grafische Elemente konzentrieren.
Overlays können sehr dunkel sein, wie zum Beispiel Digital Werk oder sie können eine subtile Verdunkelung in der Art von Lytton Living darstellen. Sie wissen, dass Sie das richtige Gleichgewicht haben, wenn Sie das Bild noch sehen können und alle geschichteten Elemente leicht zu lesen sind.
2. Brutalismus
Hässlich. Harsch. Scharf. Beschäftigt.
Dies sind nur einige der Wörter, die einige verwendet haben, um den Designtrend Brutalismus zu beschreiben. Aber nur weil ein Designer mit Brutalismus experimentiert, heißt das nicht, dass das Design ein heißes Durcheinander ist. Es ist genau das Gegenteil.
Dieser Stil verwendet einen anderen Stil und eine andere Sensibilität, die Dinge beinhaltet, die Sie sehen und Dinge, die Sie nicht sehen können. Ben McNicholl hat es in einem Post für diese Art beschrieben Envato "Brutalismus" kommt aus dem französischen Wort für "roh", also denken Sie daran, wenn Sie Ihren Code schreiben.
"Eine Website muss keine Horrorshow von ungeordneten Bildern und kollidierenden Schriftfarben sein; Die Art, wie der Code geschrieben wurde, ist auch symbolisch für den Stil. Eingebettetes CSS, entpackter Code, HTML-Tabellen, die Liste geht weiter. "
Es gibt genug Beispiele für Brutalismus, dass es ein Ganzes gibt Website-Galerie widmet sich diesen Designs. In der Einleitung bezieht sich die Website auf Brutalismus auf diese Weise: "Brutalismus kann in seiner Robustheit und mangelnden Sorge, bequem oder einfach auszusehen, als Reaktion einer jüngeren Generation auf die Leichtigkeit, den Optimismus und die Frivolität des heutigen Webdesigns gesehen werden. "
Was an Brutalismus besonders interessant ist, ist, dass das Design sich von all den flachen und minimalen Stilen, die so weit verbreitet waren, unterscheidet. Wenn Sie auf eines dieser Designs stoßen, können Sie nicht anders, als innezuhalten, zu schauen und zu erkunden. Ob Sie es für schön oder hässlich halten oder etwas dazwischen, das ist das ultimative Ziel jedes Website-Designs.
3. hohle beschriftung
Briefe mit interessanten Füllungen beginnen überall aufzutauchen. Interessant an diesem Trend ist, dass er zwei deutlich unterschiedliche Looks hat:
- Hohle Schrift über einem Bild oder farbigen Hintergrund, wie C & C Coffee.
- Beschriftung gefüllt mit einem Bild auf einem einfachen Hintergrund, wie z. B. The London Loom, mit einer alternativen Version, in der Sie das Bild fast mit einem Hintergrund mit subtiler Transparenz sehen können, wie z. B. Meine Mutter vor mir.
Während dieser Trend viele visuelle Auswirkungen hat und sehr viel Spaß macht, kann es etwas schwierig sein, ihn auszuführen.
Wenn es um hohle Schriftzüge über einem Foto geht, gibt es nicht immer so viele Schriftoptionen, und Designer können sich mit den gleichen wenigen Schriftarten festsetzen. Dies ist keine ideale Situation für Webprojekte überhaupt. Für Nicht-Web-Projekte, bei denen Sie sich keine Gedanken über die Integration und das Rendering von Schriften machen müssen, gibt es mehr Flexibilität.
Wenn es um gefüllte Schriften geht, ist der Trick, dass es funktioniert, dass die Bilder in den Buchstaben erkennbar sein müssen. Wenn Benutzer nicht erkennen können, um welches Bild es sich handelt, ist das Design nicht effektiv. Um hier Abhilfe zu schaffen, entscheiden sich die meisten Designer für dicke Blockbuchstaben, sodass mehr Platz für Bilder vorhanden ist. Bilder sind oft abstrakter oder Textilien oder Landschaften, weil das menschliche Gehirn dazu neigt, die Lücken des Bildes zu füllen, und es funktioniert immer noch für sie. Es ist viel schwieriger, Bilder mit Gesichtern oder Objekten zu verwenden, die Sie auf bestimmte Weise sehen müssen, da sie perfekt in Zeichen positioniert sein müssen.
Obwohl beide etwas anspruchsvoll sind, können beide Beschriftungsstile visuell interessant und unterhaltsam sein.
Fazit
Im Gegensatz zu einigen anderen Trends, bei denen Sie kleine Änderungen implementieren können, bieten diese drei Optionen einen größeren Stilwechsel. Können Sie sich vorstellen, dass Sie eines von ihnen in zukünftigen Projekten verwenden?
Welche Trends liebst du gerade (oder hasst)? Ich würde gerne einige der Websites sehen, die Sie fasziniert sind. Schreibe mir einen Link auf Twitter; Ich würde gerne von dir hören.