Explorez les ressources de conception lors de la construction d'un site Web

Quand vous vous asseyez pour explorer différentes directions web-design, vous n'êtes pas sur votre propre quand il vient à traquer les actifs et les ressources dont vous aurez besoin pour réaliser vos créations. Un certain nombre de ressources de conception en ligne peut être utile au cours du processus créatif.

Banque de Photographies et illustrations

Vous pouvez trouver pratiquement tout type de photo ou une illustration qui vous avez besoin pour un projet (même clips vidéo et audio) à l'une des nombreuses sociétés de stock-médias en ligne.

Il est très peu coûteux à acheter des images web-résolution à utiliser dans vos compositions, et il vaut bien l'argent. Heureusement pour fins web-design, vous avez seulement besoin l'une des images plus petites (chaque image a quelques options de taille). Ce que vous ne pas voulez faire est d'utiliser les versions d'essai gratuites d'images qui ont le copyright blasons sur eux. Voilà une telle distraction pour les clients, et il rend vos dessins regardent mat.

Si vous téléchargez les versions d'espace réservé gratuits d'images juste pour vous assurer qu'ils vont travailler pour vos dessins, généralement chacun vient avec un numéro de l'image dans son nom de fichier. Gardez ce numéro de code dans le fichier! Si vous avez besoin d'aller acheter l'image plus tard (ou une version haute résolution de celui-ci), vous pouvez le rechercher par son code.

Photographie numérique et numérisation des images

Vous avez déjà un iPhone? Il a une étonnante caméra intégrée qui, à la rigueur, peut capturer des images d'excellente qualité que vous pouvez e-mail à votre ordinateur de bureau, ajuster et redimensionner dans Photoshop, et plop dans votre conception de sites Web en quelques minutes. Appareils photo numériques haut de gamme sont très bien aussi, mais juste avoir l'étape supplémentaire de brancher la carte mémoire ou corde de fixation pour obtenir les images de la caméra. Ou, si vous vous engagez un photographe professionnel, vous obtenez en général un DVD de toutes les images à trier. Les bonnes nouvelles sont que parce que vous travaillez avec seulement 72 dpi, les images numériques sont assez rapide et facile à travailler.

L'autre option consiste à numériser des images à l'aide d'un scanner à plat de bureau. Pour les scanners de bureau, toujours numériser à peu près deux fois la résolution dont vous avez besoin. Pour les graphiques web qui doivent être 72 dpi, numériser les images à 150 dpi. De cette façon vous capturer suffisamment de détails pour faciliter l'édition. Vous pouvez zoomer dans les détails dont vous avez besoin et de rogner le reste, et vous pouvez toujours le rétrécir vers le bas, ce qui élimine le grain de l'analyse. (Mise à l'échelle vers le bas des images leur fait perdre en détail, y compris le détail qui met en évidence les imperfections.)

Typographie

Lors de la création d'options de conception Web, il est préférable d'utiliser “ grec ” texte comme un espace réservé pour tous les corps de texte. Vous ne voulez pas un client en se concentrant sur la lecture du texte dans vos compositions.

Pour les titres de décoration, essayer différentes polices au Veer. Vous pouvez taper votre propre expression, ajuster la taille et la couleur, et de voir à quoi il ressemble dans un assortiment de polices. Ce qui est encore mieux, si vous droit; cliquez sur (PC) ou Contrôle-clic (Mac) sur le texte personnalisé que vous créez dans Veer, vous pouvez économiser de l'échantillon comme un fichier PNG transparent. Notez que si vous le faites, le nom de la police est inclus dans le nom du fichier de sorte que vous pouvez garder une trace de ce qui est ce que la police. Vous pouvez ensuite placer le texte dans votre mise en page Web et de voir comment cela fonctionne, même de changer ses couleurs ou appliquer des effets. Le texte lui-même est une image bitmap, mais cela est une excellente façon de “ essayer avant d'acheter ”.

Brosses Photoshop

Photoshop excelle à vous permettant de créer des textures et des effets uniques à utiliser dans vos créations. Vous pouvez penser que vous devez télécharger ces textures que des images de Photographies entreprises, mais en fait il ya une tonne de libre et peu coûteux Photoshop brosses que vous pouvez télécharger en ligne qui créent pratiquement tout type de texture à partir de sang éclaboussé à Disney pixie poussière. Si vous suffit de faire une recherche Google pour “ personnalisée Photoshop Brushes, ” vous aurez une multitude de sites à choisir. Ou vous pouvez rechercher des brosses spécifiques comme “ pixie dust Photoshop brosse ”. Bien sûr, vous avez encore besoin d'investir beaucoup d'argent pour acheter Photoshop première!

Widgets

Widgets sont des composants standard de l'ordinateur et navigateur interfaces - barres de défilement, touches du système, des boutons radio, des curseurs, des cases à cocher, et autres. Vous aurez souvent besoin de les représenter dans vos conceptions de Web pour indiquer les composants qui seront générées par le système. Plutôt que de prendre des captures d'écran et de découper les morceaux vous-même, vous pouvez utiliser certaines ressources en ligne qui fournissent des widgets déjà découpées sur fond transparent, prêt à être placé dans vos créations.

Templates web-design

Si vous avez besoin d'aide ou obtenir des idées de commencer, un certain nombre de ressources en ligne offrent des modèles gratuits ou pay-per-download web-design de qualité variable. Il ya tellement de sites offrant ces modèles que si vous venez de faire une recherche Google pour “ modèles web-design, ” vous serez bien sur votre chemin. Même si vous ne commandez pas de modèles en ligne, ils sont une grande ressource pour obtenir des idées de conception. Ces modèles sont généralement des fichiers Photoshop en couches qui sont déjà mis en place en termes de résolution et de dimension, et maintenant il est juste une question de bricoler avec eux et la personnalisation.