Hin und wieder muss ich einfach etwas Neues ausprobieren. Vielleicht fühle ich, dass meine Fähigkeiten nachlassen. Vielleicht möchte ich die für meine Kreativität verantwortlichen Neuronen anspringen lassen. Vielleicht ist mir langweilig. Es gibt viele gute Gründe, wirklich eine Design-Herausforderung anzunehmen.
Hier sind einige mehr: Sie können konzeptionelle Designs zu Ihrem Portfolio hinzufügen. Sie können über Ihre Erfahrungen bloggen und Ihre Fähigkeiten damit bekannt machen. Sie können mit anderen Designerfreunden eine Designherausforderung annehmen und vielleicht konkurrieren. Sie können die von Ihnen verwendete Technologie besser verstehen.
Es geht darum, etwas anders zu machen als gewöhnlich. Veränderung um ihrer selbst willen ist nicht immer ratsam, aber neue Dinge zu versuchen ist, wie wir als Designer und als Menschen wachsen. Machen Sie vielleicht keine dieser Herausforderungen auf der Website eines Kunden, es sei denn, Sie sind sich absolut sicher, dass es ihnen gefallen wird.
Das ist eigentlich meine persönliche Herausforderung. Ich versuche, etwas aufzubauen - normalerweise etwas, was mit Layout zu tun hat - das ich vorher nicht erstellt habe. Es könnte eine effektive und zugängliche horizontal scrollende Schnittstelle sein, eine dreispaltige Site, die ich wirklich mag, oder ein reaktionsfähiges Vollbild-Hintergrundbild mit absoluter Positionierung.
Sie können neuere CSS-Module ausprobieren ... ohne sich um die browserübergreifende Kompatibilität zu sorgen
Dies ist eine Herausforderung, bei der Sie neuere CSS-Module ausprobieren können, oder Techniken, an die Sie vorher vielleicht noch nicht gedacht haben, ohne sich um die browserübergreifende Kompatibilität oder andere Probleme zu sorgen.
Ich weiß, dass ich persönlich immer versucht bin, bei dem zu bleiben, was ich weiß, was die Farben angeht. Ich liebe meine gedämpften Schattierungen von Farben, meine Grautöne, meine gesättigten Grün- und Blautöne und so weiter. Sofern Sie nicht einem bestimmten Stil oder Branding-Leitfaden folgen müssen, kann es leicht sein, auf das zurückzugreifen, von dem Sie wissen, dass es funktioniert.
Nun, komm direkt aus deiner Komfortzone! Erstellen Sie eine Website mit einem Farbschema, das Sie normalerweise nicht verwenden würden. Für mich würde das mehr helle und kräftige Farben verwenden. Ich müsste generell die Sättigung erhöhen. Für Sie könnte ein dunkles Layout in Betracht gezogen werden, wenn Sie es normalerweise leicht machen. Verwenden Sie ruhigere Farben, wenn Sie hell und fett sind. Viele von uns, mich eingeschlossen, verwenden nicht genug Kontrast in unseren Entwürfen. Versuche, mehr hinzuzufügen. Verdammt, probier ein Design, das nur schwarz und weiß ist und lass es funktionieren.
Okay, kopiere nicht die Website einer anderen Person. Suchen Sie einfach eine Website mit einem schönen, komplexen Layout oder Design und kopieren Sie sie, ohne auf die Quelle zu schauen. Bauen Sie das Ding von Grund auf neu auf, indem Sie die wichtigsten Layout-Elemente untersuchen und herausfinden, wie Sie es selbst machen. Verwenden Sie dies nicht für eine Live-Site, sondern als einfache HTML / CSS / JS-Übung.
Es geht nicht darum, eine pixelgenaue Kopie zu erstellen, sondern um die Prinzipien hinter den Designentscheidungen zu lernen
Sie können wählen, eine dieser ausgefallenen, experimentell aussehenden Seiten zu kopieren, um zu sehen, ob Sie das gleiche Talent verwalten können. Oder Sie könnten das Layout von einer großen Einzelhandels-Website kopieren, um herauszufinden, wie Sie diese Menge an HTML und CSS auf praktische Weise verwalten. Kopieren Sie eine Nachrichtenseite, um zu sehen, wie sie mit der Skalierung großer Mengen von Text und Bildern reagieren.
Denken Sie daran, es geht nicht darum, eine pixelgenaue Kopie zu erstellen, sondern um die Prinzipien hinter den Designentscheidungen zu verstehen.
Wenn Sie an Foundation gewöhnt sind, versuchen Sie Bootstrap oder ein weniger bekanntes Framework. Probieren Sie einen anderen Vorprozessor aus. Probieren Sie ein anderes CMS aus. Versuchen Sie einen anderen Dateimanager oder Texteditor. Wenn Sie Programmierer sind und / oder Schmerzen haben, lassen Sie Ihr Lieblings-JS-Framework fallen und versuchen Sie es mit einem anderen.
Offensichtlich ist dies eine der längeren Herausforderungen, wenn man tiefer gehen möchte, aber es braucht nicht zu lange, um die Funktionsweise neuer Werkzeuge zu erlernen. Der Schlüssel ist nicht unbedingt, alles an Ihrem Workflow zu ändern, sondern sich neuen und potenziell besseren Ideen zu stellen.
Ähnlich wie beim letzten Eintrag können Sie einen oder zwei Nachmittage damit verbringen, eine völlig andere Arbeitsweise zu versuchen. Wenn Sie in erster Linie ein Grafikspezialist sind, sollten Sie versuchen, zu sehen, wie andere beginnen und ihre Modelle ausfüllen. Schau dir an, wie andere ihre Schichten organisieren. Sehen Sie, ob Sie etwas von ihnen lernen können. Oder Sie schauen sich eine ausgereifte Design-Methodik an Atomdesign .
Auf der Front-End-Entwicklungsseite könnten Sie eine neue CSS-Methodik ausprobieren. Hongkiat hat eine guter Überblick von einigen der beliebtesten Arten der Organisation Ihres CSS.
Wenn ich meine ältere Designarbeit betrachte, sind meine häufigsten Emotionen Frustration und ein wenig Ekel. In diesem Zustand habe ich mich oft für ein komplettes Redesign entschieden. Wenn Sie das schon seit einiger Zeit tun, besteht die Chance, dass Ihre alte Arbeit auf soliden Prinzipien beruht. Es muss nur aktualisiert und verfeinert werden.
Wenden Sie neues Wissen auf altes Design an, statt alles zu verbrennen und neu anzufangen
Nimm ein altes Design und aktualisiere es, ohne seine Kernelemente zu ändern. Vielleicht das gleiche Layout beibehalten, aber den Abstand der Elemente aktualisieren. Behalten Sie die gewählten Schriftarten bei, aber aktualisieren Sie die Textstile, um Ihr Wissen über Typografie besser widerzuspiegeln. Behalte die gewählten Farben, aber nutze sie besser.
Sehen Sie einfach, was passiert, wenn Sie neues Wissen auf altes Design anwenden, anstatt es komplett neu zu brennen und neu zu beginnen.
Tutorials sind oft eine Fülle von Informationen, auch wenn Sie schon eine Weile hier sind. Kopieren Sie den Code nicht und fügen Sie ihn nicht ein. Finden Sie ein gutes, langes Tutorial und tippen Sie jeden Codecode selbst aus. Befolgen Sie alle Schritte in Photoshop sorgfältig. Beobachte, wie sich alles ändert, wenn jedes Puzzleteil hinzugefügt wird.
Wenn Sie etwas nicht verstehen, Google, bis Sie es tun. Die Herausforderung liegt hier nicht in der Kreativität, sondern im Verstehen ... und vielleicht in der Ausdauer.