30 JANVIER 2023
Points d'arrêt pour les résolutions d'écran personnalisées dans le bloc zéro
Dans Zero Block, vous pouvez désormais configurer les résolutions d'écran pour différents appareils. La plage de points de rupture s'étend de 320 à 1920 px. Cette nouvelle fonctionnalité vous permet de concevoir une mise en page parfaite pour pratiquement tous les appareils.
Examinons quelques cas où il peut être nécessaire d'utiliser des points d'arrêt dans Zero Block.
1
Votre site web est souvent consulté à partir d'appareils ayant une résolution d'écran importante, telle que 1920px, et vous souhaitez avoir un contrôle total sur la position des éléments sur ces écrans.
Ajoutez un nouveau point de rupture de 1920 px et adaptez la conception à cette taille spécifique. Vous contrôlez chaque détail : Spécifiez la taille de la copie, des formes et des images, et disposez-les par rapport au Conteneur de la grille.

Dans ce cas, vous n'avez pas besoin d'utiliser la fonction échelle automatique ou le conteneur de fenêtre. Vous pouvez créer des sites Web pour de grands écrans même si vous concevez sur un petit ordinateur portable : vous saurez à quoi ressemble le site Web quelle que soit la résolution de l'écran.
2
Les visiteurs de votre site web utilisent des appareils dont la résolution d'écran n'est pas standard.
Vous pouvez modifier les tailles d'écran par défaut dans les paramètres ou ajouter de nouveaux points de rupture pour des modèles spécifiques de téléphones ou de tablettes, par exemple. Vous pouvez configurer un maximum de 10 points de rupture. Si une résolution par défaut - par exemple, un écran de téléphone horizontal - n'est pas pertinente pour les visiteurs, il est désormais possible de la supprimer.
Comment combiner des blocs standard et des blocs zéro avec une résolution de 1920 pixels
Dans ce cas, utilisez des blocs standard plein écran et choisissez des valeurs de largeur de conteneur de 100 % ou de 100 % avec des bordures de 40 px. Ces blocs s'harmoniseront bien, car la largeur du contenu sera mise à l'échelle de la même manière.

Plus besoin d'utiliser Window Container et Autoscale pour concevoir des projets ?
Techniquement, la nouvelle fonctionnalité simplifie la conception d'un site Web dans Zero Block - vous n'avez pas besoin de comprendre comment fonctionne la mise en page fluide ou Autoscale et vous attachez les mises en page au conteneur de grille à la place. Mais nous vous recommandons d'explorer tous les outils et de savoir comment les combiner et les utiliser dans votre travail en fonction de la tâche à accomplir. Pour en savoir plus, consultez le Guide complet du bloc zéro.

Comment configurer la grille pour une résolution d'écran personnalisée ?
Vous pouvez ajuster la grille pour chaque nouvelle résolution d'écran que vous ajoutez à Zero Block. Choisissez la résolution souhaitée → ouvrez les Paramètres Artboard → Paramètres Zero Block → Grille, et spécifiez vos propres valeurs.

Voir aussi

La recherche de pages, le tri et les actions groupées sont désormais disponibles.

Créez un cours pour un large public ou publiez des conférences pour vos employés grâce à cette nouvelle fonctionnalité.
Fabriqué le
Tilda