Ab dieser Woche werden wir in der QQ-Kommunikationsgruppe täglich eine der Webdesign-Fragen zusammenfassen und in einem wöchentlichen Zyklus in Artikeln zusammenfassen. Diese werden jeden Freitag auf dem Blog veröffentlicht und in der Gruppe geteilt damit jeder es lesen und nachschlagen kann. Im Vergleich zu den Design-Tutorials, die wir häufig veröffentlichen, ist diese Art von Fragen und Antworten eher auf Einzelpersonen ausgerichtet und näher an unserer täglichen Designarbeit. Ich persönlich habe diese Erfahrung auch gemacht. Manchmal bleiben mir ein oder zwei Probleme lange im Gedächtnis und können nicht gelöst werden. Durch Zufall stoße ich auf einen Artikel, der diesen Aspekt nur berührt, und fühle mich plötzlich erleuchtet. Daher ist diese Form auch sehr wertvoll. Nachfolgend finden Sie alle Fragen und Antworten aus Woche 1. Ich hoffe, dass sie allen bei der Gestaltung hilfreich sein werden.
1. Der Ausdruck der Textur und die Bewertung der Qualität der Arbeit (Xiao Li Feidao am Freitag, 24. August)
Wie drückt man die Textur auf der Website aus? Sie ist sehr klar und schockierend. ‏Ich möchte, dass der Gruppeneigentümer Ihnen eine genauere Antwort gibt. Es gibt beispielsweise mehrere Möglichkeiten, das helle Gefühl der Navigation auszudrücken Ob deine Arbeit gut oder schlecht ist, zum Beispiel die Plakate im Poster-Supermarkt. Wie kann ich mich verbessern? Ich habe das Gefühl, dass meine Frage zu weit gefasst ist oder dass ich sie nicht klar erklärt habe. Wie auch immer, ich hoffe, der Gruppenbesitzer kann meine Stimme hören. Ich bin auf einen Engpass gestoßen und weiß nicht, was eine gute Arbeit ist, wenn es um Poster geht.
Antwort: Es gibt viele Stilrichtungen für farbenfrohe Designs, aber tatsächlich hängt es hauptsächlich von den Änderungen im Detail ab. Wenn Sie fragen möchten, wie viele Designstile es gibt, kann man sagen, dass es unzählige gibt. Der Schlüssel liegt darin, die Struktur der Elemente und die Veränderungen in den Lichtern und Schatten zu betrachten. Durch unterschiedliche Elementstrukturen und Lichteffekte können unterschiedliche Elementstile entstehen. Nennen Sie zur Veranschaulichung einfach ein paar Beispiele:
Aufgrund der Unterschiede in Struktur und Licht sind die Unterschiede zwischen den oben genannten vier Elementen sehr offensichtlich. Der spezifische Stil und die Farbe, die Sie in Ihrem Design verwenden sollten, müssen mit dem Informationsgehalt des Designs in Zusammenhang stehen und können visuelle Assoziationen erzeugen. Wenn Sie beispielsweise ein Design über eine Auto-Rallye entwerfen möchten, ist dieser klare und helle Stil offensichtlich nicht geeignet. Stattdessen sollten Sie ein raues, originelles und natürliches visuelles Erlebnis in Betracht ziehen. Möglicherweise müssen Sie mehr verwenden einen raueren Pinseleffekt als die oben genannten Designstile.
Um Ihre zweite Frage zu beantworten: Wie beurteilt man die Qualität einer Arbeit? Manche Leute sagen, dass dies reine Ansichtssache ist und es überhaupt keinen Standard gibt. Ich persönlich bin der Meinung, dass diese Aussage nur teilweise richtig ist, aber nicht als Gesamtzusammenfassung bezeichnet werden kann. Gutes Design sollte bestimmte Standards haben, die im Design dargestellt werden sollen. Werden die wichtigen Informationen visuell widergespiegelt? Ist die gesamte Designatmosphäre ausreichend? Ich denke, dass es zu diesen Themen einige relativ einheitliche Ansichten geben sollte.
2. Ressourcenklassifizierung, Verbesserung bei Engpässen (Weison am Montag, 27. August 2012)
Hallo Bruder Feiyu! Ich habe mir mehrere Ihrer Vorträge angehört und Ihren Blog gelesen und finde, dass Sie sehr professionell sind. Ich bin ein Designstudent, der seit mehr als zwei Monaten seinen Abschluss gemacht hat, und möchte mich mit Arbeiten im Bereich Webdesign (Interface-Design) befassen. Jetzt möchte ich Ihnen ein paar Fragen stellen:
1. In meinem täglichen Leben sammle ich einige Bilder und Websites, die ich interessant und hochwertig finde, aber es ist umständlich, sie zu finden und zu verwalten, wenn es zu viele sind. Ich möchte fragen, wie ich sie klassifizieren soll.
2. Ich beherrsche die PS-Technologie bereits sehr gut, aber ich habe das Gefühl, dass die gestalteten Arbeiten nicht von hoher Qualität sind und die Leute nicht beeindrucken können, nachdem ich sie gelesen habe , was muss ich tun, um diesen Effekt zu erzielen?
3. Ich habe das Gefühl, dass mein Designdenken nicht breit genug ist. Obwohl ich die Designs vieler anderer Leute gesehen habe, kann ich bei der eigentlichen Arbeit nur einige Farbverläufe, Projektionen, Hervorhebungen usw. hinzufügen. Was sollte ich tun, um kreativ zu sein? ? Anbei meine Arbeit, ich freue mich auf Ihren Rat, danke!
Antwort: Lassen Sie mich jede Frage einzeln beantworten.
1. Meiner persönlichen Erfahrung nach besteht die beste Klassifizierungsmethode darin, nach den am Design beteiligten Branchen zu klassifizieren, z. B. Hotels, Bildung, Designstudios usw. Erstellen Sie Ordner entsprechend diesen Namen und ordnen Sie verwandte Designarbeiten in Kategorien ein. Ich habe sie zuvor nach Stilen wie chinesischem Stil, Web2.0-Stil usw. klassifiziert, aber ich habe festgestellt, dass es bei Bedarf nicht leicht zu finden ist, denn wenn wir auf andere Werke verweisen möchten, ist unsere Idee normalerweise „ Lassen Sie mich einen Blick darauf werfen. „Welche Websites zum Thema Hotel haben andere erstellt?“ Zu diesem Zeitpunkt müssen wir also nur den Ordner des Hotels finden, was sehr praktisch ist.
2. Tatsächlich ist dies das Ziel, das alle Designer verfolgen. Nachdem Sie die persönlichen Arbeiten gelesen haben, die Sie mir geschickt haben, empfehle ich Ihnen, an den folgenden zwei Punkten zu arbeiten. Das erste sind die Details des Designs. Wir können beobachten, dass alle Arbeiten, die uns unwillkürlich „Wow, das ist großartig!“ rufen, als makellos im Detail gelten können. Am Beispiel Ihrer Arbeit habe ich persönlich das Gefühl, dass die Details noch verbessert werden müssen. Lassen Sie mich Ihnen zwei einfache Beispiele nennen, wie zum Beispiel:
Auf der Website der China Navy ist der Abstand zwischen der Projektliste und der linken Seite der Seite zu gering, wodurch die Seite voll und etwas überfüllt wirkt. Der Kontrast zwischen dem schwarzen Text und dem weißen Hintergrund ist zu groß. Wenn zu viele Texte vorhanden sind, wird empfohlen, ihn auf Grau einzustellen und dabei die Lesbarkeit zu gewährleisten. Die gepunktete Trennlinie ist offensichtlich ein zweitrangiges Element im Vergleich zum Text, also machen Sie sie nicht so auffällig. Es wäre besser, zurückhaltend damit umzugehen.
Das Wellensymbol auf der linken Seite des Titels „Diversified Military Mission“ passt nicht gut zum Inhalt des Titels. Das Symbol selbst ist nicht auf den ersten Blick zu erkennen Stil der gesamten Seite, sodass Sie sehen können, dass bei der Verwendung eines Symbols viele Dinge zu beachten sind, und diese können als Details bezeichnet werden. Wenn diese Aspekte berücksichtigt werden, wird das Designniveau verbessert. Darüber hinaus wirken die grüne Hintergrundfarbe der theoretischen Forschung und die blaue Hintergrundfarbe des direkten Kontakts verschwommen, was den Menschen das Gefühl gibt, dass das Design nicht sorgfältig genug ist. Im Webdesign sind Orte wie diese 1 Pixel oft die Verkörperung von Designschönheit.
Nach der Betrachtung der Details geht es im nächsten Schritt um die Gestaltung der Atmosphäre. Atmosphäre ist etwas, das sich nur schwer klar erklären lässt. Mein persönliches Verständnis ist, dass die Gesamtatmosphäre des Webdesigns durch die Einheit des visuellen Stils jedes Elements entsteht. Um sicherzustellen, dass die Gesamtatmosphäre ausreichend ist, muss das Design einheitlich sein Richtung. Schauen Sie sich zum Beispiel das Bild unten an:
Dies ist eine besondere Seite von Bell, dem Gastgeber des Überlebens in der Wildnis, mit dem jeder vertraut ist. Sie können die auf dem Stein geschriebene Navigation, den abgenutzten und abgenutzten Text und den gezeichneten Inhalt beobachten Grobe Pinselstriche Der aus Trennlinien und zerrissenem Papier bestehende Inhaltshintergrund unterscheidet sich im visuellen Stil, ist jedoch in der Richtung einheitlich. Wenn Sie diese Seite öffnen, werden Sie von der ursprünglichen, natürlichen und wilden Atmosphäre begrüßt. Dies ist ein bemerkenswerter Aspekt unserer Bemühungen, in unserem Design tiefgründige Szenen zu schaffen.
3. Diese Frage zeigt, dass Sie nicht genug getan und gesehen haben und dass Ihre Ausdruckstechniken mangelhaft und unzureichend sind. Nehmen Sie die Seite oben als Beispiel, Sie könnten sich vorstellen, auf Stein geschriebene Navigation, mit groben Strichen gezeichnete Inhaltstrennlinien und zerrissenes Papier zu verwenden, um jede Seite zu vervollständigen Ein Teil des Informationsgehalts ermöglicht es ihnen nicht nur, ihre ursprünglichen Funktionen zu erfüllen, sondern gewährleistet auch das visuelle Erlebnis. Dies ist ein Niveau, das nur mit viel Übung erreicht werden kann. Wie das alte Sprichwort sagt, ist es immer richtig, zu lernen mehr und mehr tun. Was die von Ihnen erwähnten Techniken wie das Hinzufügen von Farbverläufen und Hervorhebungen betrifft, stellen sie nur eine Art von Designstil dar. Wenn wir die Seite mit dem wilden Design oben sehen, können wir unserer Meinung nach sofort verstehen, wo unsere Grenzen liegen.
3. Schnelles Layout mit CSS-Framework (DS am Dienstag, 28. August 2012)
Hallo Lehrer. Ich möchte den Lehrer fragen, wie ich mein Div+CSS-Layout-Framework schneller erstellen und die Seite schneller gestalten kann. Verfügen Sie über ein ausgereiftes Div+CSS-Framework-System? Habt ihr auch gute Vorschläge für mich?
Antwort: Ich habe keine dringenden Anforderungen an die Geschwindigkeit, wenn ich CSS für den Schriftsatz verwende, daher verwende ich immer EditPlus für die Handschrift. Wenn Sie ein vorgefertigtes Framework zur Verbesserung der Layouteffizienz benötigen, können Sie das 960-Rastersystem ausprobieren. Das 960-Rastersystem stellt nicht nur die für das Design erforderlichen PSD-Vorlagendateien bereit, sondern unterstützt auch frühen Code. Obwohl die Verwendung von Rahmen die Effizienz des frühen Entwurfs und Satzes verbessern kann, ist die Voraussetzung, dass Sie mit der Struktur und den Standardwerten des Rahmens vertraut sind. Der grundlegende Satzcode des 960-Gittersystems lautet wie folgt:
<div class="container_12"> /*Gibt insgesamt 12 Spalten innerhalb von 960 Pixeln an*/
<div class="grid_7 prefix_1"> /*Insgesamt 7 Spalten, wobei 1 Spalte vorne reserviert ist*/
<div class="grid_2 alpha"> /*Belegt insgesamt 2 Spalten, der erste Klassenselektor in der ersten Zeile muss die Alpha-Klasse hinzufügen*/
</div>
<div class="grid_3">
</div>
<div class="grid_2 omega"> /*Belegt insgesamt 2 Spalten, der letzte Klassenselektor in der ersten Zeile muss die Omega-Klasse hinzufügen*/
</div>
</div>
<div class="grid_3 suffix_1"> /*Belegt insgesamt 7 Spalten und lässt 1 Spalte übrig*/
</div>
</div>
4. Gibt es sogenannte Design-Industriestandards (LoidCo am Mittwoch, 29. August 2012)
Ich möchte alle fragen: Gibt es im Webdesign sogenannte Design-Industriestandards? Schriftarten verwenden beispielsweise standardmäßig gerade Schriftgrößen der Song-Dynastie, oder in der Vergangenheit enthielten viele Website-Logo-Designs Symbole + Chinesisch + Domainnamen. Wie sollte der ausgewählte Status in der Navigationsleiste unten gestaltet sein, um den Industriestandards zu entsprechen? Wenn der ausgewählte Status in der Navigationsleiste, z. B. Blütenblätter, rot ist, ist es dann angemessen, Blau zu verwenden, wenn die Farbe meines Logos blau ist?
Antwort: Ich persönlich glaube, dass es keinen sogenannten Industriestandard gibt und jedes Design ausreicht. Die wichtigsten Überlegungen sind, ob die Informationen klar ausgedrückt werden, ob das Benutzererlebnis gut ist und ob sie optisch ansprechend sind. Man kann nur sagen, dass die sogenannten Designregeln im Laufe der Zeit von allen verwendet werden. Tatsächlich können diese sogenannten Designregeln jederzeit gebrochen werden Chinesische Schriftarten verwenden 12 Pixel und 14 Pixel. Der Grund dafür ist, dass diese beiden Schriftgrößen die Lesbarkeit gewährleisten und schön aussehen, aber als Titel erscheint der 14-Pixel-Text manchmal zu klein Größe kann besser geeignet sein. Ein weiteres Beispiel: Fettschrift wird im Vergleich zur Schriftart Arial selten verwendet. Der Grund dafür ist, dass die Lesbarkeit von 14-Pixel-Fettschrift im allgemeinen Text nicht so gut ist wie die Schriftart Arial, wenn sie bei der Gestaltung bestimmter Werbeslogans verwendet wird , Fettschrift ist möglicherweise besser geeignet. Es kommt also auf die Situation an. Es besteht keine Notwendigkeit, diese Gewohnheiten absichtlich zu brechen, geschweige denn, sich an sie zu binden. Für die englische Sprache werden beim Webdesign häufig serifenlose Schriftarten wie Arial, Tahoma und Verdana sowie Serifenschriften wie Georgia-Schriftarten verwendet.
5. Vertrauen in die Website und Ängste bei der Anpassung des Designs (Xi am Donnerstag, 30. August 2012)
1. Wie kann man den Leuten ein Gefühl der Sicherheit im Design vermitteln? Zum Beispiel: Online-Banking/Alipay-Zahlungsseite? Farbanpassung oder solide Komposition?
2. Wie kann man den Nutzern mehr Lust vermitteln, weiterzuschauen, oder wie kann man Spannung in die Komposition bringen?
3. Wie können Sie Ihre Emotionen im Zusammenhang mit Design-Burnout regulieren? In dieser Zeit werden Sie immer unerklärlicherweise manisch sein ...
Antwort: Erste Frage. Die Frage, die Sie stellen möchten, sollte sein, wie eine Website den Besuchern ein Gefühl des Vertrauens vermitteln kann. Wie können Besucher sicher sein, persönliche Informationen einzugeben und Vorgänge mit vertraulichen Finanzinformationen durchzuführen? Es gibt jedoch viele Faktoren, die das Vertrauen eines Besuchers in eine Website beeinflussen. Die von Ihnen erwähnten visuellen Faktoren, wie z. B. Farbanpassung, Zusammensetzung und andere Faktoren, sind nur ein Aspekt und können ein kleiner Aspekt sein. Aber das bedeutet nicht, dass der visuelle Aspekt nicht wichtig ist. Denken Sie an eine Website mit einem abscheulichen Gesicht und voller Werbung. Können Menschen darauf sensible Informationen verwalten? Aber die folgenden Faktoren können uns mehr Vertrauen geben:
1. Markenbekanntheit. Meine persönlichen Online-Kontovorgänge werden grundsätzlich über Alipay abgewickelt, aber wenn Apple oder Microsoft einen lokalen Drittanbieter-Zahlungsdienst einführen, werde ich es meiner Meinung nach gerne ausprobieren.
2. Exzellenter Service. Schnelles und problemloses Zahlungserlebnis, schnelle Bargeldabhebung, Überweisung, Kreditkartenrückzahlung und weitere Funktionen.
3. Gute Benutzererfahrung. Dies spiegelt sich in jedem Detail der Website wider. Wenn Sie beispielsweise eine Kreditkartennummer eingeben, wird die Kreditkartennummer automatisch in Vierergruppen unterteilt, oder es handelt sich um einen klaren und prägnanten Beschreibungstext usw. Oft sind es die Details der Website, die die Leute am meisten bindet.
4. Komfortables visuelles Erlebnis. Dabei handelt es sich um die Farbabstimmung, Zusammensetzung und andere Elemente, die Sie oben erwähnt haben.
Es gibt viele Dinge, die eine gute Website tun muss. Die visuellen Aspekte sind das, was wir am meisten spüren, aber im Vergleich zu den Informationen und Funktionen der Website sind sie nicht die wichtigsten Aspekte Aufmerksamkeit auf.
Zweite Frage. Ich persönlich denke nicht, dass es so mysteriös ist, dass ich nie das Bewusstsein habe, Spannung in die Komposition zu bringen, vielleicht ist das Niveau natürlich nicht gut genug sobald sie fertig sind.
Die dritte Frage. Dies sollte während des Designprozesses ein relativ häufiges Problem sein. Besonders wenn die Aufgabe schwer ist und die Zeit knapp ist, werde ich hier und da eine Handvoll haben kommt, setze ich es schnell um, ohne zwei Schritte zu unternehmen. Sobald ich auf einen Ort stoße, der Geduld und langsame Arbeit erfordert, wechsle ich sofort zu einem anderen Plan. Nachdem ich zwei Schritte ausgeführt habe, fühle ich mich umso nervöser Ich werde, und je ängstlicher ich werde, desto weniger leiste ich, was zu einem Teufelskreis wird. Um diese Situation zu vermeiden, bin ich persönlich der Meinung, dass es besser ist, keine überstürzten Maßnahmen zu ergreifen, sondern den Wunsch, PS zu öffnen, Stück für Stück zu zügeln und befolgen Sie die von Ihnen in Betracht gezogene Richtung. Ich denke, das kann nicht nur die Qualität der Arbeit sicherstellen, sondern auch den Entwurfsprozess weniger schmerzhaft machen. Wenn Sie wirklich besorgt sind, ist es eine gute Idee, eine Pause einzulegen Weg.