1. Zuhause
  2. Frage und Antwort
  3. Künstlerische Aspekte von UI?

Künstlerische Aspekte von UI?

2010-03-02 5 views
9

Betrachten Sie einen einzigen Knopf.Künstlerische Aspekte von UI?

Auf den einer Seite haben wir ein schwarzes OpenGL-Fenster, mit:

  • Umriss (in weiß) ein Rechteck
  • Bitmap-Schriftart in der es remdered, sagen "Ok"

Auf der anderen Seite haben wir Mac OS X, eine Schaltfläche, die ist:

  • abgerundete
  • hat einige Gradienten Lichteffekte auf dem
  • schön antialiased „OK“ Erfahrungen
  • weiche Schatten irgendeine Art

Diese beiden UIs derzeit sehr sehr unterschiedliche Benutzers zeigen. Ersteres sagt "Das ist aus den 80ern", letzteres sagt "das ist professionell".

Dies ist etwas, das ich nicht gut als Programmierer verstehe (und nicht weiß, wo man darüber erfährt).

Kennt jemand eine gute technische Ressource dafür? [Ich würde Dinge bevorzugen, die sich auf Psychologie/Wahrnehmungsliteratur beziehen, um zu sagen, warum etwas zu tun ist, statt Bücher zu entwerfen, die nur sagen: "Benutze Farbe XYZ mit einem Farbverlauf von Blah"]

Quelle

2010-03-02 anon

+1

Wenn Sie künstlerisch sind, dann sind Sie haftbar kein wirklich großes Verständnis für diese zu erhalten. Du kannst es gut machen, und viele Leute tun es, aber es gibt wenig Ersatz für einen guten Grafikdesigner. Es ist viel einfacher, ein professionell aussehendes UI zu erkennen, als sich selbst zu setzen und selbst zu entwerfen. – Paddy

+0

Gibt es dafür keine Theorie? Ich würde etwas lieben wie "das ist, wie Menschen Sachen vorausgehen", deshalb sollten wir für diese Funktion optimieren; Für diese Funktion optimieren wir Buttons, die so aussehen. – anon

+3

Es ist auch eine Frage der Mode. In fünf Jahren werden wir alle diese modischen OS X Buttons kotzen. (Und auch "Web 2.0" -Stil.) – Thomas

Antwort

3

Du wirst über Human lesen wollen User Interface RichtlinienHIG und Usability:

Apple's Human Interface Guidelines

Windows User Experience Guidelines

Platform agnostic guidelines

Amazon hat viele books auf dem HIG-Thema, aber ich würde auch Bücher basierend auf Usability empfehlen. Steve Krugs "Don't make me think" ist ein großartiges Buch (hauptsächlich für Web-Usability zugeschnitten) usw.

Quelle

2010-03-02 11:33:31 scunliffe

+1

+1 entgegenzuwirken den Drive-by-downvote. Nützliche Links. – MagicAndi

+0

Keine dieser Ressourcen hat zu diesem Thema viel zu sagen. Sie befassen sich mehr mit der Platzierung von Schaltflächen, der Auswahl von Widgets, Farben usw. Sie befassen sich nicht damit, wie oder warum oder ob "professionell" aussehende Schaltflächen effektiver sind als ihr einfaches Gegenstück. –

+0

Nützlich, aber genau nicht was Anon meinte;) –

7

Hier ist etwas drauf. http://www.alistapart.com/articles/indefenseofeyecandy

Sie können diesen Link überprüfen, um den Teil Ihrer Anfrage im Kommentar zu beantworten. Es hat viele Referenzen auf Proben und einige hilfreiche Links. http://www.usernomics.com/user-interface-design.html

Die Wahrnehmung und Psychologie Teil der Gestaltung der UI kommt nicht als Regel oder Schritte, wie wir alle wissen. Es entwickelt sich im Laufe der Zeit. Wenn Sie Ihre Anwendung benutzerfreundlich und ansprechend gestalten, wird dieser Teil der Magie oder des Deals von experience \ survey hinzugefügt und Sie können auch Laien testen. Ich mache es oft.

Denken auch aus der Box. Sie erhalten eine Lösung, wenn Sie es in der Box lösen. Aber Sie werden eine bessere Lösung finden, wenn Sie darüber nachdenken.

Eine andere nützliche Sache ist ein guter Lerner und Beobachter. Beachten Sie etwas Nettes und Nützliches, wenn Sie Websites besuchen oder andere Anwendungen verwenden. Sie werden es vielleicht nicht einmal bemerken. Es könnte etwas sehr kleines oder triviales sein, aber es macht einen großen Unterschied, wenn es an den richtigen Stellen verwendet wird.

Quelle

2010-03-02 11:46:31 zapping

+0

tolle Antwort. +10 (wenn ich könnte). Dieser Beitrag beantwortet direkt die Frage. –

+0

toll, wie erstelle ich wirklich diese Shinny Search Taste? – anon

+0

@anon: Diese Frage ist zu tief, um sie in einem kleinen Kommentarfeld zu beantworten. Google ist eine wunderbare Quelle, um solche Fragen zu beantworten. –

1

alt text

Ein Klassiker: The Design of Everyday Things

Ziemlich schnell zu lesen, diskutierten einige der Psychologie hinter der Verwendung und das Verständnis menschliche Schnittstellen. Es ist etwas veraltet und konzentriert sich nicht direkt auf die Programmierung von GUIs, aber ich würde hier anfangen.

Quelle

2010-03-03 07:07:17 swanson

0

ich mit Vitruv Festigkeit, Rohstoff-und Freude beginnen würde. Auch Gibson's Affordances. Außerdem haben viele HCI-Forscher die Aktivitätstheorie mit gemischten Ergebnissen angewendet. Normans DOET ist ein guter Anfang, aber ich denke, es deckt nur die ersten 2 von Vitruvs Triade ab - du fragst nach der Freude. Vielleicht auch McClouds Understanding Comics.

Quelle

2010-03-03 15:08:47

0

Das Web-Standard-Curriculum von Opera hat einen sehr guten Abschnitt zu ästhetischen Aspekten, insbesondere in Bezug auf den Farbgebrauch. Ich denke, es ist sehr nützlich, nicht nur für die Webentwicklung, sondern für das gesamte Anwendungsdesign zu lesen.

Es gibt auch eine color scheme designer website, die Sie mit einigen der Farbtheorie Aspekte zu spielen, um ermöglicht. Auf jeden Fall einen Besuch wert.

Quelle

2010-04-08 19:49:53

Verwandte Themen

 Verwandte Themen