De temps en temps, je dois juste essayer quelque chose de nouveau. Peut-être que je sens mes compétences glisser. Peut-être que je veux relancer les neurones responsables de ma créativité. Peut-être que je m'ennuie. Il y a beaucoup de bonnes raisons de relever un défi de conception, vraiment.

En voici d'autres: Vous pouvez ajouter des conceptions conceptuelles à votre portefeuille. Vous pouvez bloguer à propos de vos expériences et faire la promotion de vos compétences. Vous pouvez relever un défi de conception avec d'autres amis créateurs et peut-être même concurrencer. Vous pouvez mieux comprendre la technologie que vous utilisez.

Le but est de faire quelque chose différemment de la façon dont vous faites habituellement les choses. Changer pour lui-même n'est pas toujours souhaitable, mais essayer de nouvelles choses est la façon dont nous évoluons en tant que concepteurs et en tant que personnes. Il suffit peut-être de ne faire aucun de ces défis sur le site d'un client, sauf si vous êtes absolument certain qu'ils l'aimeront.

1. Essayez de construire quelque chose de nouveau

C'est en fait mon défi personnel. J'essaie de construire quelque chose - généralement quelque chose à voir avec la mise en page - que je n'ai pas construit auparavant. Il pourrait s'agir d'une interface à défilement horizontal efficace et accessible, d'un site à trois colonnes que j'aime réellement ou d'une image d'arrière-plan réactive en plein écran avec un positionnement absolu.

vous pouvez essayer de nouveaux modules CSS ... sans trop vous soucier de la compatibilité entre navigateurs

C'est un défi lorsque vous essayez de nouveaux modules CSS, ou des techniques auxquelles vous n'aviez pas pensé auparavant, sans trop vous soucier de la compatibilité entre navigateurs ou d'autres problèmes de ce genre.

2. Changez vos couleurs

Je sais que personnellement, je suis toujours tenté de rester avec ce que je sais travailler, en ce qui concerne les couleurs. J'adore mes nuances de couleurs, mes gris, mes verts et bleus saturés, etc. À moins que vous ne deviez suivre un style spécifique ou un guide de marque, il peut être facile de faire appel à vos connaissances.

Eh bien, sortez de votre zone de confort! Construisez un site avec un schéma de couleurs que vous ne devriez normalement pas utiliser. Pour moi, cela consisterait à utiliser des couleurs plus vives et plus audacieuses. Je devrais monter la saturation en général. Pour vous, vous pourriez envisager une mise en page sombre, si vous en avez l'habitude. Utilisez des couleurs plus calmes, si vous êtes enclin à devenir brillant et audacieux. Beaucoup d’entre nous, y compris moi-même, n’utilisons pas assez de contraste dans nos conceptions. Essayez d'ajouter plus. Heck, essayez un design qui est tout simplement en noir et blanc, et le faire fonctionner.

3. Copier une mise en page compliquée

Ok, ne copiez pas exactement le site de quelqu'un d'autre. Il suffit de trouver un site avec une mise en page ou une conception agréable et complexe, et de le copier sans regarder la source. Construisez le tout à partir de zéro en examinant les principaux éléments de la mise en page et en définissant comment le faire vous-même. Ne l'utilisez pas pour un site en direct, mais comme un simple exercice HTML / CSS / JS.

le but n'est pas de créer une copie parfaite, mais d'apprendre les principes qui sous-tendent les décisions de conception.

Vous pouvez choisir de copier un de ces sites fantastiques et expérimentaux pour voir si vous pouvez gérer le même exploit. Vous pouvez également copier la mise en page à partir d'un grand site de vente au détail pour voir comment gérer de manière pratique cette quantité de code HTML et CSS. Copiez un site de nouvelles pour voir comment ils gèrent la mise à l'échelle de grandes quantités de texte et d'images de manière réactive.

Rappelez-vous que le but n'est pas de créer une copie parfaite, mais d'apprendre les principes qui sous-tendent les décisions de conception.

4. Concevoir et / ou coder un site à l'aide de nouveaux outils

Si vous avez l'habitude de créer, essayez Bootstrap ou un framework moins connu. Essayez un autre pré-processeur. Essayez un autre CMS. Essayez un autre gestionnaire de fichiers ou un autre éditeur de texte. Si vous êtes un programmeur et / ou que vous ressentez de la douleur, supprimez votre framework JS préféré et essayez-en un autre.

Évidemment, si vous voulez approfondir, ce serait l'un des défis les plus longs, mais il n'est pas nécessaire d'acquérir trop de temps pour apprendre les principes de fonctionnement des nouveaux outils. La clé est de ne pas nécessairement changer tout ce qui concerne votre flux de travail, mais de vous exposer à de nouvelles idées potentiellement meilleures.

5. Essayez une nouvelle méthodologie

Semblable à la dernière entrée, vous pouvez passer un après-midi ou deux à essayer une façon de travailler totalement différente. Si vous êtes principalement un spécialiste du graphisme, essayez de voir comment les autres démarrent et remplissent leurs maquettes. Regardez comment les autres organisent leurs couches. Voyez si vous pouvez apprendre quelque chose d'eux. Ou vous pourriez envisager une méthodologie de conception à part entière comme Conception atomique .

Du côté du développement frontal, vous pouvez essayer une nouvelle méthodologie CSS. Hongkiat a un bon aperçu de quelques-uns des moyens les plus populaires d’organiser votre CSS.

6. Affiner un ancien design

Quand je regarde mon travail de conception plus ancien, mes émotions les plus communes sont la frustration et un peu de dégoût. Dans cet état, j'ai souvent décidé de procéder à une refonte complète. Si vous faites cela depuis un certain temps, il est probable que votre ancien travail repose sur des principes solides. Il suffit de le mettre à jour et de le perfectionner.

appliquer de nouvelles connaissances à l'ancien design au lieu de tout brûler et recommencer

Prenez un ancien design et mettez-le à jour sans changer ses éléments de base. Peut-être garder la même disposition, mais mettre à jour l'espacement des éléments. Conservez les caractères choisis, mais mettez à jour les styles de texte pour mieux refléter vos connaissances en typographie. Gardez les couleurs choisies, mais faites-en meilleur usage.

Il suffit de voir ce qui se passe lorsque vous appliquez de nouvelles connaissances à l'ancien design, au lieu de tout graver et de recommencer.

7. Suivez un tutoriel (le mode difficile)

Les tutoriels sont souvent une mine d'informations, même si vous y êtes depuis un certain temps. Ne copiez pas et ne collez pas le code. Trouvez un bon tutoriel long et tapez vous-même chaque ligne de code d'exemple. Suivez attentivement chaque étape de Photoshop. Observez comment tout change à mesure que chaque pièce du puzzle est ajoutée.

Si vous ne comprenez pas un peu, lancez-le sur Google jusqu'à ce que vous le fassiez. Le défi ici n’est pas celui de la créativité, mais de la compréhension… et peut-être de l’endurance.