X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Accès Premium gratuitement

Accédez à notre bibliothèque complète des articles Hub Premium, les fichiers projet et les premiers 10% de chaque Cours-vidéo de la Bibliothèque Didacticiel en ligne .

Créez votre compte gratuit!

Commentaire: 5 choses à propos d'Adobe Amour Muse (Codename)
Traduit par Google Translate

Avec la sortie de Adobe InDesign CS5 fait une importante évolution vers permettant aux concepteurs de faire des documents interactifs, sans, et cela est le bit de vraiment important, sans avoir à d'abord apprendre n'importe quel code, afin que jamais. Prenez le panneau Objet États comme un exemple. Soudain, un monde de SWF interactif de conception a ouvert ses portes à même la plupart des concepteurs d'imprimer hardcore. Et si la révolution, si ce n'est ce qu'elle est continue avec la Muse logiciel bêta baptisée.

Muse est un logiciel de montage HTML5 qui utilise les avantages du web design CSS3, mais qui nécessite aucun codage. En fait, le logiciel est si non le code des thats de son workflow de base, l'agencement et la terminologie est plus associé à InDesign que Dreamweaver. Et c'est cette émulation InDesign qui ouvre vraiment Muse (titre de travail) jusqu'à Designers.

Il ya beaucoup de fonctionnalités vraiment sympa dans Muse qui en font une application très simple pour quiconque a une connaissance de base d'InDesign se familiariser avec. J'ai choisi 5 de mes fonctionnalités préférées pour vous.


Caractéristique 1 - Voir le plan

La vue en plan est dans beaucoup de façons un équivalent au Groupe Pages dans InDesign, uniquement avec la caractéristique ajoutée de celui-ci étant un site web qui est mis ensemble comme une carte du site plutôt que d'un document.

Plan View

Vue en plan.


Commençons par examiner la structure et mise en page en premier. A côté de la première page (ce sera votre page d'index), vous verrez de petites "" boutons. En cliquant sur le bouton situé à droite de la première page ajoute une deuxième page du site.

An Added page.

Une page ajoutée.


Les pages sont reliées par une ligne reliant peu. Cette ligne sera utilisé pour générer la navigation, comme vous le verrez plus tard. Continuez à cliquer sur le bouton pour ajouter de nouvelles pages avant ou après les anciennes pages. Tellement simple.

The bottom   button

Le bouton du bas


Le bouton à la base de chaque page a un rôle différent. En cliquant sur ce bouton ajoute Pages fratrie. Sibling pages sont des pages qui ne peut être liée à partir de la page en les ajoutant à votre.

The Sibling page

Une page fratrie.


Utilisation des boutons pour former une structure de site signifie qu'il n'a pas fallu très longtemps avant d'avoir créé ce genre de chose.

Site Map

Plan du site.


Il ne prend pas beaucoup d'effort non plus. Tout comme dans InDesign pages sélectionnées peuvent être supprimées en utilisant le bouton de la poubelle aussi.


Feature 2 - Master Pages

En tant que designer, vous savez à quel point la cohérence important dans votre conception est pour l'expérience utilisateur à être un bon, indépendamment du support. Utiliser des pages maître dans Muse est un excellent moyen pour faciliter cela. Si vous êtes familier avec les Master Pages dans InDesign, vous aurez déjà compris ce concept. Si vous êtes nouveau sur des pages maîtres le plus ressemblant je peux penser pour vous, c'est Modèles.

A Master Page.

Une page maître.


Double-cliquez sur la page maître pour l'ouvrir. Notez qu'il existe deux paires de guides? Ce sont prédéfinis comme en-tête pour la top paire et pied de page pour la paire du bas.

Header guide

Header guide.


Ajustez-les comme vous le feriez pour tout guide pour les amener en position.

Placez le contenu qui doit être cohérent sur ​​plus d'une page en appuyant sur ​​Commande-D pour ouvrir les options du lieu ou en sélectionnant l'un des outils pour générer par exemple une zone de texte ou une forme.

Content placed on master page plus tools

Contenu placé sur la page maître ainsi que des outils.


Essayez de faire quelques variantes soit en ajoutant des pages maîtres plus ou dupliquer (clic droit et choisissez "Dupliquer") l'actuel et d'apporter des modifications.

La page Un Master est automatiquement appliquée à toutes les pages. Pour appliquer une page maître à vos pages, faites glisser une page maître du groupe de pages maître sur une page dans la vue en plan et relâchez-le lorsque la page met en évidence.

Page with master applied and extra content

Page avec maîtrise appliquée et du contenu supplémentaire.


La page peut encore être modifié, où il n'ya pas de contenu de la page maître, dans la réalité d'une page pourrait être composé de 80% du contenu ajouté sur cette page et le contenu de 20% à partir de la page maître par exemple.

ASTUCE: Master Pages peuvent encore être édité dans les pages maître du groupe, rappelez-vous juste que toutes les modifications apportées à la Master Pages sont mondiales et sera donc reflété dans les pages qui ont cette page maître particulier appliqué.


Caractéristique 3 - Objet épinglage

En utilisant les options de formatage position en CSS à la broche un objet à une position dans la fenêtre du navigateur peut être assez compliqué si vous n'êtes pas sûr de ce que vous faites. Muse a cependant trouvé un moyen simple mais très efficace de faire juste cela.

The Pin option

L'option Pin.


Sélectionnez un objet ou d'un groupe sur la page qui ne doit pas bouger de sa position actuelle, peut-être une barre de navigation par exemple.

Navigation selected and pinned

Navigation sélectionné et épinglés.


Dans le clic panneau de contrôle sur l'une des options Pin, j'ai choisi haut à gauche.

Cliquez sur le bouton Aperçu pour voir votre page HTML, maintenant essayer défilement de la page (vous pourriez avoir besoin d'ajouter plus de contenu pour permettre le défilement).

Pinned object stays put

Objet épinglé reste sur place.


L'objet reste coincé épinglé à la partie supérieure gauche de la fenêtre du navigateur plutôt que sur la page.


Feature 4 - Personnaliser la navigation

Dans la vue en plan, j'ai une structure de site, et toutes les pages et des pages fratrie sont nommés.

Plan view busy

Une vue en plan occupé.


Maintenant je utiliser cette structure du site pour créer automatiquement la navigation du site.

Widgets

Le panneau de Widgets.


Faites glisser le menu sur la première page sur le site et le placer en position.

Astuce: Les Master Pages sont un endroit idéal pour ce genre de chose.

Menu on the page

Menu de la page.


Ce widget est un widget intelligent qui nomme automatiquement chaque lien et crée un lien hypertexte vers la page.

The Options area

Les options de HUD.


Ici vous pouvez choisir ce type de menu que vous désirez, comme le niveau de navigation que vous voulez, seules les pages ou d'inclure des pages fratrie par exemple.

The Control Panel

Le Panneau de configuration.


Pour le style du menu pour correspondre à votre site utilisez les options de couleur et les options de polices disponibles dans le Panneau de configuration comme beaucoup d'autres applications Adobe.


5 Feature - Boutons Importer d'Photoshop CS5

Ce doit être ma fonction préférée de tous, car elle permet pour la conception des boutons à l'aide de calques Photoshop pour les états du bouton.

Photoshop layers

Calques Photoshop.


Ici, j'ai une image Photoshop que j'ai fait, un bouton avec un design différent pour chaque couche de l'État.

Retour à Muse, placez le fichier Photoshop comme un bouton de Photoshop en choisissant Fichier

Button Options

Options du bouton.


Dans la boîte d'options qui apparaît correspondre à chaque couche pour chaque état de bouton, Haut, Plus etc Ensuite, placez le bouton sur la page.

Passez en mode de prévisualisation et de test sur le bouton. Chaque calque Photoshop se révèle lorsque son état correspondant est activé par le curseur.

The States panel

Les Etats-panneau.


Le Groupe des États permet à chaque état du bouton de Photoshop pour être surveillés et modifiés après le placement.


Conclusion

A donc frappé d'Adobe le droit chemin avec Muse, voire tout ce qu'il pourrait être appelé à l'époque de lancement? Eh bien je dois dire ... Oui! Muse est un excellent outil pour les concepteurs de transférer leurs connaissances de l'imprimé à Internet sans impliquer de code. Non pas que je veux dire quelque chose est erroné avec le codage, mais pour de nombreux concepteurs HTML et CSS ne font pas partie de leurs outils.

Si vous voulez essayer la version bêta de Muse, puis visitez le site Adobe et télécharger gratuitement ici .


David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link