Anzeige
Anzeige
Listicle
Artikel merken

10 Cheat-Sheets, die jeder Designanfänger braucht

Konzentriere dich mehr auf deine Kreativität und weniger auf das Suchen nach einer bestimmten Tastenkombination. Mit diesen Cheat-Sheets sparst du dir Arbeit.

Von Jessy Kösterke
3 Min. Lesezeit
Anzeige
Anzeige

Cheat-Sheets können echte Helfer im Alltag sein. Gerade in der Anfangszeit als Designer warten viele Tools, Funktionen und Tastenkombinationen auf dich – das kann schnell zur Herausforderung werden. Damit alle Handgriffe richtig sitzen, haben wir zehn Cheat-Sheets rausgesucht. Alle Infografiken sind mit einem Klick auf das jeweilige Bild in voller Größe zu sehen.

1. Infografik Layout Cheat-Sheet

(Screenshot: pikochart.com)

(Screenshot: pikochart.com)

Anzeige
Anzeige

Eine Infografik erzählt eine Geschichte. Es sollte also ein Layout gewählt werden, das die Geschichte unterstützt. Das richtige Layout sorgt nicht nur für eine bessere Vermittlung der Geschichte, sondern auch für bessere Lesbarkeit. SeeMei Chow von Piktochart hat ein Cheat-Sheet mit den sechs meist verwendeten Layouts erstellt.

2. Social Media Cheat-Sheet

(Bild: Bannersnack)

(Bild: Bannersnack)

Stets die richtige Bildgröße in sozialen Netzwerken zu verwenden, ist Grundlage jedes erfolgreichen Social-Media-Auftritts. Denn ein abgeschnittenes oder aufgeblähtes, pixeliges Bild erweckt den Anschein von Unprofessionalität – insbesondere bei Werbeanzeigen. Wir haben bereits einen ausführlichen Artikel zu der Infografik veröffentlicht.

Anzeige
Anzeige

3. Typografie Cheat-Sheet

(Screenshot: typewolf.com)

(Screenshot: typewolf.com)

Auf Typewolf findest du eine vielfältige Übersicht für Typografie Shortcuts, die das Schreiben von ungewöhnlichen Zeichen einfacher machen. Das Cheat-Sheet beinhaltet Copy-and-Paste-Optionen, Mac- und Windows-Shortcuts, sowieso HTML Entitys.

Anzeige
Anzeige

4. Design-Grundlagen

(Screenshot: designschool.canva.com)

(Screenshot: designschool.canva.com)

Canva ist ein Designtool, mit dem jeder gestalten können soll. Auf designschool.canva.com werden regelmäßig hilfreiche Tipps rund ums Thema Design veröffentlicht – so wie die Infografik der Design-Grundlagen. Die Infografik beschreibt und illustriert die 20 wichtigsten Gestaltungsgrundlagen. Unter anderem: Grids, Tiefe, Kontrasts, Composition, Transparenz und vieles mehr.

5. 36 Grundbegriffe

(Screenshot: creativemarket.com)

(Screenshot: creativemarket.com)

Zukünftige Designer werden mit einer Menge an Begriffen konfrontiert. Wie in jedem Beruf gehören auch diese zum Standardvokabular und dienen zur Verständigung untereinander. Igor Ovsyannykov von Creative Market hat eine Infografik mit 36 gängigen Begriffen erstellt und geteilt.

Anzeige
Anzeige

6. Fotografie und Kamera Cheat-Sheet

(Screenshot: beckythompson.com)

(Screenshot: beckythompson.com)

Becky Thomosin hat auf ihrem Lifestyle-Blog eine Infografik mit den Basics der Kameraeinstellungen erstellt. Darunter sind Einstellungen für die Blende und ISO. Je nach dem, wie dein Foto am Ende aussehen soll, kannst du dich an ihrem Cheat-Sheet bedienen.

7. HTML5 Cheat-Sheet

(Screenshot: hostingfacts.com)

(Screenshot: hostingfacts.com)

Auf hostingfacts.com haben wir ein HTML5 Cheat-Sheet gefunden. Es beinhaltet alle grundlegenden Tags und ist ein perfekter Einstieg in die HTML-Welt. Neben den ganzen Tags sind auch immer Bespiele für die Verwendung dargestellt.

8. CSS3 Cheat-Sheet

(Screenshot: makeawebsitehub.com)

(Screenshot: makeawebsitehub.com)

Was wäre HTML ohne CSS? Passend zum HTML5-Cheat-Sheet haben wir auf makeawebsiteub.com ein CSS3-Cheat-Sheet gefunden. In der Grafik werden unter anderem Selectors, Positioning, Pseudo Selectors und Classes, sowieso viele weitere CSS-Elemente beispielhaft beschrieben und erläutert. Zusätzlich hat makeawebsitehub.com ein weiteres „CSS3-Mega-Cheat-Sheet“ erstellt.

Anzeige
Anzeige

9. HTML und CSS Lexikon

(Screenshot: bluehost.com)

(Screenshot: bluehost.com)

Wie auch in den Bearbeitungstools gibt es einige Basisbegriffe für die Verwendung von HTML und CSS. Die Infografik von Bluehost listet die gängigsten auf, und zeigt, wie die Snippets umgesetzt werden. Angefangen bei der Begriffserklärung von HTML, CSS, Snippets, Tags und Hyperlink, bis zur Erklärung wofür eigentlich was benutzt wird.

10. Adobe Photoshop Cheat-Sheet

(Screenshot: makeawebsitehub.com)

(Screenshot: makeawebsitehub.com)

Zu guter Letzt: Die Bedienung von Photoshop kann die ein oder andere Herausforderung mit sich bringen. Das Cheat-Sheet von makeawebsitehub.com zeigt dir, hinter welcher Tastenkombination sich welches Tools verbirgt – für Windows und Mac.

Für erfahrene Designer könnte dieser Artikel interessant sein: Cheat-Sheets für Webdesigner: Jede Menge Helfer im Überblick.

Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
Ein Kommentar
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

davisbrown562

Die ultimative HTML Cheat Sheets für Anfänger https://blog.templatetoaster.com/html-cheat-sheet

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige