Frage

Ich arbeite an einem Visual Studio 2005 vb.net Windows Forms-Projekt, das es schon seit mehreren Jahren gibt.Es ist voll von Standardtextfeldern, Beschriftungen, Dropdown-Menüs, Datagrids, Datums- und Uhrzeitauswahlmöglichkeiten – alles Standardmaterial.Das Endergebnis ist ein sehr graues, alt aussehendes Projekt.

Was wäre der beste Ansatz, um dieses Projekt frisch und schick aussehen zu lassen?Ich würde lieber nicht die gesamte Lösung mit völlig neuen Formularobjekten neu schreiben, aber wäre das vermeidbar?

War es hilfreich?

Lösung

Ich habe heute eigentlich nur einen Dialog aufpoliert.Vieles hängt davon ab, welche Art von Anwendung Sie haben und auf welchem ​​Betriebssystem sie ausgeführt wird.Ein paar dieser Tipps werden sicherlich viel dazu beitragen, die Sache aufzupeppen.

  1. Achten Sie auf einen ausreichenden Abstand zwischen den Bedienelementen – drängen Sie sie nicht alle zusammen.Der Raum ist ansprechend.Sie können auch versuchen, die Steuerung etwas anders zu gestalten, wenn Sie mehr Platz haben.

  2. Fügen Sie einige neue 3D- und Hochglanzbilder ein.Sie können ein großes gelbes Ausrufezeichen in einen benutzerdefinierten Warndialog einfügen.Ersetzen Sie alte Symbolleistenschaltflächen durch neue.Zwei Bibliotheken, die ich verwendet habe und die mir gefallen, sind GlyFX Und IconExperience.Sie können auch kostenlose finden.Beauftragen Sie im Idealfall einen Grafiker damit, einige benutzerdefinierte Aktionen für die spezifischen Aktionen Ihrer Anwendung zu erstellen, um die von Ihnen häufig verwendeten Aktionen zu ergänzen (stellen Sie sicher, dass sie alle zusammenpassen).Das wird viel dazu beitragen, dass es schick aussieht.

  3. Versuchen Sie es mit einer anderen Schriftart.Tahoma ist gut.Oft ist die Standardschrift MS Sans Serif.Das kannst du besser.Vermeiden Sie jedoch Times New Roman und Comic Sans.Vermeiden Sie außerdem große Fettblöcke – gehen Sie sparsam damit um.Im Allgemeinen möchten Sie, dass alle Schriftarten gleich sind, und verwenden Sie unterschiedliche Schriftarten nur sparsam, um bestimmte Textteile hervorzuheben.

  4. Fügen Sie bestimmten Steuerelementen gedämpfte Farben hinzu.Das ist eine knifflige Angelegenheit.Sie möchten immer gedämpfte Farben verwenden, normalerweise nichts Helles oder Kräftiges, aber die Farben sollten etwas anzeigen, oder wenn Sie ein Raster haben, können Sie es verwenden, um logische Gruppierungen anzuzeigen.Das ist ein rutschiger Abhang.Beachten Sie, dass Benutzer möglicherweise ihre Systemfarben ändern, wodurch sich das Erscheinungsbild Ihrer Farben ändert.Geben Sie ihnen idealerweise ein paar Farbthemen oder die Möglichkeit, Farben zu ändern.

  5. Anstatt an Augenschmaus zu denken, denken Sie an Benutzerfreundlichkeit.Machen Sie die gängigste Vorgehensweise deutlich.Mark Miller von DevExpress hält einen großartigen Vortrag über die Wissenschaft des User Interface Designs.Ich habe tatsächlich ein Video davon und kann es mit ein wenig Aufräumarbeiten vielleicht online stellen.

  6. Investieren Sie in ein paar hochwertige Steuerungen von Drittanbietern.Das Ersetzen aller Steuerelemente könnte mühsam sein, aber wenn Sie beispielsweise die Standardraster verwenden, würden Sie es mit einem guten Raster von wirklich aufpeppen DevExpress oder ein anderer Komponentenlieferant.Beachten Sie, dass verschiedene Anbieter unterschiedliche Philosophien hinsichtlich der Verwendung ihrer Komponenten haben, sodass der Austausch etwas mühsam sein kann.Fangen Sie klein an, um das Wasser zu testen, und probieren Sie dann etwas wirklich Kompliziertes aus, bevor Sie sich dazu entschließen, alle Teile auszutauschen.Das Einzige, was schlimmer ist als hässliche Gitter, sind hässliche Gitter gemischt mit hübschen Gittern.Konsistenz ist Gold!

  7. Sie könnten auch darüber nachdenken, Ihre alten Symbolleisten und Menüs durch ein Multifunktionsleisten-Steuerelement zu ersetzen, wie es Microsoft in Office 2007 getan hat.Dann wird jeder denken, dass Sie wirklich uptown sind!Ersetzen Sie wiederum nur Schlüsselkomponenten und UI-Elemente, ohne daran zu denken, dass Sie die gesamte UI überarbeiten müssen.

  8. Achten Sie natürlich auf die Grundlagen wie Tab-Reihenfolge usw.Konsistenz, Konsistenz, Konsistenz.

Einige Apps eignen sich für umfassendes Skinning, andere nicht.Im Allgemeinen möchten Sie nichts Auffälliges, das häufig verwendet wird.

Andere Tipps

Eine weitere Sache, die Sie ebenfalls überprüfen sollten, ist, dass Ihre Steuerelemente über das verfügen FlatStyle Eigenschaft festgelegt auf System statt Standard.

Dadurch wird sichergestellt, dass die App die Systemstandards für Optionsfelder, Standardschaltflächen und dergleichen verwendet.Dies übernimmt für alle Ihre Apps das flache Win 2000-Erscheinungsbild und verleiht ihnen je nach Betriebssystem den XP- oder Vista-Look.

Ich empfehle den Kauf einer guten Steuerungsbibliothek eines Drittanbieters - Infragistik Und DevExpress, sind nur ein Paar.Die meisten dieser Bibliotheken bieten Ihnen die Möglichkeit, neue kompatible Steuerelemente zusätzlich zu Ihren vorhandenen einzufügen – Sie können beispielsweise die Standard-EditBox durch eine erweiterte Version ersetzen.Sie ermöglichen Ihnen auch Zugriff auf einige der schicken neuen Benutzeroberflächen wie Ribbon oder den Navigator im Outlook-Stil, den sich die Leute immer wünschen.

Der Grund, warum ich die Verwendung einer dieser Bibliotheken ausdrücklich empfehle, besteht darin, dass sie so konzipiert sind, dass sie relativ einfach in vorhandenen Anwendungen verwendet werden können, Sie Support, eine Community und alle möglichen Upgrade-Pfade/-Optionen erhalten.

Der Nachteil:Geld.

Dies ist weniger eine „Antwort“ als vielmehr eine Meinung.

Ich habe versucht, ein WinForms-Projekt, das ich vor ein paar Jahren erstellt habe, aufzupeppen, indem ich den Formularen einen schicken blauen Hintergrund mit Farbverlauf usw. gegeben habe, und es sah unter XP ziemlich gut aus.Aber dann sah es unter Vista fehl am Platz aus.Durch das Entfernen jeglicher Sonderanstriche und die Wiederherstellung der Form in „Schlachtschiffgrau“ sah es meiner Meinung nach viel besser aus.

Ich sehe viele Anwendungen (insbesondere von MS), die mit benutzerdefiniertem Fenster-Chrom usw. herauskommen, und alles, was dies tut, ist, das schöne Gefühl der Konsistenz zu beeinträchtigen, das Windows vermittelt.

Ich denke, was ich damit sagen will, ist, dass Sie sich nicht allzu viele Gedanken darüber machen müssen, ob Ihre Bewerbung modisch aussieht.Wenn Sie Ihre Farben auf der Grundlage der SystemColors-Enumeration beibehalten, kann Windows dies für Sie erledigen.

Was wäre der beste Ansatz, um dieses Projekt frisch und schick aussehen zu lassen?

Meiner Meinung nach ist das Beste, was Sie tun können, sicherzustellen, dass die Steuerelemente logisch angeordnet sind und ausreichend Abstand zwischen ihnen haben, und gegebenenfalls Gruppenfelder/Beschriftungen usw. hinzuzufügen.

Wenn Sie versuchen, das „Graumeer“, das Standardfarbschema, zu ändern, sieht Ihre App am Ende einfach nur beschissen aus.

Dies hängt davon ab, wie das bestehende „graue, alt aussehende“ Projekt in Bezug auf den Code strukturiert ist.Ist beispielsweise der Datenzugriffscode von der Benutzeroberfläche in einer Datenzugriffsschicht getrennt, befindet sich die Geschäftslogik in einer Geschäftslogikschicht?Wenn ja, sollte das Bereinigen der Benutzeroberfläche für ein schickes Aussehen relativ einfach sein.

Wenn im „Button Click“-Ereignis alles vorhanden ist, ist ein Umschreiben meiner bescheidenen Meinung nach die einzige Möglichkeit, da es sonst einfach zu zeitaufwändig wäre, mit der vorhandenen Codebasis zu arbeiten.

Prost

Sie können alle Standardsteuerelemente in Unterklassen umwandeln und deren Erscheinungsbild überschreiben.Zugegebenermaßen müssen Sie das gesamte Projekt durchgehen und alle Verweise von TextBox in MyTextBox ändern, aber alle Standardeigenschaften und -methoden funktionieren weiterhin.Dasselbe kann nicht garantiert werden, wenn Sie sich an einen Drittanbieter wenden.Der andere Vorteil dieses Ansatzes besteht darin, dass Sie jeweils ein Steuerelement auswählen und ein inkrementelles Upgrade der Anwendung durchführen können.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top