Projet communautaire la trousse filaire Tuts + Illustrator

Appel à tous les membres de la communauté! Nous avons un petit projet pour vous prendre part! Nous sommes en train de compiler un kit filaire pour Adobe Illustrator, créé par vous, la communauté Tuts +.. 

Mettre à jour:

En raison de la faible participation à ce projet communautaire, j’ai bien peur d’avoir tiré le bouchon. Il n’y aura pas de kit filaire :( Il est parfois difficile de savoir ce qui sera populaire ou non de la communauté. Merci à tous ceux qui ont envoyé des actifs en!

Attends quoi? Wireframe Wa… ?

Les structures filaires sont un moyen de trier le bruit, de clarifier le but et les fonctionnalités d'un produit. Pour les sites Web, cela signifie disposer de simples éléments de page afin d’établir des relations visuelles et fonctionnelles entre eux. J'ai récemment écrit à ce sujet dans 10 astuces pour construire des structures filaires avec Illustrator.

Les kits filaires constituent un moyen très simple de saisir des éléments de page et de les disposer sur la toile. Ces kits peuvent être fabriqués pour l'application que vous préférez utiliser; Omnigraffle, Sketch, mais dans ce cas, nous allons construire un kit pour Adobe Illustrator.

Vous ne savez toujours pas de quoi je parle? Chercher fil de fer sur Dribbble et vous trouverez des tonnes d'inspiration.

FocusLab fabrique des trucs plutôt sympas…

Qu'est-ce que je dois faire?

Ce kit sera construit à partir d'une collection de symboles graphiques. Nous vous demandons donc de nous soumettre tous les éléments graphiques d'éléments de page génériques auxquels vous pouvez penser..

Normalement, un kit filaire comprendra des éléments qui partagent tous des styles visuels communs. Ce ne sera pas le cas ici! Quel que soit le nombre de contributeurs, cette collection de symboles sera tout sauf uniforme, et ce sera aussi son charme.

Voici une liste rapide de certaines des choses que vous pourriez vouloir soumettre:

  • Éléments de forme
  • Boutons
  • La navigation
  • Éléments multimédias (lecteurs vidéo, audio, etc.)
  • Les icônes
  • Plans
  • Blocs de titre et autres blocs de typographie
  • Espaces réservés d'image
  • Contours de l'appareil mobile
  • … Et tout ce que vous pouvez trouver!

Quelques lignes directrices

Ce n'est pas un Achevée libre à tous, il y a une ou deux choses à garder à l'esprit pour garantir que vos soumissions sont acceptées!

  • Incluez votre nom et un lien vers votre portefeuille si vous le souhaitez (ceci est pour la liste des crédits).
  • Pas de couleur s'il vous plaît, gardez les choses bien et monochrome.
  • S'en tenir aux polices système si vous utilisez le type.
  • Il est utile que vos graphiques soient regroupés sous la forme des symboles, mais pas une affaire-breaker si vous oubliez.
Panneau Symboles d'Adobe Illustrator

J'ai rassemblé un exemple très rapide de ce que nous recherchons. Téléchargez le fichier .ai et jetez un coup d'oeil. Vos symboles peuvent être plus détaillés, ou moins, c'est à vous de choisir.

Les envoyer!

Une fois que votre symbole filaire (ou symboles) est prêt, envoyez-le partout sous la forme d'un Fichier Adobe Illustrator. Écrivez-moi directement à création de sites web@tutsplus.com. Quand j'ai rassemblé assez d'éléments, peut-être que dans quelques semaines, je vais tout compiler et le publier sous Creative Commons pour que le monde entier en profite (un peu comme le projet de communauté Any Old Icon).

J'ai hâte de voir ce que vous proposez!