Dois-je utiliser Photoshop pour concevoir mes sites Web?
Je suis en train d'apprendre à concevoir mon site web. J'ai lu beaucoup de théorie du design, mais maintenant que je suis sur le point d'apprendre à utiliser les outils, je suis coincé!
Quel outil dois-je utiliser? Il y en a tellement!
Photoshop? InDesign? Illustrateur?
Quelqu'un peut-il m'expliquer ce que je devrais utiliser et quel est le meilleur moyen d'apprendre?
Merci
Photoshop est principalement utilisé pour la conception du modèle graphique.
La technique couramment utilisée consiste à concevoir dans Photoshop exactement à quoi vous souhaitez que la page de couverture ressemble. Ensuite, vous pouvez créer des tranches ou simplement copier/coller des parties (par exemple, l'en-tête ou la bannière) et les utiliser à l'arrière-plan de l'élément correspondant.
Si vous souhaitez apprendre quelques techniques intéressantes à utiliser, consultez des modèles de sites Web gratuits. Si vous voyez une fonctionnalité que vous aimez, examinez le code source et découvrez comment le faire, puis incorporez-le à votre conception. Au fil du temps, vous pouvez accumuler plusieurs petites astuces qui rendront votre travail vraiment unique.
Pour la conception générale, je préfère les feux d'artifice. Pour moi, c'est plus simple et plus facile à utiliser pour ajuster des emplacements, des tailles et d'autres attributs pour divers éléments. Photoshop pour la conception de pleine page semble très maladroit, car vous ne pouvez pas redimensionner ou changer les choses aussi facilement que dans Fireworks.
Cela ne veut pas dire que Photoshop ne peut pas du tout être utilisé - il reste utile pour créer des éléments spécifiques, tels que des bannières, des boutons, etc., puis les intégrer à Fireworks pour les intégrer à la conception globale.
Fireworks fonctionne principalement parce qu’il s’agit d’un vecteur et ne fonctionne que pour la conception de pages Web. Il est également possible qu'Illustrator, qui est aussi un vecteur, de faire de la conception de page, bien que ce ne soit pas aussi optimisé pour cet usage.
La meilleure façon d'apprendre est de l'utiliser réellement. Si vous aimez le dessin et le graphisme, vous pourrez choisir un nouveau programme et le maîtriser au bout de 2 ou 3 mois. Si vous n'aimez pas le graphisme et que vous ne concevez pas de choses amusantes pendant votre temps libre, il vous sera impossible de devenir bon en graphisme, même si vous suivez un cours payant.
Fireworks est spécifiquement conçu pour la conception Web des programmes de la suite Adobe CS, mais Photoshop peut également fonctionner. Illustrator est un programme vectoriel plus adapté à la création de logos et d’illustrations vectorielles. InDesign est un programme de mise en page plus adapté aux projets nécessitant une typographie intensive, tels que la conception d'impression.
Modifier: Cependant, de nombreuses personnes utilisent Illustrator et InDesign (à la place d'applications telles que OmniGraffle, Axure ou Balsamiq) pour la création d'images en fil, car vous pouvez facilement les afficher en premier. Des widgets d'interface utilisateur pour concevoir vos interfaces utilisateur. Il existe de nombreux kits filaires disponible à télécharger pour ces deux programmes.)
J'ai fait des sites complets en utilisant Illustrator ou Fireworks (le modèle graphique, en d'autres termes), mais je préfère généralement Photoshop uniquement (même si certains graphiques peuvent être créés à l'origine dans un logiciel vectoriel) et créer mon code HTML/CSS dans un éditeur de texte brut ( mais un bon: Notepad ++ vient à l'esprit). Et pour être vrai, faites un tas de sites de cette façon, au fil des ans.
Certaines personnes n'utilisent que les combinaisons Fireworks et Dreamweaver (depuis quelques années, le mode de codage de Dreamweaver respecte votre code, contrairement à d'autres éditeurs WYSIWYG), et à mon avis, cela ne pose pas de problème, même si ce n'est pas ma tasse de thé.
Être parfaitement au courant de certains logiciels graphiques est une compétence fantastique. Cependant, le programme que vous choisissez dépend vraiment du type de travail que vous souhaitez réaliser et de votre style personnel de concepteur.
Analysez votre travail et essayez d’adapter votre style aux principales fonctionnalités des différents logiciels. Regardez des tutoriels (www.lynda.com) et voyez si l'un des processus convient à votre travail.
Cependant, je suggérerais que ce n’est que la première étape de l’apprentissage de la conception Web. Comme mentionné ci-dessus, ces packages graphiques permettent de concevoir des éléments statiques qui ne conviennent pas particulièrement au monde réel.
Au lieu de cela, je recommanderais d'utiliser ces outils pour concevoir des guides de style ( http://www.creativebloq.com/design/create-website-style-guide-61230 ) afin de créer une apparence générique pour vos sites Web. Une fois ces éléments finalisés, vous pouvez passer directement au développement du site dans un éditeur de texte et un navigateur. Utilisez ensuite votre guide de style comme modèle pour créer votre structure, votre navigation et votre contenu.
Il y a tellement de logiciels disponibles aujourd'hui qu'il est de plus en plus facile de se perdre ... Personnellement, j'utilise exclusivement Corel Photo Paint pour créer tout type de graphisme, à la fois pour les sites Web et pour les jeux en 2D, depuis 2001. Pour écrire du HTML, j’utilisais Notepad, mais ses limites étaient inacceptables pour moi et j’ai téléchargé la version gratuite de Coffee Cup HTML Editor, qui facilite beaucoup le travail d’écriture en HTML, CSS, Javascript, PHP et sûrement beaucoup plus. Notez également que le recyclage est une partie très importante de ce travail. Je dois rarement recommencer à zéro.