Comment pouvez-vous apprendre à concevoir de beaux sites Web à la recherche? [fermé]

Question

Je suis un développeur web moyennement capable. Je peux mettre des choses là où je veux aller et mettre des trucs JQuery là-bas si je dois. Cependant, si je fais mon propre site web (que je commence à faire) Je ne sais pas comment le concevoir. Si quelqu'un était assis à côté de moi un point à l'écran et dire « cette photo là, texte, il » je peux le faire assez facilement. Mais la conception de mon propre site avec mon choix de couleurs et texte ressemblera à un enfant en bas âge a inventé.

Quelqu'un sait-il des sites / livres que je peux regarder ou Quelqu'un at-il des conseils sur les bases de la conception web non-enfant en bas âge?

Answer 1

Vous avez quelques petites choses à faire.

Conseils:

Apprendre à utiliser Photoshop. (Dans les styles particulier, la couche sont excellentes. Note juste qu'ils peuvent avoir des effets difficiles à réimplémentez dans CSS2) Il va un long chemin à faire de bons mockups.

Regardez les sites conçus par des professionnels. Quels sont les sites que vous avez été à ce regard agréable de vous?

Trouver des sites qui vous dérangent et considèrent ce qui pourrait faire mieux. Regardez les publicités de produits aussi bien. Emballages alimentaires. Annonces dans les journaux. Vous le nom.

En outre, une fois que vous commencez à obtenir le coup de lui, la pratique, la pratique, la pratique. Graphics prend du temps à se développer comme une compétence, en particulier d'un programmeur qui a le codage à considérer. (Dégradés vs "tileability")

Outils

(Photoshop est un Paint.NET préféré. est une bonne solution de rechange de Windows, mais pas tout à fait puissant.)

960 système de grille . Il a des modèles pour la plupart des programmes graphiques grand public. Check it out.

Références:

Regardez certains de ces sites: (je l'ai vu plus, je vais essayer d'ajouter que je viens à travers eux)

• A List Apart
• John McCain
• BarackObama.com
• Hayon2010.com (D'accord, je fait celui-ci, mais je pense que c'est agréable. modifier :. J'apprécierais des commentaires sur trop ;-D)

Answer 2

Côté pratique

Il y a certainement des aspects pratiques, étape par étape de conception qui sont importantes pour apprendre. Pas tout est subjectif.

• Conception Web Tutoriels: http://webdesign.tutsplus.com/

• Tutoriels Photoshop: http://psd.tutsplus.com/

• Des tonnes de tutoriels: Lynda

Inspiration

• Site Web: Inégalée style

• Site Web: Abduzeedo

• Livre: lignes directrices pour le succès en ligne

• Site Web: Smashing Magazine

Compétences Conception

Général Design

• Livre: Conception graphique: La nouvelle base

• Livre: Conception graphique, Referenced

• PDF: Le Big Four: Contraste, répétition, alignement, proximité

Typographie

• Livre: Pensée avec le type

• Livre: Les éléments de style Typographic

• Article: http://en.wikipedia.org/wiki/Typography

• Article: http://www.informationarchitects.jp/en / le Web est-all-about-typographie-période /

Mise en page

• Livre: mise en page Cahier

Couleur

• Livre: couleur Cahier design

• Livre: Harmonie des couleurs Cahier

Philosophie du Design

  

« La plus stupide erreur consulte le design comme quelque chose que vous faites à la fin du processus de « mettre en ordre » le désordre, par opposition à la compréhension de c'est une question et une partie de tout « jour ». » -Tom Peters

  

« Une bonne conception maintient l'heureux utilisateur, le fabricant dans le noir et l'esthète unoffended. » -Raymond Loewy

  

« intègre la conception élégante fonctionnalité vraiment haut de gamme dans une forme simple et épurée. » -David Lewis

     

« Une bonne conception est une bonne affaire. » -Thomas J. Watson Jr.

Plus Citations

Answer 3

Cela peut être un peu hors sujet, mais je ne me rappelle Jeff Atwood recommande vivement le livre Do not Make Me Think . Il décrit comment vous devez concevoir votre site Web pour la meilleure expérience utilisateur.

Answer 4

Ogilvy sur la publicité: ce livre couvre quelques notions de base de la conception graphique ainsi que beaucoup de bon sens pour faire toute sorte de prospectus, publicité, etc., même si elle était écrite ainsi avant l'ère www.

De manière plus générale, parcourir des livres et des magazines sur le design graphique, art fine, la décoration, le cinéma - il y a beaucoup de principes de conception communs pour faire quelque chose de visuellement attrayant et rendre l'information ou tout autre contenu attrayant. Un peu comme la façon dont l'électromagnétisme est commun à l'électronique, la science planétaire, la chimie, le nucléaire et d'autres domaines de la physique et l'ingénierie.

Answer 5

Un autre bon livre dans cet espace serait La conception de Everday les choses. Il couvre beaucoup des idées pratiques comme favorisant des conceptions qui se prêtent à une utilisation plus facile en tirant parti de la façon dont les gens abordent naturellement une chose nouvelle. Le livre est pas spécifiquement sur l'interface utilisateur ou de la conception web, mais ne couvre qu'un peu, je crois.

Un exemple au début du livre est des portes. Il parle de la façon dont les portes avec un bouton ou une poignée sur un côté et les charnières visibles sont intuitifs, parce que vous savez la porte de la ouvrira en poussant ou en tirant sur ce côté. portes fantaisie avec charnières cachées, barres de poussée à travers toute la porte ou les boutons centrés sont difficiles et nécessitent un moment d'expérimentation parce qu'ils ne sont pas un fonctionnement intuitif.

Answer 6

Un outil que je trouve une valeur inestimable dans la conception est Color Scheme Designer . Je prends généralement une couleur que je voudrais baser la conception autour, puis utiliser le schéma « Analogic » pour obtenir une belle série de couleurs assorties. Pour moi, obtenir les couleurs est juste le pire, donc après que le reste est juste d'obtenir un aménagement agréable et de l'application de la palette de couleurs limitée.