Wie kann ich eine Anwendung schön aussehen lassen und nicht wie ein Amateur sie zusammenziehen?
Ich meine grafisch.
Gibt es eine Art Buch, das Sie über schöne Programm-Layouts lesen können?
Ich lege das in das Community-Wiki, also könntest du deine Meinung so hinterlassen, wie wir alle lernen können. : D
Bearbeiten: Oh mein Gott. Ich habe völlig vergessen zu erwähnen, was gut Programm ist. Ich meine Desktop-Anwendungen. Nicht Webanwendungen. : D
Suchen Sie einen Grafikdesigner.
Ich versuche nicht, snarky zu sein, ich sage nur. Ich halte mich für einen ziemlich guten Entwickler, aber in puncto Grafikdesign bin ich auf Strichmännchenniveau.
Die Fähigkeiten (und die Werkzeuge) für gutes Grafikdesign unterscheiden sich grundlegend von den Fähigkeiten eines Entwicklers.
Drei Dinge:
Die folgenden Begriffe sind wirklich wichtig, wenn es um das Aussehen einer Anwendung geht
Benutzeroberflächengestaltung Dies bezieht sich darauf, wie die Anwendung einheitliche weiche Farben, Steuerelemente ähnlicher Größe, glatte Schriftarten, geeignete Gruppierungen von Datenelementen usw. aufweist.
Nutzererfahrung Das ist viel schwieriger zu erreichen. So intuitiv ist die Anwendung "Sind Sie sicher?" und "Bist du wirklich sicher?" Nachrichtenboxen, das Weglassen von Pop-ups und Dialogfeldern, automatische Speicherung, der Fluss von einer Stufe zur nächsten, die Genauigkeit der Datenspeicherung und eine Menge anderer Dinge, die die Benutzererfahrung wirklich erstaunlich machen.
Du kannst kein gutes UX ohne gute Benutzeroberfläche haben, aber es ist definitiv möglich, eine gute Benutzeroberfläche ohne gutes UX zu haben.
Wiederholen Sie es einfach. Ernsthaft, nimm alle Kritik von außen. Bitten Sie sie, spezifisch zu sein. Wenn Sie im Web arbeiten, schauen Sie sich so viele Webseiten wie möglich an. Manchmal können Sie, abhängig vom Ersteller, die Website per E-Mail fragen, warum sie das getan haben, was sie getan haben, und eine Antwort erhalten. Wenn du Desktop machst, finde eine Bibliothek, die du magst, die gut aussehen kann (nicht Swing, hasse mich, wenn du willst.) Dann erstelle, zerstöre, erschaffe, zerstöre und so weiter, bis du glücklich bist.
Das größte Problem, von dem die Leute denken, ist zu lernen, einfach eine Komponente wegzuwerfen, die nicht für Sie arbeitet.
Ich habe festgestellt, dass das Durchblättern der verschiedenen Desktop-Design-Anleitungen sehr nützlich sein kann.
Ich glaube nicht, dass einer von ihnen als "korrekt" angesehen werden kann, aber sie werden Ihnen eine gute Grundidee geben, was im Allgemeinen erwartet wird, soweit grundlegende Theorie wie Ausrichtung, Abstand und Widget-Layout geht .
Ich empfehle Ihnen, die AskTog-Seite zu lesen:
Bruce Tognazzini ... ... gründete die Apple Human Interface Group und fungierte als Apples Human Interface Evangelist.
In der Vergangenheit gab es einige großartige Dinge, wie zum Beispiel die Größe von Knöpfen größer ist als die Wahrscheinlichkeit, dass sie geklickt werden, wie sich die Mausbewegung auf das Design auswirkt usw.
Aber wenn Sie nicht lernen wollen - finden Sie auf jeden Fall einen professionellen Designer.
For Looks: Folgen Sie den Human Interface Guidelines der Plattform. Verwenden Sie die Goldenen Mean , um das Auge zu erfreuen. Vereinfachen, Vereinfachen, Vereinfachen .
Für Verhalten: Beobachten Sie, wie die Benutzer Ihre Anwendung verwenden. Hilf ihnen nicht, korrigiere sie nicht. Stehen Sie hinter einem Zwei-Wege-Spiegel, wenn Sie können. Sie werden schnell eine Menge Orte finden, an denen Ihre Benutzeroberfläche ein Tune-up verwenden könnte.
Ich versuche sehr, meine Benutzer von der Schönheit einer Befehlszeilenschnittstelle zu überzeugen.
Außerdem denke ich, dass es nichts Besseres gibt als "Flurtests". Sie können jedoch immer einen Experten für das GUI-Design einstellen.
Ich mag das Buch Designing Interfaces . Es zeigt viele UI-Entwurfsmuster und wann sie zu verwenden sind. Es wird Ihnen nicht beibringen, Dinge "hübsch" zu machen, aber es kann sehr hilfreich sein, Ihre Anwendung intuitiv und einfach für einen Benutzer zu erfassen. Es präsentiert auch die Muster in einer Plattform agnostic Weise.
Es gibt viele Bücher da draußen sind Grafik-Design, Interface-Design, Web-Anwendung Design, CSS-Design, etc.
Allgemeine Regeln:
Halten Sie Ihre Programmierarbeit von der Entwurfsarbeit fern und machen Sie Ihre Modelle in Photoshop oder etwas Ähnlichem, bevor Sie versuchen, sie zu implementieren. Gute Kodierung und gutes visuelles UI-Design können sehr oft direkt miteinander verglichen werden - was außen gut aussieht, erfordert einige Backend-Arbeiten, die die meisten Programmierer für monströs halten. Gute UIs erfordern oft benutzerdefiniertes Verhalten, das standardisierte Bibliotheken zu verwenden scheint mehr Sinn aus einer technischen Perspektive. Ein Ziel für die funktionale UI wird Ihnen helfen, sich selbst über die "gut genug" -Ergebnisse hinaus zu bringen, die Sie erhalten, wenn Sie festlegen, wie Ihre Bibliotheken standardmäßig bestimmen, wie die Site oder die Anwendung aussehen wird.
Zunächst sollte Usability immer Priorität Nr. 1 haben und Ihr Design vorantreiben:
Das bedeutet jedoch nicht, dass Ihre Bewerbung hässlich sein muss. Und ich stimme denen nicht zu, die sagen: "Entweder hast du es oder nicht". Ich denke, dass fast jeder grundlegende Designfähigkeiten entwickeln kann, wenn sie sich dafür entscheiden. Die Tatsache, dass Sie danach fragen, beweist, dass Sie interessiert sind, was ein großer Schritt in Richtung Lernen ist. Und sogar als Entwickler hilft es zumindest, ein gutes Gespür dafür zu haben, was gut aussieht und wie man eine ansprechende Benutzeroberfläche gestaltet. Und wenn es wichtig ist, können Sie später einen professionellen Designer einstellen, um es auf die nächste Stufe zu bringen.
Es gibt ein paar grundlegende Details zur Designarbeit, die mir geholfen haben:
1.) Verwenden Sie Farben mit Bedacht. Dumpfe Farben sind nicht schlecht, aber sie können das Design langweilig und uninspiriert machen. Wenn Sie sparsamere, sattere Farben sparsam hinzufügen, können Sie die wichtigeren Elemente hervorheben. Dies verbessert nicht nur das Aussehen, sondern kann sogar dazu verwendet werden, die Benutzerfreundlichkeit zu verbessern, indem die Aufmerksamkeit auf Elemente gelenkt wird, die Ihre Benutzer nicht verpassen sollten. Nochmals, wenn Sie dies übertreiben, ist es so, als würden Sie alles in Ihrem Physikbuch hervorheben. Wenn Sie es überall tun, verliert es seine Bedeutung. Ich schrieb mehr über Farben und Kontrast in meiner Antwort hier .
2.) Verwenden Sie Leerraum mit Bedacht. Das ist riesig. Es spielt keine Rolle, ob Sie über eine Website oder eine Windows-App sprechen - eine überladene Anwendung ist hässlich. Es gibt einen guten Artikel darüber in Bezug auf Webdesign , aber Für eine Desktop-App gelten dieselben grundlegenden Regeln.
3.) Fürchtet euch nicht vor dem
Wenn Sie darüber nachdenken, beziehen sich alle diese Vorschläge auf die Hervorhebung.
Es gibt viele Websites, die Tipps zum Design von grafischen Benutzeroberflächen (GUI) bieten. Google für "GUI Design Guidelines" und Sie werden einige finden. Während diese Tipps Ihre Anwendung nicht "schön" aussehen lassen, können sie professionell aussehen. Wenn Sie schöne Grafiken möchten, benötigen Sie möglicherweise Hilfe von einem Grafiker.
hier für eine gute Liste von Büchern zum GUI-Design.
Allgemeine Richtlinien, die wir verwenden:
Spezielle Richtlinien, die wir verwenden:
Hat jemand irgendwelche Tipps für den Programmierer, der kein Budget hat, oder arbeitet an einem Projekt zu Hause zum Spaß? Wir können keinen Designer einstellen, aber wir möchten uns ein wenig anstrengen, damit unsere Anwendungen weniger zu Hause aussehen.
Ich schlage vor, einen Screenshot Ihrer Kreation für Familie und Freunde zu zeigen. Sie werden ihre Vorschläge hassen, weil sie natürlich von Ihren abweichen werden. Aber es kann helfen.
Recherchiere Apps, die ähnlich sind, UND einige, die es nicht sind, dann probiere eine kleine Idee von jedem aus!
Stellen Sie einen Experten ein. Design ist etwas, was du entweder hast oder nicht. Es hört sich an, als ob du (genau wie ich) in der Kategorie "nicht tun" bist:)
Es wird dir eine Vorstellung davon geben, wo mein Kopf ist, meine Antwort auf "Wie machst du normalerweise ein Programm schön?" beginnt mit:
Es ist wahrscheinlich keine gute Idee, mich zu fragen, was ich für eine gute Benutzeroberfläche halte.