Im Browser zu designen ist cool und so, aber der Beginn in Photoshop hält mich am kreativsten, wenn ich es am dringendsten brauche: wenn ich vor der leeren Leinwand stehe. Eine Möglichkeit, gegen das schmerzhafte Glühen einer weißen Leinwand anzukämpfen, ist, etwas Textur hinzuzufügen. Wir machen das hier, indem wir ein schönes von Subtle Patterns aussuchen (sie liefern jetzt auch eine @2x-Version für Retina-Displays, nett!). Wir nehmen dieses Muster, machen ein Photoshop-Muster daraus und füllen den gesamten Hintergrund damit, um dieses einschüchternde Weiß zu beseitigen.
Der „Big Orange Square“ war eine grundlegende Erkundung für das gesamte Redesign. Wir platzieren ihn auf der Leinwand und arbeiten von dort aus weiter. Wir etablieren das Branding in der Kopfzeile, das für den Rest des gesamten Prozesses Bestand hat.
Ich kann diese Datei nicht herunterladen
Könnten Sie spezifischer sein und das Problem hier melden: https://css-tricks.de/contact/ (Ich habe gerade den obigen Link getestet, der „Video-Datei herunterladen“ sagte, und er funktioniert für mich).
Ein Problem könnte sein, dass die Seite zu lange offen gelassen wurde. Die hier generierten Links verfallen nach kurzer Zeit, daher möchten Sie die Seite vielleicht aktualisieren, bevor Sie es erneut versuchen.
Subtle Patterns, eine sehr gute Ressource, die ich noch nicht kannte.
Ich kannte Subtle Patterns bereits, habe es aber nie benutzt. Es ist schön zu sehen, wie Sie es in den Designprozess einführen. Außerdem ist es schön, von den verfügbaren @2x-Versionen zu erfahren.
Wieder einmal erstaunlich, Chris.
Danke!
Ich habe diesen Screencast geliebt. Er hat deinen schrulligen Humor wirklich zum Vorschein gebracht. Ich kannte auch diese Texturseite nicht und habe darüber nachgedacht, wie ich einer Website, die ich baue, etwas mehr Interesse verleihen könnte. Ich werde mir das auf jeden Fall ansehen.
Liebe Subtle Patterns, ich benutze sie ständig für meine Projekte. Ich liebe die Videos bisher, Chris! Schön, den Prozess zu sehen, den du durchläufst, um eine Website wie diese zu erstellen.
Ich liebe die Art und Weise, wie Sie die Website entworfen haben, ich arbeite genauso, einfache Formen können wirklich die Ideen zum Fließen bringen.
Großartige Arbeit. Ich beginne normalerweise, direkt im Browser zu designen, aber das inspiriert mich, den Photoshop-Ansatz zu wählen.
Großartige Sachen. Nur aus Interesse, kommen Sie mit Designs nur durch Spielen in Photoshop (und Online-Inspiration) auf oder hat Kritzeln mit Stift und Papier etwas mit Ihrem Workflow zu tun.
Außerdem (wichtiger) ist Ihr Haupt-Wrapper 80%, ist etwas wie max-width: 980px (und von dort abwärts, responsiv sein) immer noch gut (genug) oder muss ein responsives Design grundsätzlich keinen begrenzten Container haben… hoffe Sie verstehen, was ich meine :)
Es sieht so aus, als ob Subtle Patterns heute früher ausgefallen ist. Ich liebe diese Serie aber. Diese Art von Screencast-Lernen ist eine Fundgrube für Leute, die Webentwicklung lernen, wie ich.
Danke Chris.
Ich liebe die Videos – Hut ab, Chris? Was ist mit subtlepatterns.com passiert? – Es ist auch heute noch ausgefallen. Sie können PNGs aller Muster auf Github bekommen – http://github.com/subtlepatterns/SubtlePatterns
Es sieht aus, als wäre ihre Domain gestohlen worden [genau wie die dieser Seite](https://css-tricks.de/this-sites-domain-is-stolen/) einmal. Schade! Ich werde alles tun, um ihnen zu helfen, sie zurückzubekommen.
Ich benutze Subtle Patterns auch sehr oft, besonders für responsive/mobile Websites. Ich mag dieses subtile bisschen Textur, das eine mobile Website auf einem Handheld-Gerät wirklich poliert aussehen lassen kann.
Ich habe auch versucht, im Browser zu designen, aber ich finde es für mich im Photoshop einfacher. Mit einem Plugin wie GuideGuide baue ich ein Raster auf, erstelle Ebenen für Elemente und es ist einfach einfacher, kreativer mit Positionierung und Design zu sein.
Ich versuche herauszufinden, wie man die Panels ablöst, damit sie nicht alle in einem größeren Fenster sind (wie im Video). Ist das in Windows Photoshop nicht möglich, oder habe ich nur falsch gegoogelt?
Hallo Chris, erfordert Subtle Patterns nicht eine Namensnennung durch einen Link zur Website? Ich möchte sie für die Websites meiner Kunden verwenden, aber es ist nicht wirklich machbar, einen Link zu setzen.