première fois sur adobe muse

[sebwa]

Bonjour à tous,

je me présente: Seb, diplômé d'un baccalauréat en publicité, ma formation me permet de jongler avec les programmes "basiques" d'Adobe (Photoshop, Illustrator et inDesign) et j'ai toujours voulu être capable de pouvoir créer un site de A à Z. Aussi, la mise en place d'Adobe Muse me réjouit grandement moi humble graphiste, et donc pour le compte d'un nouveau client j'ai décidé de me lancer et de découvrir le programme par moi même avec l'aide des tutos que me propose Adobe.

J'en viens à mon problème, sur tout ces tutoriels je remarque qu'Adobe encode les paramètres de leur gabarit au format 960 x 500 pixels cependant, et - veuillez m'excuser si mon problème est on ne peut plus simple - lors de ma prévisualisation dans le browser cette "taille" me parait extrêmement petite. Aussi, lorsque je prévisualise ce test sur le mac 27 pouces de mon patron ces dimensions ne changent pas. Ma question est donc: Dois je réaliser un lay out du plus petit écran (960x500?) et du plus grand écran pour que Muse l'ajuste au final selon l'écran que l'utilisateur aura?

Idem pour le gabarit du téléphone, j'ai ajuster mon gabarit aux dimensions de départ (380x570) et cela ne couvre correctement aucune prévisualisations proposée par Muse (iphone 4, 5 ; samsung galaxie; nokia lumia).

En résumé:
-Est ce que 960 x 500 est une taille appropriée pour commencer mon site et pour que mon site couvre tout l'écran du browser?
-Comment créer du responsive, ou un semblant de responsive via ce même programme?

J'espère que mon problème est assez clair et que vous aurez la gentillesse de me renseigner.

Bien à vous amis graphistes,

Seb

 

[momo-fr]

Regarde cette vidéo qui semble expliquer comment faire un site responsif avec Adobe Muse. A l'origine le soft n'était pas conçu pour (2013) je ne sais pas si c'est intégré aujourd'hui.

Ça à l'air un peu compliqué et pas réellement basé sur la Grid 12 cols.

La largeur majoritaire actuellement (2013-2014) est 1366x768 pixels on travaille donc sur une base comprise entre 1130 et 1310px. La hauteur elle reste définie par le contenu, et la tendance est au long scrolling.

Sache que Muse c'est un outil basique et peu adapté au web moderne. Le webdesign, le vrai, ce fait avec HTML5 et CSS3, on apprend comment ça marche et on est libre de créer… sinon effectivement on galère avec Muse pour des sites mal foutus et obsolètes.

 

[sebwa]

Momo-fr un grand merci pour ta réponse, je n'avais pas reçu de notifications et m'excuse donc de la lenteur de ma réponse.

J'ai déjà consulter cette video mais elle ne répondait pas à ma question. Par contre ces nouvelles définitions d'écran m'aideront peut être je vais essayer ça.

C'est justement le problème je veux réaliser un single page et j'aimerais que mon premier "onglet", ma homepage, couvre l'intégrale de mon écran aussi bien en largeur (résolu) qu'en hauteur et ce autant sur mon mackbook que sur une 27". Je n'arrive donc toujours pas à trouver comment établir mon document "de base" afin d'établir ma home page en plein écran sur tout écran.

Certes, pour l'html5 et le css3 mais ce n'est pas pour autant qu'on ne sait pas réaliser un site bien foutu via Muse

Encore un grand merci pour ta réponse Momo-fr

 

[momo-fr]

Pour une full-page c'est pas trop compliqué en codage, les éléments à placer doivent seulement "pouvoir" couvrir la surface.

La notion en CSS pour que ton image de fond couvre tout l'écran est de ce type :

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Ton problème reste lié à l'utilisation de Muse, si la fonction n'est pas présente dans le logiciel il te faut l'implémenter à la main si cette possibilité est présente dans le soft… ou alors éditer les fichiers de ton site et ajouter le code au bon endroit, ce qui veut dire que tu comprends le html5/CSS3… retour au départ.

Avec un peu d'huile de coude et un template gratuit tu montes ta full page responsive en moins d'une heure…

Des exemples de full page par ici :
http://line25.com/articles/25-web-designs-with-full-page-background-photos
http://www.awwwards.com/websites/fullscreen/

Des sites de templates HTML gratuits :
http://designbeep.com/2013/11/22/free-html5-templates/
http://designscrazed.org/free-responsive-html5-css3-templates/
http://www.instantshift.com/2014/06/27/free-html5-css3-templates/
http://pixelbell.com/90-absolutely-free-responsive-html5-css3-website-templates/

 

[sebwa]

Cool merci Momo je vais regarder tout ça