Der Beruf ist Webdesigner. Webdesigner - Beruf der Zukunft Berufe rund um Webdesign

Fangen wir zuerst an, was sind getriggerte E-Mails? Einfach ausgedrückt ist dies eine Reaktion auf Ihre Handlungen nach dem Treffen: Wir gingen in ein Café, begrüßten uns, machten uns mit der Speisekarte vertraut und der Kellner bietet Ihnen Gerichte nach Ihren Wünschen an. Der Auslöser kann für verschiedene Ereignisse konfiguriert werden: vom Betreten der Website bis zum Senden einer E-Mail, wenn der Benutzer aus irgendeinem Grund den Kauf im Online-Shop nicht abgeschlossen hat.

Ich entwickle das Ratatype-Projekt, einen Online-Tastatursimulator, der hilft, blindes Zehn-Finger-Schreiben auf der Tastatur zu lernen. In diesem Artikel möchte ich unsere Erfahrungen mit der Einrichtung getriggerter E-Mail-Kampagnen teilen, wie sie dazu beitragen, einen Benutzer auf die Website zurückzuführen und wie.

Vorwort

In unserer Firma Reactor gibt es den Wert "Gut oder nicht". Daher haben wir Ratatype so gut entwickelt, dass es einfach war, es zu promoten. Im ersten Jahr hat sich an der Funktionalität der Site nichts geändert, und mit Hilfe der Firma LivePage haben wir aktiv für den englischsprachigen Markt geworben. Ich muss sagen, dass es super geworden ist, denn das Wachstum war wirklich beeindruckend.

Wenn Sie kurz über das Produkt selbst erzählen, können Sie auf Ratatype:

Neben der Funktionalität der Site selbst hatten wir keine Tools, die den Benutzer auf die Site zurückbringen würden. Weder Briefe noch irgendwelche Erinnerungen für Sie. Daher haben wir uns 2015 entschlossen, das Problem zu beheben. Ich verstehe, dass jetzt 2019 ist, aber die Geschichte ist relevant und trägt immer noch Früchte.

73.4

Für Freunde!

Hinweis

Webdesign (aus dem Englischen. Webdesign) - ein Zweig der Webentwicklung und eine Art Design. Ein Webdesigner ist ein Computertechnologe, der dafür verantwortlich ist, wie eine Website aussieht und sich anfühlt. Er entwirft Logos, Banner und andere grafische Elemente, denkt über die Seitennavigation nach, legt fest, wo der Text platziert werden soll. Ein Designer muss nicht nur eine interessante Site erstellen, sondern auch deren Ladezeit berücksichtigen. Er arbeitet eng mit Marketing- und Markenmanagern zusammen, um eine effektive Website zu erstellen.

Beschreibung der Aktivitäten

Der Beruf eines Webdesigners ist sowohl mit moderner Technologie als auch mit Kreativität verbunden. Dieser Spezialist beschäftigt sich mit der Gestaltung von Projekten im Internet: Er entwickelt das Design von Websites, Werbeseiten, Landingpages, elektronischen Präsentationen. Der Webdesigner erstellt Logos, Banner, Infografiken und andere grafische Elemente der Seite, denkt über die Platzierung des Textes nach.

Dabei konzentriert sich der Webdesigner nicht nur auf die visuelle Gestaltung, er muss sich auch um die Usability der Seite kümmern – deren Usability. In seiner Arbeit wendet er Kenntnisse der HTML-Dokument-Auszeichnungssprache, der CSS-Formatierungssprache für Dokumentstile und der Grundlagen des HTML-Layouts an.

Lohn

Durchschnitt für Russland:Durchschnitt in Moskau:Durchschnitt in St. Petersburg:

Arbeitspflichten

Das Ziel eines Webdesigners ist es, einen Stil für eine Website oder ein anderes Projekt im Internet zu entwickeln. Nachdem er vom Kunden eine Idee, ein Projektkonzept, Anweisungen und Vorlieben erhält, beginnt er mit deren Umsetzung. Oftmals muss jedoch der Designer selbst dem Kunden aufgrund seiner wenigen Installationen Ideen anbieten.

Der Webdesigner denkt über die erfolgreichsten Lösungen für die Präsentation von Informationen nach, wählt das Farbschema der Site aus, konzentriert sich auf die Vorlieben des Kunden oder die Farben der Produkte, denen die Site gewidmet ist, oder die Unternehmensfarben des Unternehmens. Beim Erstellen einer Webseite wendet dieser Spezialist verschiedene Designelemente an und wählt Hintergrundbilder aus. Hat der Webdesigner nicht alle für das Projekt notwendigen Bilder vom Auftraggeber erhalten, sucht er selbstständig im Internet in diversen Fotobanken danach. Bei Bedarf bearbeitet der Webdesigner Fotos und Bilder in grafischen Editoren. Manchmal müssen Sie mit Hilfe dieser Programme einige Elemente selbst zeichnen. Alle Komponenten der Site sollten ohne Probleme und Verzerrungen auf verschiedenen Monitoren geladen und angezeigt werden. Dies liegt auch teilweise in der Verantwortung des Webdesigners.

Ein Webdesigner muss nicht nur auf die visuelle Harmonie des Gesamtbildes achten, sondern auch auf die "Freundlichkeit" der Benutzeroberfläche und die einfache Navigation für die Benutzer auf der Website.

Die Aufgaben eines Webdesigners können auch die Erstellung von Bannern, Internetpräsentationen, interaktiven Webanwendungen umfassen.

Nach Abschluss der Arbeiten sollte der Webdesigner die erstellte Website, das Banner oder sonstige Internetprojekt auf Fehler und Tippfehler überprüfen.

Merkmale des Karrierewachstums

Die Karriereentwicklung eines Webdesigners ist auf die Erfahrung der qualitativ hochwertigen Ausführung komplexer und verantwortungsvoller Arbeiten für Großkunden zurückzuführen. Dies sorgt für Bekanntheit in Fachkreisen und ermöglicht es Ihnen, sich angemessen für neue profitable Aufträge zu qualifizieren. Es ist möglich, den Beruf eines Programmierers oder Netzwerkadministrators zu beherrschen, ein Geschäft sowohl im Bereich des Webdesigns selbst als auch in der Bereitstellung anderer Dienstleistungen im Zusammenhang mit dem Internet und anderen Informationstechnologien aufzubauen. Angesichts der rasanten Entwicklung der IT-Technologien ist dieses Tätigkeitsfeld als beruflich sehr zukunftsträchtig anzuerkennen.

Mitarbeitermerkmale

Ein Webdesigner braucht sowohl logisches als auch einfallsreiches Denken. Dieser Spezialist muss künstlerisches Flair und ästhetischen Geschmack haben, Kreativität. Er muss mit den neuesten Webdesign-Trends Schritt halten und moderne Technologien im digitalen Design kennen.

In der Zusammenarbeit mit Kunden muss ein Webdesigner nicht nur kommunikative Fähigkeiten, sondern auch viel Geduld und manchmal auch Ausdauer mitbringen.

Ein Webdesigner arbeitet nicht nur mit Grafiken, sondern auch mit Text. Dies erfordert, dass er gebildet, aufmerksam und genau ist.

Bei der Arbeit verbringt man viel Zeit vor einem Computermonitor - das erfordert Ausdauer. In diesem Beruf sind Selbstbeherrschung, Verantwortung und die Fähigkeit zu einem straffen Zeitplan unabdingbar, insbesondere wenn der Webdesigner für sich selbst oder aus der Ferne arbeitet.

Ein Webdesigner ist jemand, der mit der Erstellung einer Website beginnt. Es macht nicht nur ein schönes Design, sondern analysiert auch das Nutzerverhalten. Und was noch?

Es berücksichtigt deren Wünsche und gestaltet die Seite so, dass Besucher das tun können, was sie wollen – zum Beispiel ein Produkt kaufen, Neuigkeiten erfahren oder mit Freunden chatten.

Landing Page Animation von Sergey Valiukh auf dribbble

Design - eine Balance aus Schönheit und Logik

Viele Leute denken, dass ein Webdesigner Websites wie ein Künstler malt und Verzierungen und Bilder hinzufügt. Das stimmt nicht ganz: Ein Webdesigner muss eine Website schön gestalten können, aber das ist nur eine seiner Aufgaben.

Tatsächlich ist ein Webdesigner in erster Linie ein Designer und Analyst, der einfache und verständliche Websites basierend auf der Analyse des Benutzerverhaltens erstellt. Der Designer arbeitet mit Daten, studiert Nutzer und deren Interessen und platziert erst dann Blöcke auf der Seite, überlegt sich die Farbgebung, setzt optische Akzente.

Das Wort "Design" bedeutet jetzt nicht mehr, wie die Site aussieht, sondern wie sie funktioniert und wie einfach es für die Benutzer ist, ihr Ziel zu erreichen. Kreativität und Kunst im Design traten in den Hintergrund.

Ein Webdesigner erstellt Websites so, dass sie die Aufmerksamkeit des Besuchers auf sich ziehen, sie interessieren und die notwendigen Informationen vermitteln.

Promo-Seite von uixNinja

Um dies zu erreichen, muss sich der Designer in Bereichen rund um das Webdesign weiterentwickeln:

• Internet-Marketing und -Analytik, um Daten über die Bedürfnisse und Wünsche der Nutzer zu analysieren, zu wissen, wie Werbung funktioniert und warum überhaupt eine Website erstellt wird.
• Verhandlungen mit Kunden und Kollegen.
• Text schreiben und bearbeiten, denn Text und Design sind untrennbar miteinander verbunden.
• Psychologie, um sich in die Lage des Seitenbesuchers versetzen zu können und zu verstehen, was ihm wichtig ist.
• Layout- und Frontend-Entwicklung, um zu wissen, wie aus einem im Programm gezeichneten Layout eine Arbeitsseite wird, die ins Internet gestellt wird.
• Andere Bereiche des Designs umfassen Illustration, Grafikdesign, Animation und interaktive Bannererstellung.

Was macht ein Webdesigner?

Ein Webdesigner zeichnet Layouts für Landingpages, Websites für Unternehmen, Online-Shops und gestaltet auch Schnittstellen für Online-Dienste. Was er sonst noch kann: Vorlagen für E-Mail-Newsletter erstellen, Internet-Banner gestalten und zeichnen.

Was ist ein Designer-Workflow?

• Der Designer erhält vom Kunden Daten – warum die Seite benötigt wird, wie sie funktioniert, welche Nutzer sie besuchen. Eine gute Option, wenn der Kunde genau weiß, was er braucht. Dies ist jedoch nicht immer der Fall, daher muss der Designer die Fragen selbst stellen und die benötigten Daten besorgen. Der Designer schreibt die Aufgabenstellung, die Standortanforderungen und die Antworten auf die Fragen im Briefing auf.
• Ein Webdesigner erstellt Skizzen oder Prototypen der zukünftigen Site: auf Papier oder in speziellen Programmen. Prototypen sind eher Diagramme, die die Position der Hauptelemente auf den Seiten der Site anzeigen.

Die Website-Erstellung beginnt mit Prototypen, um alle Möglichkeiten der Anordnung der Elemente zu sehen und mit dem Kunden abzustimmen.

Der Prototyp ist einfacher zu ändern als das gezeichnete Layout, sodass Struktur- und Positionierungsprobleme bereits in der Prototyping-Phase entschieden werden.

Drähte von Charlie Waite

• Basierend auf den Prototypen zeichnet der Designer ein Farblayout. Hier können Sie bereits an Farbkombinationen arbeiten, Animationen hinzufügen.
• Der Designer übergibt das fertige Layout an den Kunden oder die Entwickler, die es auf die Site übertragen.

In welche Richtung man einen Webdesigner entwickelt

Während der Entwicklung des Designers vertieft er sich entweder in einen der Bereiche des Webdesigns oder lernt, am gesamten Produkt zu arbeiten und dabei Kenntnisse aus verschiedenen Bereichen anzuwenden.

Darauf kann sich ein Webdesigner spezialisieren:

• UX / UI-Design - Gestaltung des Erscheinungsbilds von Websites und Anwendungen unter Berücksichtigung der Benutzerfreundlichkeit für verschiedene Benutzer.
• UX, kurz für User Experience, bedeutet wörtlich User Experience. Dabei wird auf den Nutzer geachtet und welchen Eindruck er durch die Arbeit mit der Oberfläche bekommt, wie er durch die Seiten navigiert, ob er sein Ziel erreicht und wie schwer es ihm fällt.

UI – User Interface – bezeichnet das Aussehen der Benutzeroberfläche, ihre Eigenschaften und ihr Design. Wichtig sind hier die Lage, die Größe der Elemente und die Farbakzente. Denn zuallererst müssen Sie das Design benutzerfreundlich gestalten.

In einer mobilen Navigationsanwendung sind die Bedienelemente beispielsweise groß, sodass der Fahrer während der Fahrt auf Karten navigieren und Wegbeschreibungen abrufen kann.

Produkt-Dashboard von Mason Yarnell

UX und UI sind zwei Bereiche, die nebeneinander liegen: Die Grenze zwischen ihnen verschwimmt allmählich, daher kombinieren Experten zunehmend beide Namen und schreiben UX / UI.

Frontend-Designer entwerfen nicht nur normale Websites; Sie arbeiten am Erscheinungsbild verschiedener Internetdienste, mobiler Anwendungen und Computerprogramme.

Erstellung von Mikrointeraktionen und Bewegungsdesign. Mikrointeraktionen sind kurze Animationen auf einer Website oder in Anwendungen, die als Reaktion auf Benutzeraktionen auftreten.

Zum Aktualisieren herunterziehen - UI-Animationen von Ramotion

Branding und Logoerstellung. Neben einer guten Website werden Unternehmen gebeten, ein Logo und eine Corporate Identity zu erstellen. Um in diese Richtung zu arbeiten, benötigen Sie eine kreative Herangehensweise und vorzugsweise die Fähigkeit zu zeichnen.

Der Identity Designer steht abseits von anderen Spezialisierungen im Webdesign, was den Digital Designer jedoch nicht daran hindert, solche Fähigkeiten zu entwickeln.

Pixty App-Branding von Ramotion

Einige Designer werden Analysten, führen A / B-Tests an fertigen Produkten durch, arrangieren Interviews mit Benutzern und stellen Kunden Fragen, um das Produkt zu verbessern.

Produktdesigner spezialisieren sich nicht auf ein bestimmtes Gebiet, sondern versuchen alles zu lernen. Sie arbeiten am Produkt als Ganzes, testen Ideen und Hypothesen, erstellen Prototypen, entwerfen und sammeln Meinungen.

Webdesign verändert sich ständig, jedes Jahr kommen neue Richtungen und Technologien hinzu.

Ein Designer muss sein Wissen ständig aktualisieren - um zu sehen, was jetzt in Mode ist, welche Technologien aufgetaucht sind, und auch mehrere verwandte Bereiche zu verstehen, um moderne Produkte zu schaffen. Daher ist ein Designer nicht nur ein Künstler, sondern auch ein Analytiker, Designer und subtiler Psychologe.

Möchten Sie lernen, selbst Webdesigner zu werden? Oder hast du vielleicht schon mehrere deiner Designs und möchtest deine Fähigkeiten auf die nächste fortgeschrittene Stufe bringen? Dann sind Sie jetzt auf dem richtigen Weg, denn das Thema des Artikels lautet genau "Webdesign wo soll ich anfangen" und darin werden wir alle notwendigen Ausbildungsstufen zum Webdesigner detailliert betrachten und Ihnen helfen, Webdesigner zu werden auf eigene Faust, mit etwas Fleiß und Kreativität.

Ein Artikel wird Ihnen natürlich nicht sagen können, wie Sie ein Webdesigner werden und über alle Fähigkeiten, notwendigen Tools und Technologien sprechen, die Sie auf dem Weg zu Ihrem Traumjob beherrschen müssen. Wenn du denkst, dass der Weg einfach und schnell sein wird, dann muss ich dich aufregen. Die Arbeit als Webdesigner ist eine ständige Weiterentwicklung, Weiterentwicklung und Wettlauf um neue Trends und Tendenzen. Aber trotz aller beruflichen Schwierigkeiten gehört die Ausbildung und der Erwerb neuer Kenntnisse zu den schönsten Aspekten dieser Arbeit.

Zuerst ein kleiner lyrischer Exkurs für Designer, die zufällig diesen Artikel gelesen haben. " Ich mache Webdesign"Sie haben diesen Satz wahrscheinlich mehr als einmal zu jemandem gesagt und haben kalte Angst verspürt, als er so etwas antwortete wie:" Cool! Bringen Sie mir bei, wie es geht? Wie wird man Webdesigner von Grund auf?„Viele Leute gehen einfach davon aus, dass sie ein paar Symbole anklicken, per Drag-and-Drop auf den Bildschirm ziehen und das Design fertig ist. Leider ist dies nicht der Fall. Wenn Sie also das nächste Mal gefragt werden, wie man Websites gestaltet, zeigen Sie ihm einfach diesen Artikel.

Willkommen, meine Damen und Herren, zum Anfängerleitfaden für Designer von MotoCMS. Schnappen Sie sich Ihre Mäuse und lehnen Sie sich an die Tastatur zurück, der Beitrag wird lang. Es ist nicht notwendig, Kaffee zu brauen, aber es lohnt sich trotzdem.

Für wen ist dieser Webdesign-Artikel?

Dieser Artikel richtet sich an alle, die sich fragen "Wie wird man selbst Webdesigner?" Es wird auch für Leute nützlich sein, die mit dem Erstellen von Websites beginnen möchten und einige Erfahrung in Design und. Alles wird sehr zugänglich und abgestuft sein. In diesem Artikel wird davon ausgegangen, dass Sie keine spezielle künstlerische oder technische Ausbildung, keinerlei Programmierkenntnisse und keine Berufserfahrung in der Webdesign-Branche haben.

Anforderungen für unerfahrene Webdesigner

Die "Mindestanforderungen" für Leute, die darüber nachdenken, Webdesigner zu werden und ihre erste Website erstellen möchten, sind ziemlich einfach. Wenn Sie wissen, was Ordner und grafische Textdateien sind, können Sie beginnen.

Obwohl der Einstieg einfach ist, ist der Aufbau einer wirklich guten Website eine echte Kunst. Es gibt viele Fähigkeiten, die Sie erlernen müssen. Sie müssen sich mit der Farbtheorie, der grafischen Hierarchie von Elementen, den Schriftarten und der allgemeinen Site-Organisation vertraut machen.

Auch Kenntnisse der wichtigsten Programmiersprachen sind für Sie nützlich, nämlich HTML und CSS, wir werden auch darüber reden.

Dann möchtest du vielleicht Basic lernen JavaScript-Programmierung und finden Sie heraus, wie Sie damit verschiedene Teile Ihrer Website verwalten können. Und verzweifelte Schlagzeuger, die noch weiter graben wollen, können in Systeme eintauchen Content Management, Suchmaschinenoptimierung und Marketing.

Aber Sie sollten nicht alles auf einmal überstürzen, die Fähigkeiten werden mit Erfahrung und Notwendigkeit kommen, ich werde nur versuchen, Sie in die richtige Richtung zu lenken. Und wenn Sie bis zu diesem Teil des Artikels gelesen haben, dann kann ich mit Sicherheit sagen: „Willkommen in der wunderbaren Welt des Webdesigns, Anfänger. Seien Sie bereit, Dinge immer wieder zu vermasseln und vergessen Sie nicht, Spaß zu haben!

So verwenden Sie diesen Webdesign-Leitfaden für Anfänger

Lies es! Dies wird ausreichen, um Ihnen den Einstieg zu erleichtern. Erstellen Sie Ihre erste, wahrscheinlich ungeschickte Site. Gehen Sie zurück und lesen Sie noch einmal. Korrigiere Deine Fehler. Wiederholen.
Nein, Sie möchten wahrscheinlich nicht alles auf einmal lesen. Es gibt viele andere Ressourcen, viele verschiedene Ansätze, die Sie verwenden können. Es ist in Ordnung, aber ich empfehle trotzdem, ein wenig zu lesen und die ersten Schritte zu versuchen.

Browserdesign für Anfänger

Vielleicht wissen Sie, dass die meisten Designer zuerst Grafikeditoren verwenden und ihre Projekte erst dann dem Programmierer zum Layout übergeben. Photoshop ist das am häufigsten verwendete Werkzeug, aber Designer verwenden auch Programme wie Skizzieren, Gimp, Inkscape und Illustrator.

Es besteht kein Zweifel, dass Sie einige davon ausprobieren und die Tools verwenden müssen, die für Sie am besten funktionieren. Wenn Sie jedoch nur Websites erstellen möchten, versuchen Sie es sofort in ihrem natürlichen Lebensraum - im Browser! Im Idealfall - tun Sie dies in mehreren Browsern - weil die Leute Websites nicht in Photoshop oder so sehen, wie Sie es über eine Bildbearbeitungsoberfläche tun.

Ein browserbasierter Workflow hat eine Reihe weiterer Vorteile:

1) Sie sehen genau, was Sie bekommen. Selbst professionelle Mockups rendern keine interaktiven oder animierten Teile von Websites. Indem Sie ein browserbasiertes Design erstellen, können Sie genau sehen, wie es funktioniert.

Dies gilt insbesondere für das Responsive Design. (Für Uneingeweihte: Ein responsives oder responsives Design ist eines, das auf verschiedenen Bildschirmen und Geräten korrekt angezeigt wird, sei es auf einem Mobiltelefon, Tablet oder PC).

2) Browserbasiertes Design kann Sie zu einem besseren Designer machen. Wenn Sie den gesamten Prozess selbst kennen, können Sie verstehen, was und wie er funktioniert, und sich vor vielen Fehlern warnen. Der Albtraum eines jeden Designers (oder Layouters, der dies tun muss), der beispielsweise in Photoshop arbeitet, besteht darin, es weiter auf eine Live-Site zu "ziehen".

Wie auch immer, hier sind ein paar Ressourcen, die bei Grafikeditoren hilfreich sein können.

Design im Browser kann Ihre Arbeitsweise in vielerlei Hinsicht verändern und Sie anspornen, etwas Neues über HTML und CSS zu lernen. Grundsätzlich gilt: Je mehr Sie mit dem schmutzigen Code herumspielen, desto besser werden Sie verstehen, wie Websites funktionieren. Es wird dich nicht zu einem großartigen Designer machen; aber es ist ein toller Anfang.

Fähigkeiten, die Sie brauchen, um Webdesigner zu werden

Wenn Sie selbst professioneller Webdesigner werden möchten, benötigen Sie einige spezielle Fähigkeiten. In diesem Abschnitt beantworten wir die Frage „Wie werde ich selbst Webdesigner?“ und konzentrieren uns auch auf die Fähigkeiten, die erforderlich sind, um eine Website tatsächlich zu entwerfen und zu erstellen. Natürlich braucht man auch kaufmännische und kommunikative Fähigkeiten, aber das ist eine etwas andere Geschichte. Um also selbst Webdesigner zu werden, müssen Sie Folgendes wissen.

UX-/UI-Design

User Experience Oriented Design oder UX Design ist, wie die gesamte Benutzeroberfläche aussieht und funktioniert. Das ist ein Prozess, das ist eine Philosophie und das ist eine Menge Arbeit. Eine wirklich gute Seite kann nur entstehen, wenn man weiß, welchen Weg ein Besucher einschlägt und wie sich sein Verhalten bei Veränderungen der grafischen Elemente ändert.

Weitere Informationen dazu finden Sie im Artikel „Was ist UX / UI Design wirklich? "

Ästhetische Fähigkeiten

Ästhetik ist eine heikle Sache. Es sieht so aus, als ob ein großartiges Farbschema für manche Menschen für andere geradezu seltsam aussehen könnte. Die Schriftarten, die an dieser Stelle für Sie „genau richtig“ aussehen, gefallen dem Kunden möglicherweise überhaupt nicht. Es scheint sehr, sehr subjektiv, aber dennoch hat jeder dieser Aspekte seine eigenen Regeln, über die wir jetzt sprechen werden.

Schriftmix und Typografie

Das Internet ist Text. Das sind Worte. Und diese Worte sollten fantastisch aussehen. Typografie ist jedoch mehr als nur die Wahl der richtigen Schrift. Dies ist in erster Linie die Benutzerfreundlichkeit. Es ist notwendig, Schriftgrößen, -typen und -stile im Design richtig auszuwählen und zu kombinieren, um eine grafische Hierarchie im Design zu erstellen.

Um Sie "von A bis Z" zu führen, schlage ich vor, das Buch von Emil Ruder "Typografie" durchzusehen. Das Lesen kann ziemlich lang sein, daher für diejenigen, die sofort mit dem Üben beginnen möchten - ein kurzes Video zum Thema sowie (wenn Sie plötzlich bereits ein gutes Beispiel für den Text gefunden haben und seine Schriftart identifizieren möchten) .

Nachdem Sie sich mit den Typografieregeln vertraut gemacht haben, können Sie einige Schriftarten für Ihr Projekt ausprobieren. Es gibt tatsächlich viele gute kostenlose Schriftarten im Netz, also schau dich um.

Viele Leute, mich eingeschlossen, wählen ihre Schriftarten aus. Google-Schriften können in die Site "eingebettet" werden und es ist ziemlich praktisch. Darüber hinaus können Sie vorgefertigte Schriftkombinationen verwenden:

Andere ähnliche Beispiele sind im Internet zu finden.

Wenn Sie Ihre eigenen Google Font-Paare erstellen möchten, probieren Sie den Web Font Combinator aus. Es ist ein Tool, mit dem Sie Schriftartenkombinationen in Echtzeit schnell anzeigen können, indem Sie Schriftart, Größe, Farbe und Linienbreite ändern.

Wenn Google-Schriften nicht ausreichen, können Sie sich WebDesignerDepot, Fonts-online und andere Websites ansehen.

Farbtheorie und Farbschemata

Die Farbtheorie hat wenig mit technischen Farbnamen zu tun. Wenn Ihr Kunde nach Fuchsia fragt, aber tatsächlich ein heißes Pink möchte, haben Sie die Wahl: Die Farbtheorie untersucht zunächst die Beziehung zwischen Farbkombinationen und den Emotionen der Person, die sie wahrnimmt. Das ist echte Wissenschaft.
Um die Grundlagen der Farbtheorie zu verstehen, gibt es einige hervorragende Veröffentlichungen:

Unentbehrliche Werkzeuge – Adobe Color CC

Denken Sie daran, dass die Farbtheorie eng mit der Typografie verbunden ist. Wenn beispielsweise die Farbe des Textes zu nah an der Farbe des ausgewählten Hintergrunds ist, wird er schwer zu lesen sein und Besucher passieren diesen Teil der Site wahrscheinlich einfach oder verlassen ihn sogar.

Zusammensetzung und allgemeine Organisation

Wie wird man Webdesigner, ohne die Grundlagen der Komposition zu kennen? Auf keinen Fall! Für mich ist dieser Teil vielleicht der wichtigste. Schließlich können Sie großartige Schriftarten, ein großartiges Farbschema und dann trivial mit der richtigen Anordnung von Blöcken, Hierarchien und Proportionen spielen und erhalten "das ekelhafteste Gericht von großartigen Produkten".

Es gibt mehrere nützliche Veröffentlichungen zu diesem Thema, nach denen es zum ersten (oder fast zum ersten) Mal kommt.

• Verwendung des Goldenen Schnitts und der Dreierregel im Webdesign

Webdesign-Trends

Wir können endlos über Webdesign-Trends reden. Welche Rolle spielen sie? Alle Kunden haben sich wahrscheinlich bereits mehrere Beispiele für coole Modeseiten angesehen, bevor sie zu Ihnen kamen, und vielleicht sogar ein paar Artikel über Webdesign-Trends gelesen. Mode und beliebte Designelemente zu kennen ist einfach notwendig, um zu verstehen, wonach sie fragen und ihnen etwas bieten zu können.

Da sich die Trends im Webdesign ständig ändern, macht es keinen Sinn, konkrete Veröffentlichungen als Beispiel zu nennen. Hier kann ich Ihnen einfach raten, Webseiten für Webdesigner im Auge zu behalten, hier sind einige gute Beispiele:

• abduzeedo.com
• behance.net
• noupe.com
• webdesignerwall.com
• flickr.com
• awwwards.com

So werden Sie Webdesigner: HTML und CSS

HTML-Datei es ist "Hypertext Markup Language". Jede Site, die Sie sich jemals angesehen haben, ist HTML-basiert. HTML ist die Sprache, die Ihr Browser versteht, wenn die Website Text, Bilder, Links, Videos oder andere Elemente enthält. Ihr Browser übersetzt dann den Code in das, was Sie auf dem Bildschirm sehen.

Eine andere Sprache, die in einfachen Worten die Site schön macht, heißt CSS, steht für Cascading Style Sheets. CSS teilt dem Browser mit, welche Schriftart im Text eingestellt ist und welche Farben verwendet werden. CSS definiert in einfachen Worten das Erscheinungsbild Ihrer Website (Schaltflächen, Stile, Farben, Animationen).

Diese Sprachen selbst zu lernen oder zumindest ein grundlegendes Verständnis ihrer Funktionsweise zu erlangen, ist ziemlich einfach. Dies sind die einfachsten Computersprachen. Sie sind jedoch auch ziemlich umfangreich und können auf viele verschiedene Arten verwendet werden, um atemberaubende Designs zu erstellen.

Für diejenigen, die gleich loslegen möchten, haben wir zwei gute Tutorials mit ausführlichen Lektionen ausgewählt.

Sobald Sie die Grundlagen kennen, gibt es eine wirklich erstaunliche Anzahl von Websites, auf denen Sie mehr darüber erfahren können, wie Sie Webdesigner werden und Programmiersprachen selbst lernen.

Live ausgießen

Bereit, Ihre Website online zu hosten? Besitzen Sie einen Domainnamen (zum Beispiel: meinewebsite.com) und ein Hosting (Platz auf einem Computer, der immer mit dem Internet verbunden ist oder Online-Hosting, das von Drittanbietern erworben wurde)? Laden Sie Dateien zum Hosting hoch, lehnen Sie sich zurück, entspannen Sie sich und ...

Was ist nach dem Start der Website zu tun?

Korrigiere Fehler und beende, was du vergessen hast

"Oh ja, das ist das... Ich wollte das unbedingt reparieren."- Es passiert jedem. Es ist fast unvermeidlich, dass nach dem Starten einer Website Fehler auftauchen. Und je größer die Site, desto wahrscheinlicher haben Sie einen Fehler übersehen oder etwas vergessen. Zur Vereinfachung hier eine ziemlich detaillierte Checkliste:

Bewertungen sammeln

Sie können Ihre Fähigkeiten nicht verbessern, wenn Sie nicht wissen, wo Sie Fehler gemacht haben. Zeit und Erfahrung können dir dies beibringen, aber andere können dich schneller lehren.
Wenn Sie versuchen, von Grund auf ein Webdesigner zu werden und selbst zu lernen, empfehle ich Ihnen, Communitys beizutreten, um sich mit anderen Designern zu verbinden, die Ihnen helfen und professionelle Anleitung bieten können.

Wie wird man Webdesigner - Zusammenfassung

Der Artikel ist ziemlich lang geworden, aber es wäre schwierig, das alles in weniger Worte zu fassen, daher möchte ich allen, die bis zum Ende gelesen haben, gratulieren und mich aufrichtig für Ihre Geduld bedanken. Wenn Sie mehr über Webdesign-Schulungen oder über spezifische Tools und Arbeitsstrategien erfahren möchten, schreiben Sie es in die Kommentare, und wir werden auf jeden Fall weitere nützliche Materialien zu diesem Thema erstellen. Viel Glück für jeden!

Und wenn Sie bereit sind, Ihre Fähigkeiten in einem Live-Projekt zu testen, und gutes Hosting benötigen - als Bonus können Sie Hosting für ein Jahr bei unserem Partner Inmotion für nur 1 US-Dollar kaufen.

Offline werde ich oft gefragt "Wer ist ein Webdesigner", normalerweise antworte ich, dass dies die Person ist, die Websites erstellt. Kürzlich habe ich mich gefragt, ob das wirklich so ist. Daher habe ich mich entschlossen, diese Frage zu klären und herauszufinden, was Webdesign im weitesten Sinne dieses Begriffs ist und wer dann als Webdesigner bezeichnet werden kann. Um das herauszufinden, schauen wir uns Schritt für Schritt die Phasen, Prinzipien und Elemente des Webdesigns an.

1. Webdesign definieren
Nachdem ich viele Definitionen von Webdesign gelesen hatte, entschied ich mich für Folgendes. Webdesign ist ein Website-Produktionsprozess, der technische Entwicklung, Informationsstrukturierung, visuelles (Grafik-)Design und Webbereitstellung umfasst.

2. Phasen des Webdesigns
Werfen wir einen genaueren Blick darauf, aus welchen Phasen der Prozess der Erstellung einer Website besteht. Ein detailliertes Verständnis des Prozesses der Erstellung einer Website gibt uns die Möglichkeit zu bestimmen, wer in jeder Phase was macht und wer auf dieser Grundlage als Webdesigner bezeichnet wird.

1. Leistungsbeschreibung (TOR)
Basierend auf einem klaren Verständnis des Zwecks, für den die Site erstellt wird, werden das Volumen der Site, ihre Funktionalität, die wichtigsten Parameter der visuellen Präsentation und die Struktur der Site festgelegt. Die Phase endet nach Freigabe der technischen Aufgabe durch den Kunden. Der Projektleiter ist verantwortlich.

2. Informationen strukturieren (Usability)
Dies umfasst die Form und Organisation von Site-Inhalten. Es umfasst eine breite Palette von Fragen, vom Nachdenken über den logischen Aufbau von Webseiten bis hin zur Auswahl der bequemsten Formen der Informationsdarstellung. Ein Designer, Projektmanager ist verantwortlich.

3. Grafikdesign
Der Grafikeditor erstellt den visuellen Raum der Site mit grafischen Elementen als Dekoration oder Navigation. Das eigentliche Design der Seite ist eine Grafikdatei. Durchgeführt vom Designer.

4. Anordnung
In dieser Phase wird das grafische Bild in einzelne Elemente zerlegt und mithilfe von HTML- und CSS-Technologien in Code umgewandelt, der mit einem Browser angezeigt werden kann. Durchgeführt vom Coder, Programmierer.

5. Webmastering
In dieser Phase werden Maßnahmen ergriffen, um die Verbreitung und effektive Bereitstellung der Website über das Netzwerk zu fördern. Inklusive Hosting und Suchmaschinenoptimierung. Durchgeführt von Admin, Webmaster.

3. Wer ist ein Webdesigner?
Ein Webdesigner ist jemand, der selbstständig eine Website startet und alle Phasen der Erstellung einer Website selbst durchführt. Gleichzeitig versteht es sich, dass ein Webdesigner die Ausführung einiger Phasen an Dritte delegieren kann, gleichzeitig aber den gesamten Prozess selbst steuert. Und der Webdesigner selbst muss ein breit aufgestellter Spezialist sein und alle Aspekte des Webdesigns verstehen.

Wir sehen also einen signifikanten Unterschied zwischen dem Konzept eines Designers und eines Webdesigners. Ein Designer ist jemand, der die Benutzerfreundlichkeit und den grafischen Inhalt einer Website entwickelt. Ich denke, dass wir diese beiden Konzepte aufgrund des Fehlens einer engen Spezialisierung der Darsteller zusammengeführt haben. Und hauptsächlich liegt der Schwerpunkt auf der Erstellung der grafischen Komponente der Site, obwohl dies nicht alles ist.

4. Elemente des Webdesigns
Webdesign-Elemente sind abstrakte Materialien, mit denen ein Designer arbeiten muss. Die wichtigsten Gestaltungselemente sind: Raum, Linie, Form, Farbe, Textur, Schriftart, Form, Hell-Dunkel, Größe. Aus ihnen, wie aus Ziegeln, besteht die gesamte Designkomposition.

Um sie richtig einzusetzen, müssen Sie ihre charakteristischen Eigenschaften, Stärken und Schwächen sowie das Verhalten in verschiedenen Situationen kennen. Weitere Details zu Designelementen finden Sie im Artikel "", wo jedes Element separat betrachtet wird.

5. Grundsätze des Webdesigns
Um Gebäude bauen zu lernen, reicht es jedoch nicht aus, die Eigenschaften von Ziegeln zu kennen. Es sind die Prinzipien des Webdesigns, die die Regeln für das Zusammenspiel aller Elemente bestimmen. Die Grundprinzipien des Webdesigns sind: Balance, Kontrast, Unterordnung, Fokus, Proportion, Maßstab, Rhythmus, Einheit.

Grundlegende Gestaltungsprinzipien definieren, was unter den unzähligen Kombinationen von Elementen gut und was schlecht ist. Weitere Details zu den Gestaltungsprinzipien finden Sie im Artikel "", wo jedes Prinzip separat betrachtet wird.

6. Wie man Webdesign lernt
Ich werde oft gefragt, was man tun muss, um Webdesign zu lernen und ob es möglich ist, Design schon im Erwachsenenalter zu lernen. Erstens können Sie Webdesign in jedem Alter lernen. Die Hauptsache ist hier nicht das Alter, sondern das Vorhandensein von Lust und Geduld zum Lernen. Und zweitens unterscheidet sich die Vermittlung von Webdesign praktisch nicht von anderen Lernprozessen.

Daher bietet es sich an, sich zunächst mit dem theoretischen Teil vertraut zu machen. Ein Erklärbuch gibt Ihnen einen Überblick über das zu studierende Fach. Zum Beispiel hat mir ein Buch von D. Kirsanov „Web Design“ sehr geholfen. Weitere Details zu nützlichen Büchern finden Sie im Artikel „“.

Aber das Wichtigste beim Erlernen von Webdesign ist die Praxis. Sie müssen mit den einfachsten Lektionen für Anfänger beginnen. Wir brauchen einfache Lektionen, denn wenn es funktioniert, gibt es einen starken Anreiz, weiterzumachen. Durch die Ausbildung im Klassenzimmer werden die notwendigen Fähigkeiten erworben, die weiter entwickelt werden müssen.

Auf dem Weg dorthin ist es sehr nützlich, sich die besten Beispiele für Designkreativität anzusehen. Dann können Sie versuchen, etwas Ähnliches selbst zu tun. Und Sie müssen immer daran glauben, dass Sie Erfolg haben werden! Meine Designerfahrungen habe ich im Artikel „“ ausführlicher geteilt.