Ich bin frustriert von meinem Mangel an ästhetischem Urteilsvermögen. Als Entwickler habe ich es schwer, einfach eine anständige Website zu erstellen.
Die Frage ist, wo kann ich alle notwendigen CSS-Fähigkeiten lernen oder gibt es Dinge wie "Effektives CSS-Design", die es mir ermöglichen,
Ich werde alle CSS- und HTML-Designer zu schätzen wissen, die es mir ermöglichen, schnell schöne Mock-up-Webseiten zu erstellen.
Edit: Vielleicht sollte ich expliziter sein. Ich wäre völlig ahnungslos, wenn ich gebeten würde, eine originale Homepage für einen FaceBook-Klon zu erstellen. Es scheint sehr schwierig zu sein, einen solchen Bildschirm in meinem Kopf nachzubilden. Ein Mangel an Vorstellungskraft in der Tat.
Probieren Sie diesen Link Warum Entwickler am CSS-Design leiden . Das gibt Ihnen eine gute Basis für Ihre Projekte.
Wenn Sie einige der Vorschläge in der Verknüpfung mit einem kleinen css-Framework kombinieren (ich mag Boilerplate ) ) Sie sollten in der Lage sein, jedes Projekt mit einer ziemlich angenehmen visuellen Grundlinie zu beginnen. Und Sie werden überrascht sein, was für einen Unterschied Ihre Arbeit ausmacht.
Schöne Websites existieren oft vorher in einer Bildbearbeitungsanwendung oder auf Papier und der CSS + HTML-Teil ist der letzte Schritt, der Ihr Design in eine webfreundliche Version verwandelt.
Es klingt für mich wie technische HTML und CSS-Tipps sind nicht das, was Sie suchen (noch). Vielleicht möchten Sie nach Ressourcen zu grundlegenden Prinzipien des Grafikdesigns oder nach den Prinzipien des Webdesigns suchen. Sobald Sie die Grundlagen des Grafikdesigns verstanden haben, können Sie damit beginnen, Entwürfe für Ihre Projekte zu skizzieren. Die ersten Entwürfe können so einfach sein wie ein paar Skizzen auf einem Notizblock. Nur dann können Sie beginnen, die Details der Seite zu entwerfen, und schließlich müssen Sie die notwendigen HTML- und CSS-Fähigkeiten haben, um das Design tatsächlich zu implementieren.
Ich bin ungefähr an der gleichen Stelle: Ich weiß ziemlich viel über HTML und CSS, aber es fällt mir schwer, ein attraktives Design zu finden. Sobald ich das habe (normalerweise mit viel Hilfe von anderen Leuten), kann ich die Website erstellen.
Dies wird Ihnen nicht helfen, originelle Designs zu entwickeln, aber könnte trotzdem hilfreich sein.
Die bedeutendste Verbesserung meines Verständnisses des CSS-Layouts kam mit der "inspect" -Funktion von Firebug. In der Lage zu sein, den berechneten Stil eines Elements in der Registerkarte "Stil" zu sehen und sein Padding / Rand / Offset in der Registerkarte "Layout" waren (und sind immer noch) ein gewaltiges Kapital.
Was das Design-Design angeht, so ist Robin Williams ' Design-Buch des Nicht-Designers großartig Startpunkt. Ich besitze eine Kopie und würde es definitiv jedem Entwickler empfehlen, der Design in weniger abstrakten Begriffen verstehen will.
Angenommen, Sie sind ein Entwickler, der anständig genug Design machen möchte, hier ist etwas, was ich getan habe, als ich in einer ähnlichen Position war:
Lerne XHTML und CSS gut: Es gibt viele gute Ressourcen, die hier in anderen Antworten aufgezeigt werden. Im Grunde genommen sind das nur Lernfähigkeiten, mit denen man als Entwickler nicht viel Probleme haben sollte.
Beginnen Sie damit, minimalistische Designs zu kopieren. Es gibt viele von ihnen herum. Ein Beispiel:. Ссылка Es sollte Ihnen das Vertrauen und einigen ästhetischen Sinn bauen helfen
Sobald Sie mehrere gebaut haben, mischen und passen! Angenommen, Sie machen kein ernsthaftes Design, Sie werden überrascht sein, wie weit Sie das bringen kann.
Viel Glück!
Eine sehr subjektive Frage. Was ist eine schöne Website? Ich habe Kunst in der Schule studiert (Kunst nicht Design) und ich hasse mein Webdesign. Die meisten Leute mögen, was ich mache, aber es ist ein sehr langwieriger Prozess für mich.
Ich arbeite mit einem Hardcore-Programmierer mit einem BS in Informatik und er neigt dazu, sehr logisch organisierte Webseiten zu erstellen. Viele Farben (und natürlich die Farben alle etwas bedeuten) und Popup-Beschreibungen für alles. Sie benötigen einen Schlüssel, um seine Seiten zu verstehen. Manche Leute mögen seine Designarbeit, manche Leute nicht.
Das Programmieren von HTML und CSS ist machbar. Mein bester Rat ist, etwas zu finden, das du magst und es zu untersuchen. Von einer Code-Perspektive sowie einer Design / Ästhetik-Perspektive.
Einige Leute kommen nie über die Nachahmer-Stufe hinaus, aber ich denke, wenn Sie wirklich ein guter Designer sein wollen, werden Sie die Dinge absorbieren, die Sie mögen, und es gibt keinen besseren Weg das zu tun, als Websites zu entwerfen / zu entwickeln. Üben, üben, üben oder arbeiten, arbeiten, arbeiten !! Je mehr du arbeitest, desto besser wirst du werden und irgendwann wird dein eigener Stil entstehen.
Es gibt viele gute Bücher über CSS. Mein wichtigster Ratschlag ist, zuerst mit einem etwas kohärenten Design zu beginnen. Normalerweise ordne ich die Homepage einer potentiellen Site komplett in Photoshop ein, lasse dann den Client das Design genehmigen, bevor ich irgendein HTML oder CSS starte.
Sobald Sie eine Entwurfsvorlage haben, mit der alle einverstanden sind, wird die CSS zu einer einfachen technischen Angelegenheit, damit sie genauso aussieht wie Ihr Modell.
Zwei Tipps:
erhalten Sie eine Kopie von "Headfirst HTML and CSS". Dies wird die einfachste (und gute) Einführung in HTML und CSS sein. Sie werden verstehen, wann was zu verwenden ist.
Schauen Sie sich im Internet um (nytimes.com, CSS zen ...), um Inspirationen für tolle Visuals zu erhalten.
Es gibt einige fantastische Ressourcen im Smashing Magazine Befolgen Sie die CSS-Best-Practice-Anleitungen und verwenden Sie einige der "besten" Abschnitte als Inspiration. Es ist einer meiner ersten Schritte beim Start eines neuen Webdesign-Projekts.
Ich denke, Sie müssen zwischen Ihrer Absicht und Ihrer Implementierung unterscheiden. Das CSS-Zeug ist nur ein Implementierungsdetail, nichts weiter als ein Werkzeug des Handels. Wenn Sie bereits visuell ansprechende Websites erstellen, diese aber nicht auf CSS basieren, lohnt es sich, CSS zu lernen. Auf der anderen Seite, wenn Sie unerfahren in Seitenlayout und visuelle Ästhetik sind, dann müssen Sie lesen und experimentieren viel über Seitenlayout Techniken wie Schriftnutzung, Leerraum, Balance, etc ..
Die einzige Seite, die ich immer wieder als Inspiration für mein Design nutze, und nur einige großartige CSS-Hacks zu lesen, ist Ссылка . Aber ich hatte nie den Mut, etwas auf diese Seite zu schicken. Viel Spaß und viel Glück: -)
Lesen Sie Eine Liste getrennt . Ich habe einige meiner besten Tipps und Tipps von dort bekommen.
Ich würde vorschlagen, mit Ihrem Webbrowser zu leben:
Es wird regelmäßig mit Links zu Tutorials zu CSS und Design aktualisiert, die Sie selbst stundenlang lesen und verwenden könnten.
Ich sehe mir Beispiele verschiedener Designs an und gehe dann weg und versuche, sie selbst zu benutzen - seien es Rastersysteme oder einfache Farbschemata. Delicious ist wirklich eine Schatzkiste der Inspiration und Hilfe.