Webdesign Tutorials

Folge uns auf Twitter

Folge uns auf Twitter

Es lohnt sich, Ahadesign aufTwitterzu folgen, um keine Neuigkeiten zu Bildbearbeitung, Webdesign Tutorials, Reviews, Testberichte, News, Downloads und Verlosungen zu verpassen. Wer Twitter nicht mag oder eine zusätzliche Möglichkeit sucht, um immer auf dem neuesten Stand zu sein, kann auch gerne denAhadesign-RSS-Feedkostenfrei abonnieren.

SeedingUp | Digital Content Marketing


Webdesign

Hier finden Sie Tutorials zum Thema Webdesign!

ahadesign webdesign tutorialsVeröffentlichen Sie Ihre eigenen Tutorials bei Ahadesign. Nach einer kurzen Kontaktaufnahme erhalten Sie alle nötigen Informationen, um Ihr Werk hier präsentieren zu können.

Skeuomorphismus, Flat Design und der zunehmende Einsatz von Type Design!

Ahadesign Tutorials

typedesignSci-fi-Bücher, Filme und Formate sagen oft sehr genau die Zukunft voraus. Von Kundenkarten über Videochats bis zur Mondlandung, sind die zu findenden UI-Designs, welche man aus Star Trek kennt, voll im Trend. So leitet Michael Abehsera seinen Bericht im englischen Originalartikel zum Type Design bei unserem Partner Toptal.com ein. Wir machen seine Ausführungen hier auch dem deutschsprachigen Publikum zugänglich.

Weiterlesen: Skeuomorphismus, Flat Design und der zunehmende Einsatz von Type Design!

Page Speed 101: Grundsätzliches für mobile UI-Designer!

Ahadesign Tutorials

pagespeed40 Prozent der Besucher verlassen eine Website, wenn sie mehr als drei Sekunden lädt. Seit dem Einzug von responsivem Webdesign erwarten die Besucher jedoch eine vernünftige Performance und Sites, die auf ihrem Gerät perfekt funktionieren. Die Besucher wünschen eine einfache Navigation und ein intuitives Design sowie eine Ladezeit von unter einer Sekunde. Damit ist eine große Hürde gelegt, welche aber jeder Designer mit den richtigen Optimierungen in den Griff bekommen kann. Nachfolgend werden alle Tipps und Tricks aus dem englischen Original-Artikel unseres US-Partners Toptal.com gezeigt, welche die Geschwindigkeit von mobilen Websites verbessern helfen.

Weiterlesen: Page Speed 101: Grundsätzliches für mobile UI-Designer!

Heuristische Analyse für UX - Beurteilung der Benutzererfahrung!

Ahadesign Tutorials

benutzerbeurteilungDesign ist eine lohnende Anlage, nicht ein unerwünschter Kostenfaktor. Eine altbekannte Weisheit ist: "Es reicht nicht, ein Produkt nur gut aussehen zu lassen, es muss auch gut zu verwenden sein". Das beste Return of Investment (ROI) bzw. der größtmögliche Nutzen aus einer Investition sind nur durch eine einfache Benutzbarkeit für den Anwender erreichbar. Mit diesem Vorwort startet der UX-Designer Miklos Philips seinen Bericht im englischen Original bei unserem US-Partner Toptal.com zu den Möglichkeiten der Überprüfung und Verbesserung der Usability. Nachfolgend ist der gesamte Artikel in deutscher Sprache zu lesen.

Weiterlesen: Heuristische Analyse für UX - Beurteilung der Benutzererfahrung!

7 einfache Mikrointeraktionen zur Verbesserung von Prototypen!

Ahadesign Tutorials

framer-tutorialIn diesem Framer-Tutorial geht es um das Erstellen von Mikrointeraktionen und animierten Übergängen. Anhand von sieben Beispielen werden nützliche Interaktionen für Prototypen erstellt. Das im englischen Original bei Toptal.com erschienene Framer-Tutorial über Mikrointeraktionen stammt von dem Designer Wojciech Dobry und soll hier auch dem deutschsprachigen Publikum zugänglich gemacht werden.

Weiterlesen: 7 einfache Mikrointeraktionen zur Verbesserung von Prototypen!

Techniken und Praxisbeispiele zu responsive Webdesign!

Ahadesign Tutorials

responsive-webdesign-buchcoverIn der heutigen Zeit gehört es zum guten Ton, Websites für möglichst alle Endgeräte zu entwickeln. Nicht nur das Layout und Navigationen sollten überall funktionieren. Auch Inhalte wie Bilder, Videos, Schriften und mehr, sollten sowohl auf Desktops, wie auch auf Mobilgeräten richtig eingebracht werden und nichtzuletzt soll auch noch alles barrierearm und performant umgesetzt sein. Wie man dabei vorgehen sollte, zeigt das aktuelle Standardwerk für Profi-Entwickler vom Rheinwerk-Verlag mit dem Titel Responsive Webdesign - Konzepte, Techniken, Praxisbeispiele und hier wird gezeigt, was das bereits in der dritten Auflage erschienene Buch tatsächlich zu bieten hat.

Weiterlesen: Techniken und Praxisbeispiele zu responsive Webdesign!

Digitale Lösungen für Internetpräsenzen!

Ahadesign Tutorials

online-marketingFür die erfolgreiche Vermarktung eines Produktes oder einer Dienstleistung ist ein gut durchdachter Internet-Auftritt Pflicht. Dieser umfasst längst mehr, als eine barrierearme und für Suchmaschinen optimierte Website. Auch der Einsatz von Online-Werbung oder der Umgang mit Social Media will gründlich überlegt sein.

Weiterlesen: Digitale Lösungen für Internetpräsenzen!

19 Tipps zur Erstellung eines perfekten Online-Portfolios!

Ahadesign Tutorials

aha-portfolio-logoDer beste Weg einen Job als Designer zu finden, ist es, ein hochwertiges Online-Portfolio zu erstellen. In diesem Portfolio könnt ihr eure Projekte mit Beschreibungen veröffentlichen und dadurch neue Kunden gewinnen. Für jeden Designer ist ein eigenes Portfolio ein Muss. Und wenn ihr vorhabt, ein Portfolio zu erstellen, stellt euch bitte die folgenden Fragen. Wie viel Zeit werdet ihr für euer Online-Portfolio aufwenden? Welche Projekte sind die besten? Aber man kann sicherlich sagen, dass jedes Online-Portfolio verbessert werden kann. Es gibt nichts Wichtigeres, als die besten von euren Projekten in einer attraktiven Art und Weise vorzustellen. Dieser Artikel wurde speziell dafür geschrieben, damit ihr ein erfolgreiches Online-Portfolio erstellen könnt. Im Folgenden findet ihr 19 Tipps zur Erstellung eines erstklassigen Online-Portfolios.

Weiterlesen: 19 Tipps zur Erstellung eines perfekten Online-Portfolios!

GZip-Komprimierung und Browser-Caching unter Plesk!

Ahadesign Tutorial

komprimierung-plesk-apache-nginxMit gezielten Server-Optimierungen lässt sich die Geschwindigkeit von Websites enorm steigern. Ein guter Weg ist die Komprimierung durch Apache-Module, welche in der Datei htaccess definiert werden. Das klappt aber nicht auf jedem System. Wie es unter Apache und nginx funktioniert, zeigt nachfolgendes Beispiel anhand eines V-Servers und der Verwaltungsoberfläche Plesk.

Weiterlesen: GZip-Komprimierung und Browser-Caching unter Plesk!

X-Powerd-By Header aus Sicherheitsgründen entfernen!

Ahadesign Tutorials

serverphpBekanntermaßen werden über den PHP-Header HTTP-Informationen gesendet. Darunter auch X-Powered-By, worüber Informationen über das verwendete System anzeigt werden. Diese Ausgabe ist normalerweise nicht nötig und kann sogar gefährlich sein, weil Hacker solche Informationen eventuell für einen Angriff ausnutzen könnten. Je nach System gibt es unterschiedliche Wege, X-Powered-By zu entfernen.

Weiterlesen: X-Powerd-By Header aus Sicherheitsgründen entfernen!

File Limit für MySQL Datenbanken erhöhen!

Ahadesign Tutorials

mysqlfilelimit-service.jpgVor allem wenn ein neuer Server in Betrieb genommen wird, kann es schnell zu einem Error mit dem SQL-Status HY000 kommen. Oft ist das File-Limit viel zu niedrig eingestellt und es kommt zur Ausgabe von Errcode: 24 "Too many open files". Glücklicherweise lässt sich dieses Problem beheben, was hier anhand eines Servers mit Plesk und Debian 8 gezeigt wird.

Weiterlesen: File Limit für MySQL Datenbanken erhöhen!