hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Spécification de conception de bâtiment dans Photoshop avec SpecKing

Disons que vous êtes le concepteur web travaillant avec des développeurs web qui traduiront votre PSD en codes. Avant de leur transmettre le PSD, vous devez étiqueter votre conception avec les bonnes spécifications telles que les tailles, les marges et les propriétés de police. Ceci afin que votre fichier PSD puisse être traduit avec précision dans un document Web par le programmeur.

Cependant, cette tâche peut être très fastidieuse, sans compter le temps, surtout si vous avez un tas de calques, de texte et d'éléments. SpecKing est un plugin Photoshop qui peut simplifier ce processus en vous permettant de mesurer et d'annoter votre design en un seul clic .

Installation

Notez que SpecKing nécessite, au minimum, Photoshop CS5 pour s'exécuter. Pour l'installer, double-cliquez sur le fichier SpecKing.zxp et suivez le processus d'installation.

Ensuite, ouvrez Photoshop, allez dans le menu Fenêtre> Poste et sélectionnez Specking. Nous pouvons trouver le panneau SpecKing dans la barre latérale.

Tailles de mesure

Comme mentionné précédemment, SpecKing nous permet de mesurer la taille des couches, le groupe de couches et les sélections . Pour ce faire, sélectionnez le calque et cliquez sur le bouton Mesurer la taille.

Conception de l'interface du tableau de bord par Asif Aleem

Pour changer les couleurs de l'étiquette, nous devons spécifier la couleur d'arrière-plan et de premier plan sur la boîte à outils avant de cliquer sur le bouton Mesurer la taille.

La position de l'étiquette, comme vous pouvez le voir ci-dessus, sera placée à l'extérieur de la couche. Mais, SpecKing nous permet également de placer l'étiquette au milieu, comme si.

Nous pouvons également augmenter notre productivité de manière significative en sélectionnant plusieurs couches, puis en donnant un label de spécification en un seul clic.

Mesurer les distances

Avec SpecKing, nous pouvons également mesurer les distances. Sélectionnez le calque, allez dans le deuxième onglet sur le panneau de spécification, et cliquez sur le bouton Mesurer la distance.

Par défaut, il mesurera les distances du calque, par rapport au document. Faites une sélection sur certaines couches afin que la mesure soit relative à la zone de sélection, par exemple:

Spécification de texte

Nous pouvons également afficher la spécification de texte - famille de police, taille de police, couleur de police, hauteur de ligne, etc. - afin que les développeurs puissent les récupérer immédiatement, au lieu de sélectionner chaque couche de texte pour vérifier la spécification dans le panneau de texte.

Pour afficher la spécification de texte, sélectionnez le calque de texte, et allez dans le troisième onglet sur SpecKing Panel et cliquez sur Get Text Property.

Et nous obtiendrons la spécification de texte instantanément.

En utilisant Specking, vous pouvez générer vos spécifications de conception en un clin d'œil. Cela permettra au projet de se dérouler de manière plus fluide, précise et rapide.

50 formulaires de connexion et d'inscription mobiles pour votre inspiration

50 formulaires de connexion et d'inscription mobiles pour votre inspiration

À l'instar des formulaires d'inscription à la newsletter, les applications mobiles sont aujourd'hui inondées de formulaires de connexion demandant la saisie de données à différentes étapes . Des achats en ligne et du commerce électronique aux jeux et divertissements, les données des utilisateurs ont tendance à être d'une grande importance pour les propriétaires d'applications. Cependant,

(Conseils techniques et de conception)

Réglez le minuteur et le compte à rebours pour tous les événements avec cette application

Réglez le minuteur et le compte à rebours pour tous les événements avec cette application

Rien ne génère l'anticipation tout comme un compte à rebours, alors pourquoi ne pas en obtenir un pour votre appareil iOS ou Android qui vous permet d'en définir un pour un événement à venir en utilisant le compte à rebours bien nommé .Développé par les responsables de timeanddate.com, Count

(Conseils techniques et de conception)