Color-Tool: So findet man passende Farbpaletten06. Februar
Eigentlich ist das Color Tool von Material.io für die Gestaltung von App-Oberflächen gedacht, die so erstellten Farbpaletten lassen sich aber auch für viele andere UI-Design-Projekte verwenden. Man wählt eine Primärfarbe (auf Wunsch auch noch eine Sekundär-Farbe) und das Color Tool schlägt dann passend abgestufte dunkle und hellere Varianten für verschiedene Design-Element vor. |
Kostenloses E-Book: So erstellt man schöne & gute Infografiken03. FebruarDas kostenlose, 110 Seiten lange E-Book „A Beginner’s guide to creating sharable infographics“ erklärt die wichtigsten Sachen, die man bei der Erstellung von guten Infografiken beachten muss. Neben zahlreichen Beispielen geht das Ebook dabei auch auf die verschiedenen Arten von Infografiken ein, und für welchen Zweck sie sich eignen. Spannend für Designer sind aber auch Tipps zu Icons und der richtigen Farbwahl: Ab dem Punkt „Designing your Infographic“ (Seite 52) wird zum Beispiel gezeigt, mit welchen Farben welche Gefühle assoziiert werden: Rot steht dabei für Leidenschaft, Romantik aber auch Wut, blau für Ruhe und Transparenz. Lila dagegen steht für Luxus und Kreativität, wie auch die diesjährige „Pantone Color of the year“ zeigt. |
Neben der gerade erst vorgestellten Schrift „Aliva“ gibt es mit Mainmia noch eine schöne Schreibschrift, die sich kostenlos herunterladen lässt. Der Font wurde von von der indonesischen Designern Faras Dina entworfen und ist sowohl für private als auch kommerzielle Projekte kostenlos nutzbar. Weiterlesen »
Mit der schönen Schreibschrift „Alivia“ hat Font-Autor Kelly Reed einen schönen Schreibschrift-Font veröffentlicht, den es bei pixelbuddha kostenlos zum Download gibt. Die Schrift kann dabei für private und auch kommerzielle Projekte oder Webseiten genutzt werden – wird sie aber für Produkte verwendet, die (physisch) verkauft werden sollen, braucht man eine erweiterte Lizenz. Weiterlesen »
Farbverlauf Generator: Farbverlauf online erstellen10. JanuarCSS Farbverlauf online erstellen Verschiedene Online-Tools erstellen ganz schnell einen schicken HTML Farbverlauf: Damit kann man zum Beispiel Buttons und andere Webseiten-Elemente mit einem Verlauf belegen. Das ist nicht nur schick, sondern erzeugt auch einen leichten 3D Effekt. Bei Farbverläufen sollte man es aber nicht übertreiben: In der Regel wirkt ein dezenter Farbverlauf mit nur zwei Farben, die ähnlich sind, am besten.
Einen ganz schnellen CSS Farbverlauf Generator (Bild oben) haben wir im Webmaster-Bereich auf Computerhilfen.de veröffentlicht: Damit lässt sich ein schneller CSS Farbverlauf für die Webseite ganz einfach online erstellen und der HTML Code dann einfach kopieren. |
Social Media Image Sizes: Wichtige Bildergrößen und -formate07. Januar
Mit dem „Social Media Image Sizes Cheat Sheet“ in der neuen 2018er Version bringt makeawebsitehub.com die wichtigsten Bilder-Größen für verschieden Social-Media-Plattformen als übersichtliches PDF zum Nachschlagen: So kann man die für Seiten wie Facebook, YouTube, Instagram oder Pinterest benötigten Bilder direkt in dem richtigen Format hochladen, damit die Fotos nicht skaliert werden. Gezeigt werden die Größen für Profilfoto, Beitragsbild oder Header-Grafik für die folgenden Plattformen:
Gefunden bei DesignerInAction.de. |
Photoshop: Praktische Tastenkombinationen04. Januar
Manche Werkzeuge haben aber verschiedene ähnliche Tools zusammen unter dem Icon versteckt: Das erkennt man an dem kleinen schwarzen Pfeil in der rechten unteren Ecke einer Werkzeug-Schaltfläche. Mit der Maus kann man eines der anderen Photoshop-Werkzeuge (zum Beispiel bei dem Lass-Tool) durch längeres anklicken wählen, mit der Tastatur wechselt man mit gedrückt gehaltener Shift-Taste zwischen den einzelnen Werkzeugen. |
Foto-Serie: Die (teilweise) vereisten Niagara-Fälle04. JanuarIlona vom boredpanda-Team hat diese beeindruckende oto-Serie über die teilweise vereisten Niagara-Fälle im Nordosten der USA, an der Grenze des Bundeststaates New York zum kanadischen Ontario, zusammengestellt. Die frostigen Fotos, die laut Ilona sehr an die Schneelandschaften aus „Die Chroniken von Narnia“ erinnern sollen, lassen sich hier bewundern.
|
Dave Sandford aus London, Ontario ist ein kanadischer Fotograph, der aus der Region der großen Seen kommt an der Grenze zwischen Kanada und den USA kommt. Laut Sandford verdankt er seinen Bildern der „Liquid Mountains“ des Erie-Sees seine Karriere als Fotograph: Die Bilder ermöglichten es ihm später, weltweit besondere Fotos an beeindruckenden Orten zu schießen.
Die Formel 1 hat ihr klassisches Logo in Rente geschickt und ein neues, moderneres Logo bekommen – trotzdem gefällt es vielen nicht, wie die Reaktionen auf Twitter zeigen. Das neue Formel 1 Logo sei zu langweilig, erinnere an einen Wasserhahn oder sei zu stark vom US-Sportsender ESPN abgekupfert, finden einige. Weiterlesen »
Neben WhatsApp, Facebook und Twitter haben auch die Betriebssystem-Hersteller Apple, Google und Microsoft eigene Emoji-Smileys, die sich allerdings teilweise sehr stark unterscheiden. Jetzt hat ein dänischer Autor die Diskussion darüber angestoßen, ob der Käse beim Burger auf das Fleisch (wie bei den Emojis von Apple, Microsoft, Twitter und Facebook) oder unter das Fleisch wie bei den neuen Google-Emojis gehört:
Und auch beim Bier-Icon verwundert das Bild von Google: Hier hat das Bierglas noch immer eine hohe Schaumkrone, obwohl das Glas mittlerweile nur noch halb voll ist. Der Vergleich der unterschiedlichen Emoji Bilder zeigt aber vor allem, das die Icons von Apple am detailliertesten gezeichnet sind – Twitter und Microsoft haben eher schlichte Symbole.
Bislang wurde bei Großbuchstaben das „ß“ immer mit doppeltem „S“, also „SS“, geschrieben: Seit gestern ist das Eszett oder „scharfe S“ in der deutschen Rechtschreibung auch offiziell als Großbuchstabe erlaubt – dafür muss man aber eine Schrift nutzen, die das Versal-ß enthält: Unter Windows 7 gibt es das große ß in Arial, Courier New, Segoe UI, Tahoma, Times New Roman und Verdana.
Unter Windows 8 und 10 enthalten außerdem die folgenden Schriften das Versal-ß: Calibri, Cambria, Candara, Consolas, Constantia und Corbel. Von den mit Mac OS X mitgelieferten Schriften unterstützt bislang nur „Geneva“ das große ß. Mit welcher Tastankombination sich das große ß schreiben lässt, zeigt dieser Artikel auf Computerhilfen.de.
Schöne Schriften mit großem ß: Die Google Fonts:
Wenn man seine Bilder schnell von senkrecht nach waagrecht drehen möchte, gibt es zahlreiche Programme: Auf dem Handy geht das in der Bildansicht oder mit dem kostenlosen Google Snapseed (für Android und iOS!), auf dem PC hilft der kostenlose Bildanzeiger „Irfanview“, der zahlreiche weitere Funktionen besitzt. Und wenn man noch mehr Bearbeitungswerkzeuge braucht, hilft Paint.NET: Ein kostenloser Ersatz für das mit Windows mitgelieferte Microsoft Paint. Und wer nur den Windows-Bildschirm drehen muss, findet hier die passenden Tastenkürzel.
Bildbearbeitung mit GIMP
Ebenfalls eine praktische, kostenlose Bildbearbeitungs-Software ist das Open-Source Tool GIMP: Die Software bietet zahlreiche leistungsfähigee Werkzeuge und Funktionen und steht, wie Paint.NET, teuren Programmen wie Adobe Photoshop in vielen Punkt nicht nach. Der große Vorteil von GIMP: Das Programm existiert als Version für Windows, macOS und Linux.
Auch hiermit lassen sich Bilder schnell drehen oder spiegeln: Dazu wählt man das zu drehende Bild aus und geht im Menü auf „Bild“ » „Transformation“. Hier lassen sich jetzt die folgenden Punkte wählen:
Möchte man das Bild um einen anderen Winkel drehen, hilft das „Drehen“-Werkzeug: Hier kann man entweder den genauen Winkel einstellen, um den das Bild gedreht werden soll, oder das Bild (oder die Auswahl) mit der Maus drehen, bis es passt.
Die „Canva Designschool“ hat 15 Design Tipps veröffentlicht: Diese kommen von der neuseeländischen Designerin Poppie Pack und stammen aus den Bereichen Typografie, Bildbearbeitung und Foto-Komposition. Die Designerin hat dabei die Tipps mit wunderschönen Beispielen illustriert, wie man an diesen vier Beispielen schon sehen kann.
» https://designschool.canva.com/blog/ (…)
Die Tipps zeigen unter anderem, wie man mit der Wahl verschiedener Schriften, der Platzierung von Text und anderen Bild-Elementen oder dem Einfärben von Hintergründen Interesse wecken und spannende Kompositionen erschaffen kann.
Um noch schneller zu arbeiten und zwischen den unterschiedlichen Design-Werkzeugen zu wechseln, ist man mit der Tastatur oft schneller als mit der Maus. Diese praktische Übersicht zeigt die Buchstaben, mit denen man in Photoshop ein neues Werkzeug auswählt.