Faire la conception web plus efficace avec des outils de mudcu.be gratuit en ligne

Si vous avez déjà essayé votre main à la conception web et vous n`êtes pas vraiment un type de personne artistique, alors vous savez que la non-programmation réelle partie « conception » de l`équation peut être un peu difficile.

Pour certaines personnes, comme certains membres de ma famille qui sont trop pas cher pour acheter un logiciel de création d`image, la difficulté se pose quand ils veulent faire des logos sur mesure ou arrière-plans. Pour certains programmeurs, le problème vient lorsque le code CSS est nécessaire, et ils ont pas tout à fait se mettre à jour sur les dernières normes CSS.

Vous pouvez passer beaucoup de temps à vous tenir à la vitesse sur les dernières tendances et les normes de conception web. Avec l`avènement de tant d`outils de conception web WYSIWYG là-bas, la création de sites Web est en baisse plus dans le domaine des non-programmeurs que les programmeurs ces jours-ci. Le problème avec cela est que quand il s`agit de peaufiner un design à faire ce que vous voulez vraiment faire, il faut revenir à un programmeur, il n`y a pas de contourner cela.

Heureusement, il y a beaucoup de ressources qui peuvent aider avant d`avoir à aller ramper à un programmeur de l`aide. Chez MUO, nous aimons la conception web et couvrir le sujet souvent, comme Ann examen Firebug, mon examen kompozer, ou la liste de Steve d`une grande blogs web design à suivre.Guide de l`amateur de personnalisation Conception de site Web avec FirebugGuide de l`amateur de personnalisation Conception de site Web avec FirebugLire la suite

Un site particulier qui fournit une liste d`outils de conception web vraiment utiles que tout le monde peut utiliser est Mudcu.be.

Outils Mudcu.be Web Design

Mudcu.be est ce que je qualifierais une boîte à outils des outils de base pour un web designer travaillant sur un très petit budget (ou pas de budget). Les outils que vous trouverez sur ce site sont très concentrés sur le graphisme et la conception ou la coordination des couleurs de votre site Web. En fin de compte, les couleurs sont vraiment ce qui peut faire ou défaire une conception, donc ce sont des outils importants pour avoir à portée de main.

Si vous êtes un de ces gens qui ont juste ne pas l`argent pour établir pour la peinture de qualité ou de l`image logiciel de création, ou peut-être vous voyagez avec un petit ordinateur portable ou netbook et vous avez besoin d`une solution d`édition d`images sur le Web. Un outil à Mudcu.be qui peut aider est le Sketchpad.

L`outil Sketchpad vous laisser à peu près fabriquez une image que vous voulez dans un outil basé sur le Web qui est semblable à Windows Paint. Cependant, après avoir utilisé Sketchpad pendant un certain temps, je me sentais vraiment comme il est beaucoup plus facile à utiliser et de manière plus flexible que Windows Paint. Lorsque vous avez terminé, cliquez sur la petite image disque en haut, et vous pouvez enregistrer l`image que vous venez de créer à votre ordinateur. Il est facile.

Maintenant, à mon avis les plus cool des outils que Michael Deal offre sur son site sont la sélection COLRD d`outils de dégradé de couleurs. Ce sont une série d`outils de la palette de couleurs qui vous permettent d`ajuster soigneusement les éléments de couleur pour arriver à l`ombre exacte de la couleur que vous avez besoin. Vous réglez la teinte, la saturation et la luminance, et d`ajuster les niveaux de rouge, vert et bleu, et vous pouvez simplement choisir de la boîte de couleurs similaires de la droite si vous voulez. Lorsque vous avez terminé, le code couleur de l`ombre vous avez créé est répertorié juste au-dessus des curseurs.

La série d`outils de COLRD comprennent des applications Web similaires à celui ci-dessus. Le menu « Créer » vous permet de choisir l`outil de couleur ci-dessus, ou vous pouvez aller avec Palette, dégradé, ou de l`ADN d`image.

Les autres outils sont explicites, mais l`ADN d`image est vraiment utile de mentionner. Avec cet outil, vous pouvez ouvrir une image que vous pouvez avoir sur votre ordinateur, puis utiliser l`outil pour identifier les couleurs dans la photo.

La beauté d`un outil comme celui-ci est que si vous prévoyez d`utiliser certaines images sur votre page Web, cette application Web vous permet d`identifier les couleurs que vous pouvez utiliser sur votre page Web qui correspondent parfaitement aux couleurs dominantes de votre photo. Cela peut aider les concepteurs Web amateurs à surmonter le problème très commun de la couleur se heurtant sur une page Web - transformer ce qui pourrait être un design décent dans un site atroce.

En parlant de sites atroces, en ce jour et l`âge, pourquoi diable les gens ont encore milieux désagréables qui ressemblent ils sont venus tout droit sorti des années 1990? Une fois que vous avez vos couleurs de site web et images tous classés avec les outils ci-dessus, vous pouvez passer au générateur d`arrière-plan.

Cette application web vous permettra de choisir parmi une longue liste de « textures » pour votre arrière-plan. Certains d`entre eux peuvent regarder ringard si vous ne mettez pas à droite, mais beaucoup d`entre eux semblent vraiment bien si vous utilisez les sélections de dégradé pour affiner la nuance de couleur afin qu`il ressemble bien avec vos images et les couleurs du site. Une fois que vous avez terminé, cliquez sur le bouton « Générer CSS », et le code CSS est généré pour vous. Il ne va pas beaucoup plus facile que cela.

L`outil vient même avec une fonction « simulateur », où vous pouvez tester l`arrière-plan sur votre page Web avant d`implémenter réellement. Voici à quoi il ressemble quand je lance le simulateur sur Google.com.

Michael aime couleur, et aucun outil le montre plus que sa sphère couleur. La façon dont il décrit sur le site Web, la sphère de couleur est censé vous permettre de « visualiser des harmonies de couleurs » à l`aide des formules qui il est venu avec. Il est en fait assez impressionnant, car il vous permet de démarrer avec une certaine sélection de couleurs, rouge dire - puis il se casse la couleur de votre choix dans un gradient d`autres couleurs qui se jettent dans « l`harmonie ». Ceux-ci seraient les couleurs que vous voudriez rester avec sur votre site pour faire en sorte que toutes les couleurs vont bien ensemble

Il suffit de jouer avec la Sphère couleur pendant un certain temps, je dois dire que même si je ne sais pas ce que formules qu`il utilise, les choix de couleurs ne fonctionnent très bien ensemble.

Une autre des applications de Michael qui mérite d`être mentionné est en fait une offrande AppSpot appelé Daltonize. C`est un outil vraiment impressionnant qui vous permet d`identifier le type de daltonisme que vous avez, puis utilisez cette sélection pour activer votre navigateur pour afficher les pages Web pour vous dans un format qui prend votre daltonisme en compte.

Après avoir installé le signet dans votre navigateur, en suivant les instructions, vous verrez une icône de globe dans votre barre d`outils (au moins dans Chrome). Daltonize paramètres vous permettent d`identifier les lacunes de la vision des couleurs chaque fois que vous ouvrez le navigateur, et vous pouvez également modifier le type de daltonisme sélection à tout moment.

Voici ce que la page qui ressemble lorsque vous utilisez le filtre cécité couleur. Si vous n`êtes pas daltonien, l`image ci-dessous montre mon blog, qui a normalement une teinte orange pour la couleur des côtés d`en-tête et l`icône, comme une couleur pourpre éclatante. On dirait qu`il teintés aussi quelques-unes des images sur le site ainsi. Outil très impressionnant!

Ce n`est pas une liste de tous les outils de conception disponibles à Mudcu.be, donc si la couleur est votre truc, ou si vous cherchez des façons de mieux intégrer la couleur dans votre conception de sites Web, ce site est une visite incontournable.

Avez-vous déjà du mal avec des couleurs dans vos efforts de conception web? Quels outils ou techniques utilisez-vous de faire correspondre les choses? Partagez vos pensées et des idées dans la section commentaires ci-dessous!