Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
fr:nouvelles_fonctionnalites_2.10 [2022/10/17 16:49] nraulet |
fr:nouvelles_fonctionnalites_2.10 [2022/10/20 08:32] (Version actuelle) nraulet [Palettes des zones] |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ====== Nouvelles fonctionnalités 2.10 ====== | + | ====== Nouvelles fonctionnalités 2.10 (publication prévue le 24 octobre) ====== |
===== Nouvelle identité visuelle (version web et application mobile) ===== | ===== Nouvelle identité visuelle (version web et application mobile) ===== | ||
- | La nouveauté la plus significative de cette nouvelle version de zebrix est l’adoption de la nouvelle charte graphique. | + | Avec cette nouvelle version de zebrix nous vous présentons une nouvelle charte plus claire et plus actuelle |
{{ :fr:screencapture_2022-10-17_a_11.52.41.png?600 |}} | {{ :fr:screencapture_2022-10-17_a_11.52.41.png?600 |}} | ||
- | Dès la page de login, vous remarquez immédiatement que l’interface fait peau neuve. Arborant désormais le nouveau logo zebrix ainsi que ses nouvelles couleurs, le look est plus dynamique, plus moderne et plus agréable. Toutes les icônes ont également été redessinés par notre web designer. | + | Dès la page de login, vous découvrez votre nouvelle interface ainsi que le nouveau logo zebrix et ses nouvelles couleurs. Toutes les icônes, maintenant plus claires, ont également été redesignées par notre web designer. |
{{:fr:screencapture_2022-10-17_a_14.56.44.png?300|}} | {{:fr:screencapture_2022-10-17_a_14.56.44.png?300|}} | ||
- | L’application zebrix mobile adopte également cette nouvelle identité. | + | L’application zebrix mobile adopte également cette nouvelle identité visuelle. |
{{:fr:capture_mobile.jpg?300|}} | {{:fr:capture_mobile.jpg?300|}} | ||
- | L’expérience utilisateur a été également améliorée par de nombreuses petites optimisations. Nous avons bien entendu veillé à ce que vous retrouviez facilement vos marques. | + | L’expérience utilisateur a également été améliorée avec de nombreuses optimisations. Nous avons bien entendu veillé à ce que vous retrouviez facilement vos marques. |
- | Les barres d'outils sont désormais mieux rangées et plus claires. | + | Les barres d'outils sont désormais mieux rangées et plus claires : nous avons par exemple réuni les boutons de filtrage ensemble et, dans la mesure du possible, sur les boutons, nous avons mis un texte à côté des pictos pour mieux comprendre leur action. |
{{:fr:screencapture_2022-10-17_a_16.26.17.png|}} | {{:fr:screencapture_2022-10-17_a_16.26.17.png|}} | ||
Ligne 21: | Ligne 21: | ||
Dans la liste des écrans, les écrans apparaissent maintenant dans leur état réel, en portrait ou en paysage. | Dans la liste des écrans, les écrans apparaissent maintenant dans leur état réel, en portrait ou en paysage. | ||
- | {{ :fr:screencapture_2022-10-17_a_16.19.33.png?300 |}} | + | {{:fr:screencapture_2022-10-17_a_16.19.33.png?300|}} |
Nous espérons que vous appréciez ce nouveau look autant que nous. | Nous espérons que vous appréciez ce nouveau look autant que nous. | ||
Ligne 27: | Ligne 27: | ||
==== Nouvel éditeur de page ==== | ==== Nouvel éditeur de page ==== | ||
- | Nous sommes heureux de vous présenter cette nouvelle version de l’éditeur de page. Celui-ci a été enrichi de nouvelles fonctionnalités que vous avez été nombreux à nous demander. | + | Nous sommes heureux de vous présenter cette nouvelle version de l’éditeur de page. Celui-ci a été enrichi de nouvelles fonctionnalités, pour assouplir la réalisation de page. |
+ | Nous avons ajouté des outils d'alignement de zone et nous avons ajouté la multi-sélection. | ||
- | Voyons ensemble ces nouveautés : | + | {{ :fr:position_2x.png?600 |}} |
+ | ===== Multi-sélection de zones : ===== | ||
+ | //**maintenir ctrl + clic sur les zones à sélectionner, pour désélectionner, cliquer sur la page ou sur une zone en dehors de la sélection.**// | ||
- | Multi-sélection de zones : vous allez désormais pouvoir sélectionner plusieurs zones en même temps. Cela vous permettra par exemple de déplacer plusieurs zones en même temps, de gérer leurs dimensionnements ou encore de changer des propriétés pour l’ensemble des zones sélectionnées (par exemple : changer la police pour l’ensemble de la sélection). | + | Vous allez pouvoir sélectionner plusieurs zones en même temps. Cela vous permettra par exemple de déplacer un groupe de zones, de gérer leurs dimensionnement ou encore de changer des propriétés pour l’ensemble des zones sélectionnées (par exemple : changer la police pour l’ensemble des zones sélectionnées). |
+ | **Outils d’alignement** | ||
+ | Un groupe de zones sélectionnées pourra être alignées en un seul clic sur la zone à la plus gauche, la zone la plus à droite la droite, la plus haute, etc. | ||
+ | En revanche, si une seule zone est sélectionnée, elle s'alignera avec le fond de la page. | ||
+ | |||
+ | **Outils de dimensionnement** | ||
+ | |||
+ | les zones sélectionnées adopteront toutes la dimensions de la zone la plus large ou la plus haute de la sélection. | ||
+ | |||
+ | ===== Palettes des zones ===== | ||
+ | |||
+ | Nous avons également revu la palette des zones. | ||
+ | |||
+ | {{ :fr:layer_2x.png?600 |}} | ||
+ | |||
+ | La page est maintenant en bas sur le plan de travail, comme sur une table, et on ajoute les zones les unes au-dessus des autres. | ||
+ | |||
+ | Pour ajouter une nouvelle zone il faut appuyer sur le bouton "+" bleu | ||
+ | |||
+ | Une nouvelle zone apparaît, sur la gauche de cette zone, il y a un grip qui permet de déplacer une zone au premier plan ou en arrière plan. Ensuite, il y a un picto qui informe le type de zone, par défaut une zone texte. Après vous trouverez le nom de la zone que vous pourrez renommer. Ensuite deux nouveaux boutons, dupliquer pour copier la zones et le bouton corbeille pour la supprimer. | ||
+ | |||
+ | Pour réorganiser l'ordre des zones au premier plan ou en arrière plan, on peut maintenant déplacer une zones au-dessus ou en dessous d'une autre dans la palette des zones en cliquant glissant sur le grip à gauche d'une zone pour l'emmener au-dessus ou en-dessous d'une autre. | ||
- | Outils d’alignement : les zones sélectionnées pourront être alignées en un seul clic sur la zone à la plus gauche, la zone la plus à droite la droite, la plus au-dessus, etc. | ||
- | |||
- | Outils de dimensionnement : les zones sélectionnées adopteront toutes la dimensions de la zone la plus large ou la plus haute de la sélection. | ||
==== Meilleure réactivité du CMS ==== | ==== Meilleure réactivité du CMS ==== |