UI Overview - Google Web DesignerYouTube↗  IA↗(long shot)
Science & Technology  4.5K views 35 likes 1 dislikes   20 Aug 2018
Google Web Designer 76.8K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Hola, me llamo Jon Reid
Bonjour,
y soy uno de los ingenieros que trabajan en Google Web Designer.
Je m'appelle Jon Reid et je suis ingénieur Google Web Designer. Je m'appelle Jon Reid et je suis ingénieur Google Web Designer.
En este vídeo, explicaré a grandes rasgos la interfaz de usuario
Je vais vous présenter globalement
En este vídeo, explicaré a grandes rasgos la interfaz de usuario
son interface utilisateur
y cómo puedes personalizarla.
et vous montrer comment la personnaliser selon vos besoins.
No voy a hablar de los detalles de ninguna función en concreto
Je ne vais pas examiner en détail
No voy a hablar de los detalles de ninguna función en concreto
ses différentes fonctionnalités.
porque ya se explican en otros vídeos que puedes consultar.
Pour cela, vous pouvez visionner
porque ya se explican en otros vídeos que puedes consultar.
de nombreuses autres vidéos.
Empezaremos en la pantalla de inicio de Google Web Designer.
Commençons par l'écran d'accueil
Empezaremos en la pantalla de inicio de Google Web Designer.
de Google Web Designer.
Hay muchas formas de empezar.
Vous pouvez démarrer
Hay muchas formas de empezar.
de plusieurs façons.
Puedes conseguir ayuda si la necesitas. Puedes crear un nuevo archivo.
Vous pouvez obtenir de l'aide ici,
Puedes conseguir ayuda si la necesitas. Puedes crear un nuevo archivo.
créer un fichier
También hay una variedad de plantillas
ou utiliser un modèle.
que puedes usar como quieras.
Vous pouvez parcourir et utiliser
que puedes usar como quieras.
de nombreux modèles.
También se muestra una lista de archivos recientes
Voici la liste des fichiers récemment ouverts
que te permite abrir archivos que hayas usado hace poco.
qui vous permet d'ouvrir l'un de vos derniers fichiers.
Puedes abrir archivos que no estén en esta lista con el selector de archivos.
Vous pouvez aussi utiliser la fenêtre
Puedes abrir archivos que no estén en esta lista con el selector de archivos.
de sélection si un fichier est déjà enregistré.
Empezaré creando un archivo; concretamente, un anuncio de Display & Video 360.
Sélectionnez "Créer un fichier".
Empezaré creando un archivo; concretamente, un anuncio de Display & Video 360.
Nous allons créer une annonce Display & Video 360.
Le pongo cualquier nombre.
Attribuez-lui un nom.
Se pueden crear muchos tipos de archivos distintos.
De nombreux formats de fichiers
Se pueden crear muchos tipos de archivos distintos.
sont disponibles.
Voy a usar estas dimensiones y a mantener el modo de animación avanzado
Utilisez ces dimensions
Voy a usar estas dimensiones y a mantener el modo de animación avanzado
et choisissez le mode d'animation "Avancé".
así que empezaré con este modo en la línea del tiempo.
La timeline sera donc en mode avancé.
Aquí puedes ver la interfaz de usuario de la aplicación.
Voici l'interface de l'application, semblable à celle
Te resultará familiar si ya has usado herramientas de diseño
d'autres outils de conception.
Te resultará familiar si ya has usado herramientas de diseño
À gauche, vous verrez les différents outils.
En la parte izquierda están las herramientas
En haut, la barre d'options des outils.
y arriba, la barra de opciones.
Lorsque vous changez d'outil,
Las opciones de esta barra cambian en función de la herramienta seleccionada.
les options diffèrent.
Las opciones de esta barra cambian en función de la herramienta seleccionada.
Au-dessus se trouvent les menus déroulants :
En la parte superior están los menús desplegables
Au-dessus se trouvent les menus déroulants :
Archivo, Editar, Ver, Ventana y Ayuda.
Fichier, Modifier, Afficher, Fenêtre et Aide.
El menú Archivo tiene las opciones habituales
Dans le menu "Fichier", vous pouvez par exemple
por ejemplo, puedes abrir un archivo reciente.
ouvrir un élément récent.
Voy a abrir uno para mostrártelo.
Pour vous montrer, ouvrons un autre fichier.
Como puedes ver, en esta barra aparecen los diferentes archivos.
Chaque fichier se trouve dans la barre d'onglets ici.
Como puedes ver, en esta barra aparecen los diferentes archivos. También están los menús Editar, Ver y Ventana
Avec les menus "Fichiers", "Modifier" et Fenêtre, vous pouvez choisir
desde el que controlas qué paneles están abiertos.
quels panneaux sont ouverts.
El panel Capacidad de respuesta no está, así que lo añado.
Je peux ainsi ajouter le panneau "Responsive".
Ahora ya aparece.
Il est maintenant ouvert.
Si no quiero que se muestre, puedo cerrarlo.
Pour le retirer, décochez l'option.
Aquí arriba puedes cambiar entre la vista de diseño, que es esta
Avec ces options en haut, vous pouvez passer
Aquí arriba puedes cambiar entre la vista de diseño, que es esta
de la "Vue Conception" (cette vue) à la "Vue Code"
y la vista de código, donde puedes consultar el código.
qui permet d'accéder au code.
También hay distintas opciones de vista previa
Vous pouvez choisir le navigateur
como diferentes navegadores y varias formas de publicar tu trabajo.
avec lequel prévisualiser votre création,
como diferentes navegadores y varias formas de publicar tu trabajo.
et comment la publier.
En la parte derecha, están los paneles con los que trabajarás.
À droite, se trouvent
En la parte derecha, están los paneles con los que trabajarás.
les différents panneaux
En la parte derecha, están los paneles con los que trabajarás.
qui vous seront utiles.
Puedes ordenarlos como quieras
Vous pouvez les réorganiser,
por ejemplo, puedes moverlos de un grupo a otro
les changer de groupe
o incluso crear un grupo diferente.
ou créer un groupe distinct.
Si quieres, puedes mover cosas de un lado al otro de la aplicación.
Vous pouvez aussi
Si quieres, puedes mover cosas de un lado al otro de la aplicación.
les déplacer à gauche de l'application.
Ahora también puedes tener paneles flotantes.
Les panneaux peuvent
Ahora también puedes tener paneles flotantes.
désormais être flottants.
No hace falta fijarlos, puedes cambiarlos de tamaño
Ils n'ont pas besoin d'être ancrés.
No hace falta fijarlos, puedes cambiarlos de tamaño
Vous pouvez les redimensionner.
y moverlos de izquierda a derecha.
Ils peuvent aussi être déplacés de gauche à droite.
La línea de tiempo puede estar arriba o abajo
La timeline peut également
así que puedes ponerla donde te vaya mejor.
être placée en haut,
así que puedes ponerla donde te vaya mejor.
puis replacée en bas.
También puedes guardar esta configuración.
Ces configurations peuvent être sauvegardées.
De este modo, cuando hagas los cambios que quieras
Si vous effectuez des changements,
y luego cierres la aplicación y vuelvas a abrirla
quittez, puis rouvrez l'application, la présentation
y luego cierres la aplicación y vuelvas a abrirla
que vous avez définie sera intacte.
la disposición seguirá tal como la habías guardado.
Vous pouvez donc personnaliser l'espace de travail selon vos goûts.
la disposición seguirá tal como la habías guardado.
Vous pouvez donc personnaliser l'espace de travail selon vos goûts.
Aquí está el menú Páginas
Le menu dédié aux pages
con el que puedes añadir páginas.
permet d'ajouter des pages.
Está la ruta de exploración
Lorsque vous parcourez
para que, cuando consultes la estructura DOM, aparezca aquí
la structure DOM, le fil d'Ariane apparaît ici.
para que, cuando consultes la estructura DOM, aparezca aquí
la structure DOM, le fil d'Ariane apparaît ici.
donde también están los controles de zoom.
Voici la commande de zoom.
En la línea de tiempo, puedes cambiar entre el modo rápido y el profesional
Dans la timeline, vous pouvez
En la línea de tiempo, puedes cambiar entre el modo rápido y el profesional
passer du mode rapide au mode avancé
y obtener vistas previas de animaciones.
et lire les animations.
Así termina la introducción general a la aplicación.
Notre présentation globale de l'application
Como he dicho, hay muchos vídeos
est à présent terminée. Vous pouvez visionner
que cubren estas funciones con más detalle.
d'autres vidéos traitant des différentes fonctionnalités.
Échales un vistazo. Gracias por tu atención.
Merci de votre attention.
Similar videos:

Text Overview - Google Web Designer
Google Web Designer
7.1K views 18 likes 3 dislikes 03 Jan 201880% match


Groups Overview - Google Web Designer
Google Web Designer
2.6K views 11 likes 2 dislikes 03 Jan 201880% match


Parallax Overview - Google Web Designer
Google Web Designer
31.9K views 285 likes 6 dislikes 28 Nov 201880% match


Outliner Overview - Google Web Designer
Google Web Designer
6K views 47 likes 1 dislikes 31 Mar 202080% match

Google Web Designer - Text Overview
Google Web Designer
13.1K views 25 likes 9 dislikes 17 Nov 201580% match

2D & 3D Drawing Overview - Google Web Designer
Google Web Designer
6.3K views 34 likes 5 dislikes 03 Jan 201880% match


Responsive Overview - Google Web Designer
Google Web Designer
7.2K views 126 likes 2 dislikes 31 Aug 202080% match

Events Overview - Google Web Designer
Google Web Designer
5.3K views 39 likes 2 dislikes 01 Jun 201880% match


An Overview of the updated Google Web Designer
Google Web Designer
89.8K views 346 likes 14 dislikes 04 Aug 201480% match


Motion Paths Overview - Google Web Designer
Google Web Designer
37.8K views 228 likes 5 dislikes 21 Jun 201767% match


Groups with Events Overview - Google Web Designer
Google Web Designer
3.4K views 15 likes 2 dislikes 03 Jan 201867% match


Google Web Designer - Spritesheet Component Overview
Google Web Designer
18.6K views 52 likes 4 dislikes 17 Nov 201567% match


Responsive Layout: Overview - Google Web Designer
Google Web Designer
106.5K views 444 likes 8 dislikes 03 May 201667% match


Google Web Designer - AdWords Dynamic Overview
Google Web Designer
55K views 64 likes 21 dislikes 31 Aug 201567% match


Image Processing Overview - Google Web Designer
Google Web Designer
4.3K views 65 likes 0 dislikes 31 Aug 202067% match

Overview of Google Web Toolkit
Google for Developers
178.2K views 177 likes 9 dislikes 01 Apr 200960% match

Overview of Google Web Toolkit 2.0
Google for Developers
76.5K views 64 likes 3 dislikes 07 Dec 200960% match

Masking - Google Web Designer
Google Web Designer
9.1K views 92 likes 1 dislikes 07 Oct 201960% match

Google Web Designer - Streetview Component Overview
Google Web Designer
7.3K views 24 likes 0 dislikes 17 Nov 201558% match


Google Web Designer - DoubleClick Studio Dynamic Overview
Google Web Designer
11.5K views 20 likes 8 dislikes 17 Nov 201557% match


Timeline Advanced Mode Overview - Google Web Designer
Google Web Designer
12.2K views 93 likes 3 dislikes 18 Jun 201857% match


Responsive Ad Workflow - Google Web Designer
Google Web Designer
21.8K views 208 likes 5 dislikes 24 Aug 201848% match


Google Web Designer - Animation Updates
Google Web Designer
53.6K views 136 likes 9 dislikes 17 Nov 201547% match


A Google Web Designer Thought Experiment
Google Web Designer
330.9K views 345 likes 20 dislikes 04 Aug 201447% match


Dynamic in Studio - Google Web Designer
Google Web Designer
10.5K views 54 likes 1 dislikes 31 Aug 201843% match


Responsive Layout: Animation - Google Web Designer
Google Web Designer
27.6K views 82 likes 10 dislikes 03 May 201639% match


Responsive Layout: Advanced Techniques - Google Web Designer
Google Web Designer
54.7K views 200 likes 4 dislikes 03 May 201638% match


Advanced Preview Configuration - Google Web Designer
Google Web Designer
14.3K views 68 likes 3 dislikes 28 Nov 201835% match

Authoring Dynamic Sample Data - Google Web Designer
Google Web Designer
14.6K views 62 likes 1 dislikes 28 Nov 201834% match

Responsive Campaign Tutorial - Google Web Designer
Google Web Designer
3.1K views 84 likes 0 dislikes 15 Oct 202033% match


Settings Privacy About Contact Donate