Ich kann nicht zeichnen Wie kann ich polierte Anträge stellen?

41

Ich bin kein Grafikdesigner. Ich bin ziemlich schlecht darin, irgendetwas zu zeichnen. Ich bemühe mich, Dinge zu erstellen, die sogar so gut aussehen wie "Beispielanwendungen", die mit Entwicklungstools gebündelt sind. in erster linie, weil ich keine hocke in der art von gütern habe.

Welche Strategien könnte ich ergreifen, um dies zu mildern?

Billy ONeal
quelle
3
Um es klar zu machen: Sie möchten GUIs erstellen, die nicht das Look & Feel der Standardplattform verwenden? Die erste Frage wäre dann: Warum verlassen Sie sich nicht auf das Betriebssystem, um Ihre Benutzeroberfläche zu zeichnen?
Konrad Rudolph
2
@KonradRudolph: Auch mit dem Standard-Look & Feel (was ich eigentlich die meiste Zeit als angenehmer empfinde als alles andere) gibt es noch Kunstobjekte, die normalerweise für eine polierte Anwendung benötigt werden, wie z. B. Symbole.
Billy ONeal
5
Symbolassets: Verwenden Sie Open Source-Symbolsätze. ;-) Es gibt einige ziemlich hochwertige, zB FamFamFam Silk Icons oder Glyphicons … Ich persönlich bevorzuge es, zu viele andere Grafiken zu vermeiden, aber für diese Auftragsarbeiten ist es wahrscheinlich die beste Lösung…
Konrad Rudolph
method.ac kann hilfreich sein, sobald es gestartet ist.
Maxpm

Antworten:

24

Ich persönlich glaube nicht, dass Sie künstlerisch gut sein müssen, um ansprechende Benutzeroberflächen zu erstellen .

Was eine gute Benutzeroberfläche ausmacht, hängt nicht von der Kreativität ab, sondern hängt eher mit einigen gut etablierten Richtlinien zusammen. Wenn Sie diese Richtlinien befolgen und einige üben, können Sie selbst großartige Schnittstellen erstellen.

Ich würde folgendes vorschlagen ...

  • Lesen Sie, was eine gute Benutzeroberfläche ausmacht. (meistens online)
  • Durchsuchen und finden Sie einige Benutzeroberflächen, die Ihnen gefallen.
  • Vergleichen Sie mehrere gute Entwürfe und versuchen Sie, Dinge herauszufinden, die zwischen ihnen ähnlich sind.
  • Schauen Sie sich jetzt Ihr eigenes Design an und prüfen Sie, ob Sie diese Elemente haben.
  • Versuchen Sie, Ihre Benutzeroberfläche so neu zu erstellen, dass sie Ihren Vorstellungen entspricht.

Ich gehe davon aus, dass Sie, wenn Sie diese Übung ein oder zwei Wochen lang machen (und wenn Sie mich fragen, dass ein oder zwei Wochen, um zu lernen, wie man gute Benutzeroberflächen gestaltet, nicht so lange dauert), das meiste lernen werden, was eine gute Benutzeroberfläche ausmacht .

Ich habe nur ein paar Dinge gefunden, die Benutzeroberflächen ansprechend machen:

  • Einfachheit
  • Konsistenz (Farben, Schriftarten, Verwendung von Schaltflächen, Links usw.)
  • Abstand
  • Weniger ist mehr (so viel wie möglich vor dem Benutzer verbergen, ohne die Benutzerfreundlichkeit zu beeinträchtigen)
  • Verwenden Sie keinen weißen Hintergrund und keine schwarze Schrift. Stellen Sie sicher, dass der Kontrast gut genug ist, ändern Sie jedoch in der Regel Ihren Hintergrund in einen hellen Grauton, während Ihre Schrift dunkelgrau ist.

Beginnen Sie auch nicht mit dem Design. Beginnen Sie mit der Funktionalität und lassen Sie das Design weiterentwickeln. Experimentieren Sie auch! Reg dich nicht auf, wenn es nach 1-2 'Iterationen' nicht perfekt aussieht. Mit der Zeit wird es besser. Aber am wichtigsten ist, dass Sie es versuchen müssen .

c_maker
quelle
3
Ich spreche von Polnisch, nicht von UX. Wenn Sie wissen, wie Sie eine "ansprechende" Benutzeroberfläche gestalten, sehen Ihre Symbole beispielsweise nicht besser aus.
Billy ONeal
5
@BillyONeal: Tut mir leid, aber Ihre Frage an mich war viel umfassender als das "Entwerfen von Symbolen".
c_maker
3
Es ist; Symbole sind nur ein einfaches Beispiel. Mein Punkt war, dass dies nicht "hinter einer Ausrede versteckt" ist - es gibt legitime Teile eines anständigen UI-Designs, die Kunst erfordern. Es gibt hübsche und unbrauchbare Schnittstellen, benutzbare und hässliche Schnittstellen, unbrauchbare und hässliche Schnittstellen und benutzbare und hübsche Schnittstellen; eine polierte anwendung muss sowohl brauchbar als auch optisch ansprechend sein. In dieser Antwort sprechen Sie die Benutzerfreundlichkeit gut an (+1). aber das "hübsche" ist auch ein berechtigtes Anliegen.
Billy ONeal
Ich denke, die Schriftfarbe / Hintergrundfarbe geht hier den richtigen Weg. Die Kontrastsache war einer der ersten Punkte, für die ich von der ersten Site, die ich jemals veröffentlicht habe, öffentliches Feedback erhielt. Vielleicht ein paar andere Tipps, wie man Farbe auswählt / anwendet - wie viele? Eins oder zwei? Mehr? Hell oder dunkel? Schreibe es in die Überschriften? Grenzen? Hintergrund? Alle / keine / einige der oben genannten?
Stoive
12

Meine Kunstfähigkeit ist ungefähr 5. Klasse an einem guten Tag :). Ich beschäftige einen Grafikdesigner, entweder beruflich bei der Arbeit, oder meine Frau, die über hervorragende Kunstfertigkeiten verfügt und diese gerne einsetzt.

Beachten Sie, dass Grafikdesign in meinen Augen kein UI / UX-Design ist. Ich mache entweder die Mehrheit von UX oder beschäftige einen UX-Experten, um die Kontrolle über UX zu behalten, der dann mit dem GD zusammenarbeitet, um es hübsch aussehen zu lassen. Obwohl ich sicher bin, dass es gute kombinierte UX / GD-Profis gibt, habe ich sehr schlechte Erfahrungen mit GDs gemacht, die hübsch aussahen, eine sehr schlechte UX hatten und in ein paar Monaten veraltet waren, und werde dieses Risiko nicht eingehen, bis ich habe mit der GD für ein paar Projekte gearbeitet.

mattnz
quelle
1
Zahlen Sie also jemanden dafür oder lassen Sie sich von jemandem anstecken, der das kostenlos kann? : p. Was ist, wenn es zu früh ist, einen Designer Proof of Concept zu bezahlen oder die Funktionalität auszuprobieren? Der Software muss nur eine minimale ästhetische Aufmerksamkeit gewidmet werden, damit die Leute, denen ich meine Software vorführe, nicht von krassen Farben und Schriften abgelenkt werden, für die ich keine besseren Möglichkeiten habe.
Stoive
2
@Stoive. Großartiger Punkt, jetzt hast du mich in Schwung gebracht. Erste Eindrücke sind sehr wichtig. Für jeden Nichtingenieur (und viele Ingenieure) ist die GD in der Regel kritisch. Leider überwiegt sie das UX-Design und -Engineering um mehrere Größenordnungen. Lassen Sie die Grafiken blitzschnell und glänzend aussehen, und die Elstern strömen zum Produkt, egal wie beschissen es ist. Holen Sie sich die GD falsch ......
Mattnz
1
Um es näher zu erläutern: Ich habe einen Kunden davon überzeugt, zuvor einen Grafikdesigner einzustellen (UI-Design ist in Ordnung, Grafiken sind entsetzlich). In diesem Fall zahlte der Kunde bereits (seine Ideen, ich habe nur programmiert), aber unter anderen Umständen müssen Sie den Kunden Vertrauen und Vertrauenswürdigkeit vermitteln, bevor Sie Geld für Grafikdesignressourcen anfassen können. Oder laut OP (Hobby-Projekte?) Wird es nie um Geld gehen - die Einstellung eines Designers ist nicht machbar, aber die Präsentation ist immer noch wichtig.
Stoive
9

Wenn Sie nach grafischen Elementen suchen, gibt es einige Websites, auf denen hochwertige Grafiken zur kostenlosen Verwendung gesammelt werden:

Und vieles mehr, wie zum Beispiel das GNOME-Kunstprojekt , das auch viele kostenlose grafische Elemente enthält.

Da ich kein bisschen kreativ bin und keine Designausbildung habe, bin ich immer auf der Seite des Konservativismus: Verwende etablierte Muster (dh Frameworks) und weiche so wenig wie möglich von ausgetretenen Pfaden ab. Dies wird nicht unbedingt sehr interessant sein, aber zumindest minimieren Sie das Risiko eines Ausfalls und einer UX-Katastrophe.

Picasso sagte, dass „große Künstler stehlen“, aber in Wirklichkeit sind es meistens die talentlosen Hacks, und schauen Sie, wohin Microsoft und Samsung dies geführt haben: zu umsatzstarken Plattformen.

Konrad Rudolph
quelle
8

Sie können Spezialisten für diese Art von Dingen einstellen, aber Sie benötigen keine angeborenen künstlerischen Fähigkeiten, um einige grundlegende Techniken zu lernen. Mein Grundstudium erforderte tatsächlich ein Semester "Kunst für Ingenieure". Ein oder zwei Kurse an Ihrem örtlichen Community College zu besuchen, kann sehr nützlich sein. Sie sind immer noch nicht so gut wie speziell auf diesem Gebiet ausgebildete Personen, können sich aber definitiv so verbessern, dass Ihre Programme professioneller aussehen.

Es gibt auch Bücher, die sich an relative Amateure richten. Ein Buch, das ich für Webdesign nützlich fand, ist The Principles of Beautiful Web Design von Jason Beaird. Selbst wenn sich Ihre Designs nicht wesentlich verbessern, können Sie mit ein wenig Schulung besser ausdrücken, was an einem Design nicht stimmt. Anstatt immer zu sagen: "Ich weiß, dass es schlecht aussieht, aber ich kann nicht herausfinden, warum", können Sie Probleme wie einen schlechten Kerning oder einen Mangel an negativem Speicherplatz genau bestimmen, und das Problem zu definieren ist die halbe Miete.

Karl Bielefeldt
quelle
3

Was Sie vielleicht suchen, ist "UI / UX Design for Developers". Ein Buch zu diesem Thema ist User Interface Design für Programmierer

Wenn Sie nicht auf der Suche nach UI / UX-Design sind, sondern Ihre Fähigkeiten im Grafikdesign verbessern möchten, empfehle ich, eine Klasse für die Verwendung von Adobe Photoshop oder Adobe Illustrator zu finden (wenn nicht, zumindest einige Tutorials im Internet). Wenn Sie ein paar Techniken lernen und die Arbeit anderer Menschen als Inspiration betrachten, werden Sie überrascht sein, wie wenig künstlerische Kreativität Sie brauchen.

Sie könnten beispielsweise das Verlaufswerkzeug in Photoshop zusammen mit dem Werkzeug "Abgerundetes Rechteck" erlernen und rechts etwas Ähnliches wie die Schaltfläche "Newsletter abonnieren" erstellen (in diesem Fall jedoch mit reinem CSS).

Atif
quelle
Der größte Teil von Joels Buch ist auf seiner Website zu finden: joelonsoftware.com/uibook/fog0000000249.html
Fara,
Sieht so aus, als wären etwa 2/3 des Buches da. Es hat keine Kapitel 13-18.
Steve Bennett
1

Lassen Sie andere "die Arbeit für Sie erledigen", indem Sie Frameworks, Vorlagen und vorgefertigte GUI-Komponenten verwenden. Ich kann zum Beispiel weder zeichnen noch entwerfen, also beginne ich für jedes neue Webprojekt mit einer CSS-Vorlage (von den vielen kostenlosen CSS-Vorlagenseiten) für das Layout und das Design und ändere sie dann von dort aus. Diese Vorlagen enthalten ein vollständiges Design, mit dem Sie diese Lücke schließen können.

Ich stimme mit c_maker dass guten Usability ist ein gutes Design, obwohl es klingt Sie präziser auf dem ‚arty‘ designy Ende zu sein.

Wenn Sie Webdesign- und Layoutarbeiten ausführen, finden Sie hier einige dieser CSS-Websites:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/

Michael Durrant
quelle
Das funktioniert für Webentwickler, denke ich. Wirklich mehr sprachautonomisch denken hier allerdings. Dicke Kunden brauchen auch UI-Liebe.
Billy ONeal