Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden auf beide Bereiche hinweisen, die gut erledigt werden, zusätzlich zu den Bereichen, in denen etwas Arbeit anfallen könnte. Zum Schluss bitten wir Sie, Ihr Feedback zu geben, sowohl durch Kommentare als auch durch Abstimmungen in unserer Design-Umfrage.
Die heutige Seite ist K? Nstler.co.at.
Wenn Sie Ihre Website für eine zukünftige Design-Kritik einreichen möchten, dauert dies nur wenige Minuten. Für die Bewertung Ihres Designs berechnen wir 34 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über Künstler
? Nutzen Sie unsere Website, um sich und Ihre Kunst vorzustellen, erhöhen Sie Ihre Reichweite und sprechen Sie mit Menschen auf der ganzen Welt, denn egal, ob Sie Musiker, Schriftsteller oder Bildhauer sind: k? Nstler.co.at ist die richtige Plattform für Sie .
Hier ist ein Screenshot der Homepage:
Wie immer verwenden wir diesen Punkt als Absprungpunkt und analysieren zunächst das Gesamtdesign und besprechen dann einige spezifische Bereiche.
Erste Eindrücke
Ich mag das Gesamtbild der Website. Es ist hell, farbenfroh, enthält viel Leerzeichen und hat ein logisches, leicht verständliches Layout.
Die Grafiken sind definitiv ein Blickfang und der große JavaScript-Schieberegler ist eine großartige Möglichkeit, um die Website dynamischer zu gestalten und eine Menge Inhalt auf eine einzige Seite auf völlig übersichtliche Art und Weise zu stopfen.
Ich konnte sofort feststellen, dass die Website Lobster für die Typografie verwendet. Lobster ist eine schöne und mutige Schrift, die völlig kostenlos ist und sich als großartiger Kandidat eignet, wenn Sie benutzerdefinierte Schriftarten (insbesondere ein Skript) in Ihre Website einbetten möchten.
Wiederholung
Eine andere Sache, die die Website gut macht, ist Wiederholung. Ein visuelles Thema hat sich stark etabliert und wird an verschiedenen Stellen des Designs zurückgegeben.
Visuelle Wiederholung ist eines Ihrer wichtigsten Werkzeuge im Design, und Sie sollten unbedingt lernen, wie Sie es anwenden. Diese Seite enthält einige Wiederholungen und bringt sie meiner Meinung nach nicht zu weit, sondern bringt sie bis an den Rand. Möglicherweise war zu viel mehr als übertrieben und zu viel weniger war möglicherweise nicht so effektiv.
Das Logo
Die erste Stelle, an der Sie die Lobster-Schrift sehen, ist das Logo. Ich bin damit einverstanden, da es ein starkes, lesbares Skript ist, das perfekt für Logos geeignet ist. Ich finde es aber definitiv nicht gut, dass Lobster auch als kleinere Schrift im Logo verwendet wurde.
Das Mischen von Typografie kann schwierig sein und ist am Ende eine sehr subjektive Kunst. In der Regel möchten Sie jedoch unbedingt Skripte vereinfachen. Sie sind viel schwieriger zu lesen als eine einfache alte Serifen- oder Sans-Serif-Schrift und sollten in so großer Nähe fast nie in unterschiedlichen Größen verwendet werden.
In einer Situation wie dieser ist die kleinere Schriftart eindeutig als sekundäre Nachricht eingerichtet und sollte daher eine sekundäre Schriftart verwenden. Lassen Sie das fette Skript die meiste Aufmerksamkeit auf sich ziehen und verwenden Sie etwas Subtiles für den Untertext. Hier ist ein kurzes Beispiel, das ich zusammengeworfen habe.
Auswählbarer Text
Meiner Meinung nach geht es beim Einbetten von benutzerdefinierten Schriftarten in eine Website nicht nur um das Verringern der Dateigrößen durch Reduzierung der Bilddaten, sondern auch um die Benutzerfreundlichkeit und das Erstellen von auswählbarem Text.
Diese Seite verwendet Cufon, um Lobster in die Seite einzubetten. Diese Lösung erfordert nicht nur JavaScript, um zu funktionieren (akzeptabel, aber nicht ideal), sie wirkt sich auch auf die Textauswahl aus.
Der Hauptgrund, warum ich mich damit beschäftige, ist, dass Lobster mit einem @ font-face-Kit von FontSquirrel so einfach einzubetten ist. @ font-face ist eine auf CSS basierende Lösung, die viel Browser unterstützt und zu schönen, auswählbaren Texten führt. Sogar die Cufon-Website deutet darauf hin, dass die Verwendung von @ font-face der "einfachste Weg ist, Standards zu akzeptieren."
Schöne Knöpfe
Ich möchte eine Sekunde dauern und sagen, dass ich das Design dieser Schaltfläche liebe.
Es ist groß und kühn, umgeben von Leerzeichen, bunt; großartiges Design. Dies ist definitiv mein Lieblingselement auf der Seite.
Inhalt mit Registerkarten
So wie der Bildschieber oben auf der Website eine großartige Möglichkeit darstellt, viele übersichtliche Bilder anzuzeigen, ist der Inhalt der Registerkarten in der Mitte eine großartige Möglichkeit, auf kleinstem Raum viele nützliche Informationen zu haben.
Wenn Sie diesen Bereich mit deaktiviertem JavaScript betrachten, werden einfach alle verschiedenen Bereiche gleichzeitig angezeigt, die wie bei einer typischen Website übereinander angeordnet sind. Dies gibt Benutzern, die dies wünschen, eine bessere Erfahrung und schließt Benutzer, die dies nicht tun, nicht aus.
Fazit
In den meisten Fällen handelt es sich hierbei um eine wirklich gut gestaltete Website. Anstelle größerer Design-Überholungen schlage ich nur vor, ein paar Anpassungen vorzunehmen und sich auf Funktionalität und Lesbarkeit zu konzentrieren, insbesondere bei der Verwendung der benutzerdefinierten Schriftart.
Damit Sie sich ein Bild von der gesamten Site machen können, finden Sie hier einige weitere Einstellungen von einigen anderen Seiten:
Du bist dran!
Nun, da Sie meine Kommentare gelesen haben, helfen Sie dem Designer mit ein paar weiteren Ratschlägen. Teilen Sie uns mit, was Sie an dem Design toll finden und was Sie für stärker halten könnten. Wie immer bitten wir Sie, auch den Designer der Site zu respektieren und eine klare, konstruktive Beratung ohne harte Beleidigungen anzubieten.