Consejos de diseño para el diseño de sitios web con espacio de texto y Wix (sin código)

1. Bienvenido al curso: hola y bienvenidos al curso de desarrollo de sitios web para emprendedores y dueños de negocios, el curso que te enseñará cómo crear una hermosa página web desde el suelo sin tener ninguna experiencia de codificación o diseño en absoluto. Mi nombre es alto Isaza y soy diseñador de productos pero también desarrollador Web. Trabajé para una importante empresa automática, pero también en los últimos años he trabajado en conjunto con miles de empresas ayudándoles a crear sus sitios web, ford o negocios. Entonces en estos núcleos, quiero enseñarte todos los insights sobre cómo crear un sitio web desde el suelo, aunque no tengas conocimientos previos sobre codificación o diseño en absoluto. Al final de este curso, deberías poder crear tu propio sitio web para tu negocio todo desde el suelo. Podremos echar el contenido para elegir las imágenes, y sin embargo podrás hacer que este sitio web parezca como si un profesional lo hubiera diseñado. Te guiaré por todas las herramientas que necesitas conocer, y todos los conceptos de diseño que son importantes para que un sitio web se vea más profesional. 2. Beneficios y desventajas de crear el sitio web propio: Entonces, ¿cuáles son las ventajas de crear el sitio con un constructor de sitios web? En primer lugar, la personalización fuera del sitio será mucho más fácil y mucho más rápida. Además, las plantillas que proporcionan los sitios de piezas suelen ser de muy alta calidad. Tampoco necesitarás ningún conocimiento sobre codificación, y suele ser mucho más barato. Además, publicar tu sitio web después de que hayas creado será mucho más fácil y tardará muy poco tiempo en hacerlo. Pero como todo nada es oh jugo de color púrpura. Por lo que también tenemos algunas desventajas al crear el sitio web en tu teléfono. En primer lugar, muchas empresas podrían ser capaces de elegir también la misma plantilla que elegiste, lo que disminuirá la originalidad fuera de tu sitio web para que puedas encontrar empresas que estarán teniendo un diseño muy similar dependiendo de cómo te personalízalo. Además, esta personalización es limitada, especialmente en constructores de sitios web como semanas. Te contaré más al respecto después, pero solo ten eso en cuenta. Además, podría suceder que el contenido no alimente la plantilla que elegiste. Además, no puedes elegir tus opciones de hosting. Aprenderemos más adelante sobre el hosting, y las opciones de exportación también son limitadas, pero incluso con esas pequeñas desventajas, aún vale la pena crear tu propio sitio web porque simplemente te ahorrará tanto dinero que generalmente tendrás que dar para un diseñador de sitios web en un desarrollador de sitios web y el hosting y un dominio. Por lo que con la ayuda de los constructores de sitios web, podrás crear sitio de costa muy baja para tu proyecto o tu negocio. 3. Qué son los desarrolladores de sitios web: Por lo que en los últimos videos, he estado mencionando este término llamado sitio web Constructores. Pero, ¿qué es exactamente esto? Bueno, ¿es todo en una herramientas que nos van a ayudar a crear o lado oeste desde cero sin tener que codificar nada en absoluto? Hay muchos fuera de ellos y cuál usar dependerá de las prioridades que tengas, del tipo de Westside que intentes crear y del tipo de empresa que tengas. También dependería de cuánto tráfico o cuántas personas vayan a visitar su sitio web Te voy a enseñar tres fuera de las principales, . que son semanas squarespace y WordPress. Y vamos a hablar de la diferencia entre uno u otro. Y por qué elegir o no uno para tu proyecto thes website Los constructores también tienen algo realmente bueno. Eso son las placas tam. Han personalizado ya estilos y se siente de acuerdo a diferentes temas. Entonces ya sea que estés probando Teoh, crea el sitio web para un restaurante o para un fúnebre solo o si se trata de un portafolio o una página de negocios, um Wake squarespace o cualquier constructor de sitios web que intentes usar ya tendrá plantillas bastante finas. para que puedas tomar hace y empezar a personalizarlos en tu contenido. Cambia los colores y haz que s tu sis sea posible. Pero las ventajas que no tendrás que empezar desde cero, lo que te ahorrará mucho tiempo. 4. Diferentes constructores de sitios web: Entonces ahora que ya sabes cuáles son nuestros constructores de sitios web, es importante saber cuáles son durante el mercado y cuándo usar uno u otro, porque básicamente puedes utilizarlos todos. Pero sí tienen algunas áreas ciertas vidas especiales Werder. Entonces, por ejemplo, para fines generales, si solo quieres mostrar información sobre tu empresa, entonces debes usar squarespace o semanas. Pero si tienes algún Coomer o una tienda online, es mejor usar el gran cártel y el gran comercio. Bueno, si tienes un sitio web blawg o un sitio web de administración de contenido, entonces te recomendaría que uses WordPress ya sea dot com o dot org. Entonces el 1er 1 vamos a hablar de su obra osos, y este es uno de los constructores de sitios web más grandes y reconocidos del mercado. Porque esto también son los mayores. El que ha sido el más largo por ahí, y aunque principalmente comenzó como una herramienta para crear bloques, ha evolucionado a través de los años hacia un lado donde simplemente se puede construir cualquier tipo de sitios web. También necesita un poco de codificación. Pero la buena noticia es que ya que es tan reconocida. Muchos desarrolladores así que se atreven han creado muchos enchufes que te permitirán simplemente usar WordPress para crear tiendas en línea y cualquier tipo de sitio web fuera que necesites. Lo que debes saber es que hay dos tipos de WordPress. Hay wordpress dot org y work purse dot com y las principales diferencias que para la versión dot com, no necesitarás codificar conocer repisa, pero también te limitará una ventaja de ello más así si utilizas su versión, te hospedarás Blanco por WordPress. También necesitarás usar un autodominio, y las plantillas serán más limitadas. Además, no tendrás la opción de usar los plug ins del que se han desarrollado para WordPress. Pero si usas dot com en dot org, lo siento necesitarás codificar know ledge, pero te darás más posibilidades. Tendrás acceso a más plantillas. Tendrás el control del código, y serás responsable del dominio y hosting. Pero simplemente dice que hay muchos programadores por ahí que han desarrollado mucho código hacia adelante, bonito para WordPress. Por lo que solo puedes usar eso y copiarlo, pegarlo en tu sitio y crear una hermosa que esté adaptada a cualquier tipo de necesidad que tengas. Siguiente constructor del que vamos a hablar son semanas, y este también es uno de los mayores jugadores del mercado, y lleva mucho tiempo ahí, y es muy conocido por su capacidad para crear cualquier tipo de sitios web. Ya sea que tengas un pequeño negocio o restaurante o tienda online o lo que tengas, puedes usar semanas. Entonces, ¿cuáles son las ventajas? Bueno, 1er 1 es que es muy fácil de usar, y también incluye una versión gratuita justo debajo de un sub dominio. También puedes elegir entre muchos tipos diferentes de plantillas, y también puedes instalar APS de terceros. El inconveniente, sin embargo, es la dificultad para migrar tu sitio web una vez que lo hayas creado en semanas. También como e O. Las funciones no son tan buenas en ella, y también tienes publicidad. Y por supuesto, si no usas la versión gratuita y quieres tu propio subdominio, entonces el precio y el dominio web son un poco de desventaja. Pero Justus Weeks, los constructores de sitios web más antiguos también tendrán un precio, así que no me preocuparía tanto por este. El último constructor de páginas web que quiero mostrarles se llama Squarespace, y éste es justicia. Más grande las otras, pero tiene una particularidad, y es que está muy comisariada en cuanto a plantillas de diseño. Entonces las ventajas que tendrás con él es que tendrás un diseño muy bueno y muy receptivo para dispositivos de mudanza más antiguos. También es muy bueno para cargas de ventas y dudas, y obtendrás un certificado como venta de forma gratuita y muy buen servicio y además muy buena analítica. Entonces, así como dije, el comisariado puede ser una ventaja pero también una desventaja porque te restringiría más . También tendrás menos plantillas, y no tendrás una versión gratuita, y no tendrás widgets igual que otros de India. Por lo que realmente debes usar squarespace si realmente no quieres preocuparte tanto por ello. Entonces con Ward Paris, necesitarás mucho solo buscar en Google para código y para enchufes, y así uno con semanas se te permitirá hacer casi todo lo que quieras. Pero las desventajas es que si no sabes tanto sobre diseño, entonces tienes el riesgo de que tu sitio web no se vea tan bien al final. Bueno, si tienes squarespace dan, te garantizarán que tendrás un muy buen diseño ya porque un límite te mucho más. Y las plantillas son muy buenas, muy bonitas ya. Entonces solo tienes que comprobar cuáles son tus necesidades reales para tu sitio web antes de simplemente elegir una u otra? 5. Introducción a Squarespace introduccion a Squarespace: Ahora vamos a ver cómo construir nuestro primer sitio web con Squarespace y este sitio web es extremadamente intuitivo y extremadamente curado en términos de autodiseño. Por lo que antes de empezar, me gustaría que solo consultaran su página web y sellaran las características que tienen todo el tipo de cuchillas Tim. Um, el tipo de temas decía que puedes crear el sitio web para quiero decir, puedes crearlo para cualquier tipo de negocio, pero ya tienen algunos temas bastante despedido, bastante finos. Um, que solo puedes ir y dar click para ver si tienes un restaurante o tienes un sitio web de fotografía o lo que sea ISS, o si es solo una cuadra, solo puedes ir dando click. Y una vez que revises un sitio web que realmente te gusta, solo puedes previsualizarlo y ver Oh, las características. Tiene como las páginas y dijo más o menos cómo se vería si elegirías esta . Y si de verdad te gusta y estás listo, entonces solo vas a ir y dar click adelante para empezar, y te va a pedir que te inscribas para crear una cuenta. Si aún no tienes uno. Va a ser muy fácil. Simplemente vas a necesitar tu nombre y tu correo electrónico y fuera de curso. También te pedirá una contraseña. Por lo que es sólo muy poca información la que necesitan. Y Dan, una vez que estés listo para irte, solo puedes seguir adelante para crear cuenta, y de inmediato redirigirá a To ahi Tampa lidera lado. También tienen algún poco turista para que solo puedas hacer clic en el nombre fuera del proyecto o en la página web para la que estás creando, por lo que solo puedes seguir adelante y teclear el nombre de tu empresa o de tu negocio. Te mostrarás Merlis cómo editar cómo crear páginas, y tiene, como un pequeño tutorial off. Cómo funciona todo es muy fácil. Entonces una vez que hayas visto esto, vas a dar click en listo y luego podrás seguir adelante y empezar a editar, añadiendo tu propio contenido y tus propias imágenes, y estarás listo para ir 6. Publicar tu sitio web: por lo que ahora que sabes dónde construir tu lado, hablemos de los pasos. Es realmente fácil, pero lo primero que necesitas tener claro es qué tipo de sitio web estás tratando de construir para que puedas empezar a elegir qué tipo de constructor de sitios web será adecuado para tu sitio . Entonces, una vez que tengas esta, irás a registrarte y elegir una plantilla. Este templo te permitirá simplificar tu proceso de diseño. Tendrás que personalizarlo y construir el sitio, agregando contenido en imágenes. Pero todos estos serán muy fáciles, porque el's es una herramienta muy fácil de usar. Y por último pero no menos importante, tendrás que publicarlo. Y por supuesto, solo cuídate, solo monitoreándolo después. Comprueba que está creciendo y mejorando. Ahora hablemos de las cosas que necesitará para publicar bien tu sitio web, lo primero que necesitarás es algo llamado el dominio, que básicamente es la dirección fuera de tu sitio web, y el 2do 1 será el hosting. Este es el espacio en la nube donde se almacenarán tus archivos, saltando a cuenta eso si estás usando un constructor de sitios web. No tendrás que preocuparte por hospedar a Adol. Por lo que el dominio es esta dirección fuera de su sitio web y por lo tanto debe estar relacionado con el nombre de la empresa o el producto o incluso su propio nombre. Entonces lo primero que debes hacer es hacer una lluvia de ideas para luego encontrar un sitio web donde puedas verificar si su nombre sigue disponible para su uso y cuánto te va a costar y luego puedes elegirlo por persecución y conectado a tu sitio web. Es muy importante que tengas en cuenta que antes de comprar un sitio web, si elegiste ya tu constructor de sitios web, algunos de estos te incluirán un dominio gratuito. Así que solo revisa el plan que tiene tu constructor de sitios web y elige el dominio después. Como mencioné antes, realmente no tendrías que preocuparte por las escenas de hosting. Estamos creando nuestro sitio web con constructor de sitios web. Qué significa que todos nuestros archivos ya se van a almacenar en el servidor fuera de su constructor de sitios web . Pero solo para mostrarte, hay diferentes tipos de publicación para que puedas tener tus archivos en uno compartido y esto es realmente bueno cuando tienes una pequeña empresa cuando tu sitio web no es realmente complejo. También contamos con hosting en la nube, lo que te permitirá crear diferentes copias fuera de tu sitio web y almacenarlas en diferentes servidores por si acaso que uno se caiga. Entonces aún podrás revisar tus archivos y tener tu sitio web en línea, y el último será el servidor BPS, que te permitirá tener más control y libertad. Pero así como dije, esto es sólo para propósito general y conocimiento general, realidad no tendrás que preocuparte por este. 7. Introducción a Wix: Entonces ahora vamos a hablar de cómo configurar tu primer sitio web con semanas. Ah, pero primero, me gustaría que acudieran a la página web y solo echaran un vistazo a todas las diferentes características que tiene el editor, qué tipo de apagado, diferentes funciones que tienen. ¿ Qué te ofrecen y simplemente lee todo recto para que tengas una mejor idea y una mejor comprensión antes de empezar? Y también puedes simplemente ir y dar click en plantillas y simplemente echar un vistazo a los diferentes tipos que ofrecen para los diferentes negocios. Entonces, ya sea un sitio de fotografía para video un diseño uno un portafolio o lo que sea, puedes encontrar todos los diferentes tipos de plantillas clasificadas, y también soportan muchos idiomas diferentes también. Así que solo sigue adelante, echa un vistazo a su página web y lee todo a través de um, antes de empezar y cuando estés listo y listo para ir, solo tienes que ir al botón azul y presionar, empezar e ir a registrarte, y va a ser muy fácil. Ya que probablemente no tengas cuenta, entonces tendrás que registrarte primero hasta que solo te van a pedir tu correo electrónico, tu contraseña y luego estarás listo. Tan solo tienes que volver a hacer click al inscribirte y luego serás redirigido para decidir dónde puedes empezar a elegir tus plantillas. Entonces semanas tiene esta función antes de que elijas las plantillas donde te van a preguntar qué tipo de sitio web es que estás tratando de construir y estas crearán automáticamente o te sugerirán que tipo de plantilla es mejor para tu sitio? Pero vas a tener un poco más de restricciones a la hora de editar este sitio que puedas hacerlo de esta manera. Pero te recomendaría tu solo saltarte el 80 yo y elegir tu propia plantilla. Pero quiero decir que depende de ti. Puedes probarlo. Um, en este caso, sólo vamos a elegir una plantilla. Entonces aquí vamos. Cuando hacemos clic en él, nos acaban de sugerir, como cada tipo individual para cosas diferentes para negocios o para lo que sea. Y en esta claves, solo voy a seguir adelante y elegir una plantilla para consultoría y coaching. Por lo que solo tengo que dar click en él me mostrarán los que están optimizados para este propósito. Y una vez que veo una que realmente me gusta, solo estoy puedo previsualizar Ed para ver más o menos cómo se ve y qué tipo de páginas diferentes ya ha configurado. Por lo que solo vamos a dar click en ver y comprobarlo y ver si estamos contentos con ello. Nos va a preguntar si queremos editar, decidir o no. Simplemente lo voy a cerrar para que sólo pueda ir dando click y revisar todas las páginas que tienen . Por lo que nos tienen, puedes ver información sobre ti y luego tendrán diferentes exhibiciones de productos que solo podrías comprar de inmediato, etcétera. Entonces creo que estoy bastante contento con esta plantilla. Por lo que solo voy a dar clic en Ed y empezar a editar con él. Y sí, va a tardar un poco hasta subir de carga, pero básicamente sólo va a abrir el editor del sitio web y va a ser muy fácil. Se puede ver que tiene, como, recorrido acogedor. Simplemente puedes echar un vistazo a Merlis cómo funciona todo, pero va a ser muy fácil. Solo tienes que hacer click en las cosas y empezar a editar y cambiar las imágenes y todo lo que necesitas 8. Respuesta a la respuesta: algo que realmente tienes que tener en cuenta a la hora de diseñar tu sitio web es recordar que tus usuarios accederán a él desde diferentes tipos de dispositivos off. Ya sea un celular, laptop o una tableta, hay que tener en cuenta que su página web necesita adaptarse a de Steve Ice. A esto se le llama responsividad en el sitio web y la respuesta del diseño Web es esta capacidad que el sitio web tiene para adaptarse a cualquier tipo de dispositivo al que el usuario esté accediendo desde un optimizado el contenido de acuerdo a esto. Entonces con nuestros constructores de sitios web, va a ser muy fácil porque solo tendrán una función la cual te permitirá visualizar cómo se ve tu sitio web en cualquier tipo de dispositivo y hacer ajustes en caso de necesiten apagados. 9. Alineación: el siguiente tema es algo que muchas personas ignoran al crear su sitio web. Pero es algo que realmente puede marcar la diferencia en el profesionalismo fuera del propio sitio . Entonces echemos un vistazo a este ejemplo, y está bien. Pero una vez que vemos al de la derecha, se ve mucho mejor, y esto es sólo por la alineación. Si miras el lado izquierdo, todos los textos están completamente desalineados entre sí, mientras que a la derecha, uno es un poco más visualmente atractivo porque todas las cosas ya sea horizontal como vertical, están alineados con solo una o dos líneas, y para crear alineación, tenemos dos opciones diferentes, por lo que el primero 1 sería tener una alineación lateral o alineación de bordes. Y es aquí cuando todos los elementos fuera del sitio web están alineados por los bordes. Por lo que hay que asegurarse de que una línea cruce camino y antorcha todos los bordes de los diferentes elementos. El 2do 1 que tendrá es el alineamiento central, y éste es un oleaje nosotros. El borde, como el nombre lo dice en sí mismo, es aquel en el que se centran los elementos sólo por la línea de medios, ya sea horizontal o si es vertical. Otra cosa a tener en cuenta con trabajar con alineación es la simplicidad fuera de ella. Por lo que tenemos que asegurarnos de tenernos líneas de alineación legal nos sea posible. Y vas a ver aquí un ejemplo fuera de una tarjeta de visita. Y a primera vista se ve muy bien. Pero tenemos demasiadas líneas de alineación. Entonces si lo cambiamos un poco de líder y simplemente alineamos todo a un lado, vamos a minimizar las líneas de alineación. Y estos serán visualmente más atrayentes para nuestros usuarios y también más fáciles de consumir la información y por lo tanto más fáciles de enfocarla y procesarla. 10. jerarquía: en esta sección. Vamos a hablar de algo muy sencillo, pero muy importante, pero muy importante, porque va a tener un enorme impacto en el diseño de tu sitio web y en la forma en que tus usuarios y clientes perciben y procesan la información. Y este tema es ella una clave. Entonces lo primero que debes saber sobre Huracán es que nuestro cerebro está cableado de una manera que procesamos la información de acuerdo a cómo se nos presenta. Entonces estamos cableados para revisar primero lo más grande, lo de la petanca primero. Entonces si miras este ejemplo, inmediatamente notarás que tus ojos irán a la primera línea de texto, luego a la segunda 1 y luego a aquella donde ya no está la topografía en mayúsculas . Esto es algo que te ayudará a organizar tus textos, um, para captar la atención de tus usuarios exactamente donde lo necesites. Ahora echemos un vistazo al segundo ejemplo donde tenemos un montón de formas, lo que notarás que tu cerebro irá de inmediato y llamará su atención a la plaza porque es el objeto más grande de todas ellas también es el más audaz. Por lo que nuestro cerebro está cableado para simplemente echar un vistazo a los más audaces y luego pasó a las cosas más redondeadas que están en el siguiente tamaño. Y luego iremos consumiendo todos los elementos hasta llegar al más pequeño y ligero para conocer Listrik un ejemplo con sitios web. Entonces si tuvieras un sitio web que se ve así donde tienes un montón de texto que es muy parecido no solo diferenciar lo que cualquier línea entre sí, tu usuario tendrá mucha más dificultad saber dónde concentrarte primero y qué tipo de información es más importante don t otro. Entonces si hacemos un pequeño cambio y anunciamos, por ejemplo, algunas imágenes, esto ya está mejorando la experiencia del usuario, pero aún así no será increíble. Entonces lo que necesitamos hacer es justicia en este último ejemplo para, como tratar de guiar a nuestro usuario a través de nuestro sitio web. Entonces si tenemos un rumbo que tal vez hacer este uno más audaz o hacerlo más grande, entonces si tenemos imágenes podemos, como, como, variar comimos el tamaño de ellas y la posición también con subtítulos y con gran cantidad de textos , es realmente importante que dividamos la información y simplemente llamemos la atención para los usuarios exactamente donde necesitábamos. Entonces si lo más importante es lo imaginado y tal vez hacer esta imagen más grande? Bueno, si lo más importante es solo titularse, entonces solo hazlo Boulder, hazlo más grande y haz algunos ajustes legales. Para que usted usuario um no. Dónde concentrarse primero. 11. Trabajar con imágenes: otro aspecto importante fuera del diseño de nuestro sitio web son ¿qué tipo de imágenes estamos eligiendo para ello? Y para poder elegir buenas imágenes es importante tener en cuenta la calidad en el tamaño fuera de las imágenes, la resolución. Tienes que tener imágenes para tener una buena resolución para que cuando el usuario las vea en pantallas más grandes , roben trabajo. Además, hay que tener cuidado con el tamaño porque, acuerdo al diferente tipo de dispositivo esta imagen podría ser o no tan visible. La imagen tiene que estar relacionada también con el tipo de contenido que le estás dando a tu usuario, por lo que tienen que estar relacionados porque tienen que enviar un mensaje. Y la última parte que hay que tener en cuenta son las reglas de la fotografía. que tener cuidado con que existen ciertas reglas que harán que las imágenes elite sean un poco más atrayentes a la vista. Así que ten cuidado con las de ésta y úsalos a tu favor. Hay muchos sitios web donde puedes encontrar imágenes de forma gratuita, y esto es solo una porquería de esas, pero hay aún más así que solo siéntete libre de revisarlas y buscar tus imágenes antes empezar a tu sitio web. Uno de ellos son los píxeles. También tenemos picos, obedecer y salpicar fotografía gratis. Morgue lo archivó Calma pico, jumbo así como bóveda de valores. Y todos estos sitios web tendrán imágenes que vas a poder utilizar de forma gratuita. Y tal vez algunos de ellos te van a pedir que acabes de aportar autor o algo así . Pero esto va a ser tu decisión. Y ahora lo último a tener en cuenta al trabajar con imágenes es cómo hacerlas funcionar. Bueno, cuando también tengas texto con él y para estos, vas a hacer que Teoh se asegure del texto de la verga que está encima de las imágenes. Si ese es el caso, es legible. Y para eso, solo puedes hacer cambios simples que vayan a mejorar la legibilidad del texto, como cambiar el fondo de color, um, um, o tal vez subyacente al texto detrás de él o simplemente controlar el imagen de fondo, ajustando el contraste o haciendo un poco más. Paige. A lo mejor también puedes poner como una capa que superpone la imagen con solo un poco de un pase o hacer la imagen con, um, um, gran filtro oceánico. O tal vez simplemente poner una superposición con radiante. Esa es una ventaja un poco más oscura. Cuando el texto termine, la imagen y todas estas cintas te van a ayudar a que el texto sea más legible. 12. p. psyhchology del color: Entonces ahora vamos a hablar de uno de los temas más importantes sobre el diseño de sitios web y uno que te va a ayudar a crear ciertos comportamientos en tus clientes en tus usuarios. Tan distópico llamador ISS. Y es extremadamente importante porque el color es algo que va directamente del dedo del pie consciente del arsenal y activa ciertos parámetros que no podemos controlar. Pero trabajan en su extremadamente eficaz. Entonces no sé si has tenido este sentimiento cuando entras a una habitación y tal vez o comienzas a sentirte pulgadas. O tal vez te hace simplemente sentirte muy relajado, muy calmado. Todo esto es por el diseño, los elementos que están ahí, pero mayormente, es por el color. Entonces, por ejemplo, si la habitación resulta ser amarilla, empezarás a sentirte muy ansiosa. Pero si la habitación en su lugar este color azul te hará sentir muy relajado, muy tranquilo, muy confiado para que puedan cambiar nuestras emociones, pueden cambiar cómo nos sentimos y lo que hacemos para que puedas aprovechar esto porque es una herramienta de comunicación muy potente, y puedes usarla para señalizar ojos, algunas acciones para influir en el estado de ánimo de tus clientes. o usuarios o incluso influir en las reacciones psicológicas. Muchas de las marcas más grandes ya lo saben, por supuesto, y lo usan. Teoh crea ciertas cosas dentro de sus clientes. Entonces, por ejemplo, si tienes restaurantes de comida rápida, notarás que Dell usó este muy brillante color rojo amarillo. Y esto es exactamente porque son tan brillantes que inmediatamente te costarán el efecto que no querrás quedarte ahí por mucho tiempo, lo que significará que entrarás ahí por tu parada. Rápidamente y luego seguir adelante, quitate tu camino porque solo quieren conseguir tantos clientes como puedan, y no quieren que se queden mucho tiempo. Entonces en cambio, si revisas como cónyuge o algo así, tendrás tonos muy, muy cálidos. Al igual que Brown tendrá mucho ancho, tal vez algún azul, muy claro y colores que te harán sentir muy cómodo, muy seguro y te harán querer pasar más tiempo en esto. Entonces ahora vamos a echar un vistazo a los diferentes llamantes en los que, cuál de ellos significa y cómo puedes usarlos para crear más atención, o cuándo es prudente usar una u otra y cómo combinarlas? 13. Significados de colores en colores: Entonces, así como les decía en la sección anterior, lo más importante que hay que tener en cuenta sobre la teoría del color es que cada color tiene un significado, pero también que los colores están apegados a las emociones y sentimientos, y dependiendo de cuál utilices, o en qué cantidad y en qué tono puede lograr un objetivo o repartir el uno. Además, es importante que sepas que es mejor elegir una paleta de colores, por lo que al menos dos o tres colores que puedes mezclar alrededor para títulos, fondos de Baden y cosas diferentes. Y por último, es importante que sepas, para qué tipo de marca estás trabajando o cuál es tu tipo de empresa. Los valores ubicaciones, los clientes. Todos estos tienen una influencia. Por lo que nuestra primera persona que llama es un color amarillo, un color que puede ser muy poderoso pero también muy peligroso si lo usas para fondos, evoca emociones como felicidad, alegría, atención también intelecto, y se utiliza para llamar la atención. Pero como no puedes mirarlo demasiado tiempo, no es realmente bueno para ser usado para fondos, así que solo ten cuidado cuando lo utilices el siguiente. Es el color azul, el color off peine, el color off piece, el que evoca tranquilidad, estabilidad, confianza y confianza. Se utiliza para ramas como la medicina salud, también para generar confianza. Entonces es realmente bueno para trabajar con dinero. Ahora vamos a hablar del color rojo, uno de los más poderosos y de los más llamativos justicia amarillo. Evoca amor, energía, pasión y poder. También emociones. Por eso es muy utilizado para cosas que son emocionantes. Pretende amor, de sensualidad. Ahora el color verde un color que justus el azul es un poco más tranquilo. Evoca frescura. La seguridad está relacionada con la naturaleza y el crecimiento, razón por la cual es muy utilizada para servicios relacionados con la alimentación, sobre todo con cosas relacionadas con la salud y sustentables y ambientalmente responsables. Ahora color morado un color sí invoca la realeza, la riqueza, poder y la comunidad, razón por la que lo usamos para créditos bancarios. Causa de desconfianza transmite por atender público femenino, también por exclusividad y lujo y justicia. Morado. Tenemos el color negro, muy, uno exclusivo muy,muy potente. Se relacionó antes con la oscuridad, pero ahora se ve el poder de elegancia de Maura extremo, y se utiliza para crear emociones fuertes pero también solo exhibir morado para re por ciento lujo y exclusividad. Y por último pero no menos importante, tenemos el color blanco, que se utiliza para representar pureza, inocencia, luz y bondad sinceridad, razón por la que emite para marcas que tienen que ver con, um, espiritualidad con cosas nous con limpieza nous , también puede representar un nuevo comienzo. 14. Combinaciones de colores: Ahora que conoces el significado de los diferentes colores, hablemos de las combinaciones que puedes crear con ellos. Y estas combinaciones te ayudarán a construir un Politte de color, que te permitirá tener diferentes opciones a elegir para tu fondo, tus títulos, tus subtítulos y así sucesivamente. Entonces para estos, vas a necesitar echar un vistazo a la voluntad del color, que es esta representación abstracta de los colores alrededor del círculo que mostrará las relaciones entre ellos Y dependiendo de cómo combine los colores en este testamento, puedes tener diferentes tipos los cuales son como el aguanieve complementario analógico, árbol, ático y monocromático, y todos los días mostrarán diferentes mensajes de acuerdo a cómo los uses. Entonces hablemos de la primera combinación, que es una mirada de Anna. Entonces éste es el que crea cuando tomas un color en la rueda, y luego tomas el color justo al lado de éste. Entonces si echamos un vistazo a este azul oscuro aquí, los analógicos serán el morado y el cuello azul al lado de ese. Por lo que estas combinaciones que se crean con colores analógicos son extremadamente armoniosas y fáciles de ver, lo que las hará buenas para usar para fondos y títulos, o simplemente para usarlas en usarlas en grandes cantidades en tu sitio web justicia que verías en este ejemplo. Ahora la segunda combinación de la que vamos a hablar es la de cortesía, y ésta es la que se crea al sacar un color de la rueda y combinarlo con el color que se encuentra en el lado opuesto. Entonces si le echamos un vistazo al morado, es de cortesía. Uno será el color amarillo justo delante de él, y las discriminaciones son realmente buenas para llamar la atención. Pero también hay extremadamente choque. Ella por lo que van a destacar. Pero lo malo de esto es que realmente no se puede mirar hacia adelante demasiado tiempo, así que van a ser buenos para los madereros y cosas así, pero no para los fondos. Ahora echemos un vistazo a la llamada combinación split, que es la que se crea cuando se combina una persona que llama con los dos colores que sólo son actriz final al opuesto. Entonces si tomáramos el color morado, por ejemplo. Entonces sabemos que el amarillo es lo contrario. Y luego los dos que están a su lado, que es este tipo de anaranjado o amarillo más oscuro. Y este muy verde claro se mostrará combinación. Y estos serán un líder un poco más de equilibrio, pero también todavía muy choque e Um, por lo que también es muy bueno. Demasiado fresco para la atención, pero todavía no tan bueno para los fondos y cosas así. Ahora vamos a ver la combinación de la Triada IQ, y esta es la que se crea cuando se tiene una persona que llama y se llevan los dos que lo harán para dividir la rueda de color en ST partes exactamente iguales. Entonces si nos lleváramos este azul oscuro hecho, el naranja y el verde claro serán la combinación de ático try fuera de ésta, y ésta será una muy Vallas y el acero llamará la atención. El tenemos que ser curvados Vulcano porque también puede generar un look muy noventa porque en los noventa era muy comúnmente utilizado para todos los anuncios y Lagos etcétera. Ahora hablemos de la combinación monocromática, y ésta es la que creamos cuando tomas un color en el testamento y luego simplemente te combinas con, um, um, diferentes cantidades fuera de blanco o negro. Entonces si tomáramos uno azul, entonces sólo tendremos que añadir un poco de blanco para tener un tono más claro o un poco de anuncio del dedo del pie negro para crear un tono más oscuro. Y esta es una combinación muy moderna y muy, muy armónica, por lo que debes tenerla en cuenta a la hora de crear tu diseño. 15. Conceptos básicos de tipografía: en el apartado. Vamos a hablar de tipografía, y este es un tema extremadamente importante, y va a tener un enorme impacto en lo que piensan tus usuarios y cómo procesan la información fuera de tu sitio web. Porque dependiendo del tipo de tipografía que utilices, puedes enviar un mensaje completamente diferente incluso mientras usas la misma frase. Así que sólo revisa su ejemplo donde es sólo una frase simple. Siempre serás mía. Y si lo escribimos así, se puede percibir como muy romántico. Pero si solo cambiamos la tipografía, entonces de repente puede enviar un mensaje muy, muy espeluznante y d amigo. Entonces una de las cosas que hay que tener en cuenta al hablar de tipografía es que son dos diferentes, Um, en términos que la gente confunde mucho. El 1er 1 es el tipo, y esta es básicamente la variación del peso. Ya sea negrita, cursiva o ¿qué es? Bueno, este estilo es la familia diferente. El tipo face es frío y, por ejemplo, arial Helvetica, todos estos se llaman la tipografía, y hay que tener cuidado. Porque mucha gente tiende a confundirse es ambos términos. Entonces ahora que ya sabes la diferencia, vamos a ver algunos ejemplos fuera de diferentes tipos de caras y diferentes fondos. Entonces nuestro primer ejemplo de tipo cara van a ser los sonidos Serif uno. Y este parece simplemente muy sencillo y es una de las familias más grandes iban a entrar más en detalle. El 2do 1 es el serial, que es el que tiene estas cosas legales al final de los personajes. Ahora también tenemos esta risa serif. Tenemos los teléfonos de script que son los más rizados er. Tenemos un oleaje las Mona espaciadas, y tenemos también d fondos de pantalla, por lo que se pueden ver ejemplos de cada uno de ellos. Y ahora vamos a echar un vistazo a los ejemplos para diferentes tipos de fondos. Entonces el 1er 1 es, por supuesto, la deuda irregular, la más básica, una fuera de cada tipografía. También tenemos el condensado, que es un poco de lo más estirado horizontalmente. Y luego tenemos el metálico, que también es un poco más tendido hacia el lado derecho. Podemos tener el metálico también en negrita, y podemos tener un oleaje el audaz, solo el regular, pero una ventaja un poco más como fuerte. Y entonces también tenemos el negro. Ahora vamos a entrar un poco más en detalle con mucho dio d media y con qué están relacionados? Porque este es un tipo de mensaje que tus usuarios van a percibir, dependiendo del tipo de topografía que estés usando. Por lo que los serif están muy relacionados con la tradición, respeto, fiabilidad y el comport, mientras que los de surf de sol son un poco más modernos, más limpios, más objetivos, más estables. Este guión los están relacionados con la elegancia, cariño y crear equipo de televisión. Los de exhibición se verán un poco más amigables, expresivos, únicos y divertidos, y los modernos son un poco más fuertes, más progresivos, Styler y más chic. 16. Familias de serie y Sans Serif: en esta sección, vamos a ver a un líder estar más en detalle. Las dos familias más grandes y estas son la serif y el sonido sirven. Entonces empecemos por el 1er 1 Y estas son muy reconocibles por las líneas de líder que tienen en los extremos y los extremos fuera de cada personaje. Por lo que estos provienen de los tiempos antiguos donde la gente tenía que tallar los laterales sobre piedra, y era casi imposible tallar las letras sin dejar las líneas legales al final . Por lo que desde que vienen de esto, tiempos antiguos toman incluso impresión para ser muy tradicionales, muy conservadores. Y ejemplos de estos son los tiempos a Georgia, la prenda y la carrera. Ahora hablemos de los cuatro tipos de familias que tienen las de tesis. El 1er 1 es el más antiguo y es el viejo estilo ganó un gran ejemplo para la estancia. Cuota Progra es el adulto Jensen. Ahora pasemos a la transición. Ejemplo de éste será la topografía Bhaskar Bill. Un poco más moderno. Echemos un vistazo a esta familia moderna. Un ejemplo es la deducción topográfica muerta, y finalmente tenemos los serif de losa, y estos vienen de los tiempos fuera de los periódicos, donde solían imprimir las letras en un papel de mala calidad. Y estas cartas estaban muy mojadas por lo que dejarían estas marcas como si se dividieran un poco. Ahora pasemos a la familia San Serif, y esta familia es muy reconocida por ser vista como más moderna, pues se acerca. Eso es muy sencillo, muy mínimo. Y algunos ejemplos de este apóstrofe r las noticias Gothic, DLV, Erica, Jill Sands y Futura y estos también sólo Aziz. A la familia Sarah se les clasifica en cuatro tipos, y el 1er 1 que hicimos vamos a hablar es la familia grotesca y dos, Tesis uno. Podemos clasificar la topografía noticia gótica, por ejemplo. Ahora el 2do 1 será la familia de tisk neo crecido, y a ésta le pertenece la topografía. Helvética, que es una de las topografías más conocidas, está ahora en el mundo. También tenemos a la familia humanista y al Deal. Arenas pertenecerán a ésta, y la última será la familia geométrica y dos D's One pertenece a tipografía Futura 17. Cómo elegir una buena tipografía: Entonces ahora que conoces los conceptos básicos sobre la topografía y lo que representan cada uno fuera de las familias de amigos ladrones , puedes empezar a elegir la tipografía es que vas a usar en tu página web. Y para estos, también necesitarás tomar en cuenta tu marca, tu empresa en el agua, los valores que estás tratando de transmitir. A lo mejor. ¿ Es uno más moderno, o es más conservador? ¿ Es una marca lúdica o es una mirada más, señor? Usar más serio, más adulto. Una que vas a hacer que Teoh tome en cuenta ¿Qué tipo de usuarios son los jóvenes Artur a sus cincuenta? No lo sé. Todos los detalles legales del mismo van a hacer una influencia en las cosas que se les quiere transmitir y cómo abordarlas. Entonces esto es lo primero que debes tener en cuenta tu marca y tus usuarios Además, tal vez la ubicación pueda ser el tipo de país en el que te encuentres y lo que está considerando que hay más que o juguetón. Y así uno ahora, otro factor que vas a tener que tener en cuenta a la hora de elegir tu topografía es la legibilidad, y ésta es sólo la capacidad que una cinta más larga si tiene que ser procesada fácilmente por el ojo humano. Por lo que éste dependerá de diminutos factores como tal vez el tipo de líneas que la tipografía serif es tener esta va a ser líder, sido más difícil de procesar porque se tarda un poco más de tiempo para el humano yo a sólo reconocerlos. Y esto va a hacer una enorme influencia en diferentes situaciones. Entonces si, por ejemplo, estás tratando de hacer que el usuario lea un montón de texto, deberías tener una tipografía que sea muy fácil de consumir. Entonces, en lugar de usar una tipografía serif, deberías usar una Sand Saref, una, que es más clara y más fácil de leer. También, hay situaciones en las que esto tendrá un tipo de influencia de vida o muertos. Entonces, por ejemplo, si los usuarios están en una autopista y lo estás haciendo un anuncio en, deberías poder leer eso rápidamente porque de lo contrario se distraerá. Entonces para los anuncios, entonces el tipo Sand Saref será más anuncio iguale mientras que si tienes un título de lo que está completamente bien usar esta tipografía de servir. Entonces solo hacer como un envolver los TIF para trabajar con tipografía o para usar diferentes tipos es 1er 1 estar donde eso es mejor hacer dos tipos diferentes de familias. Entonces si tienes ah, serif tipografía para el título, entonces debes tomar una sans serif para el contenido. Además, solo un sitio dijo que los de San Serif son muy buenos para los cuerpos porque ahora son más fáciles de consumir. Otra cosa que puedes combinar son el estado de ánimo y la época. Entonces si tienes a tipos modernos que esta es una buena combinación, o si tienes que antiguos tipos, entonces también sería bueno combinarlos para juntarlos, mientras que el tipo de familia es algo que tienes que contrastar también, el serif nous y esperar. Por lo que tratar de no poner tipos demasiado serif juntos y a tipos San Serif juntos esto hará y no una mezcla tan buena. También trata de evitar usar más de tres tipografía es al mismo tiempo, y lo que hagas, solo por favor evita thes tipografía. Facilidad hijos cómicos Kristen aparece Viner, Kroll y Symbol thes son topografía facilidad que fueron muy sobreutilizados y que no se ven es bueno en la industria. Entonces todos pensarán que no pusiste ningún esfuerzo en elegir la tipografía fuera de tu página web. Por lo que solo por favor ten eso en cuenta. 18. Herramientas para trabajar con tipografía: este video, te voy a mostrar un par de herramientas y sitios web que van a ser muy útiles para ti cuando trabajes con tipografía es, y con teléfonos simplemente adecuados, puedes espiar qué tipo de tipografía está usando alguien o solo puedes encontrar diferente topografía es si ya conoces el nombre y solo tienes que seguir adelante y descárgalos. la primera herramienta que quiero mostrarte se le llama lo que el fondo o mis fondos y es un sitio web donde solo puedes subir imágenes, y entonces el software simplemente reconocerá de inmediato qué tipo de tipografía está usando esta imagen . Entonces si revisas un sitio web que realmente te gusta, pero no sabes qué tipo de tipografía están usando, pero te gustaría usarla ya sea para tu sitio web o para tu logo o lo que sea, solo tienes que ir a este sitio web, y como puedes ver, solo puedes arrastrar y soltar cualquier imagen, o simplemente subir. Cualquier archivo es muy fácil de usar, y luego reconocerá de inmediato qué tipo de fondos están utilizando. También tiene algunas recomendaciones y tipografía, así que solo puedes dar click alrededor y echar un vistazo a lo que tienen, y te mostraré solo ah ejemplos texto para que solo sigas adelante y escribas cualquier cosa y te mostraré en la facilidad de tipografía en las recomendadas. ¿ Cómo se pega para lucir en diferentes ambientes para que solo puedas tomar alrededor y mayúsculas O simplemente Son letras normales normales y escribir lo que quieras ver cómo veía. Y luego puedes seguir adelante y descargar el frente. Es muy fácil de usar. También cuenta con ofertas. Tiene un montón de cosas, por lo que puedes simplemente dar clic, obtener algo de inspiración, o simplemente puedes usarlo para averiguar qué tipo de tipografía esto, tu imagen media otra de las características es que solo puedes chequear alrededor. ¿ Qué tipo de precio tienen estas imágenes y se descargan directamente para que solo puedas comprobar cuál es gratis y empezar? La siguiente herramienta que quiero mostrarte es una página web llamada Fonts Girl y, dijo, juega muy similar a mis teléfonos o a lo que el fondo, o simplemente puedes enterarte de diferente tipografía facilidad para que los tengan clasificados en diferentes categorías, y solo puedes ir a ésta si ya sabes qué tipo de fondos quieres usar, o ¿cuál es el estilo que querías para tu tipografía? También tienen diferentes características, como han sido clasificadas por idiomas por lo que solo puedes encontrar árabe, chino y diferente tipo de caracteres. Y Justus mi teléfono. También tiene un identificador de fondo, por lo que funciona muy similar. Solo tienes que subir la imagen, y luego reconocerán qué tipo de financiado es, y luego solo puedes seguir adelante, buscar el nombre y comprarlo. Entonces si revisas, también tienen, como, recientes ofertas de parada de fawn y muchas características. Por lo que solo tienes que ir a revisar tu teléfono y luego dar click en él y de inmediato redirigirte a la página web, donde solo puedes descargarlo o comprarlo y tendrán que precios para que puedas encontrar los gratis . O si realmente estás listo para dar más, también puedes hacerlo, y quiero mostrarte dos herramienta más. Por lo que el primero de estos se llama el Telefonado, donde solo puedes encontrar diferente topografía es y también descargarlos o por ellos. Entonces si vas a su página web, van a tener muchos estilos diferentes ya que solo te son, um, recomendados. Pero también tendrás todas las categorías y temas. Por lo que tienen, como, miradas diferentes que tienen, como es la topografía gótica, o las más modernas. Y también puedes simplemente escribir tu texto y previsualizar cómo va a parecer justicia, el mismo Skrill de EU, luego seguir adelante y comprar Tu teléfono es muy similar. Y por último pero no menos importante, tenemos los dos últimos, que se llama Sky Fonts, que es un frío que te permitirá espiar diferentes fondos. Entonces si tienes un sitio web donde realmente te gusta la tipografía que están usando, solo puedes ir adelante a sky funds e instalar la app, y te permitirán espiar dos sitios web diferentes y qué tipografía están usando . Tienen también un montón de cosas que puedes revisar. También te redirigirán a mi teléfono. Tan solo para seguir adelante y comprar diferente topografía es después de que te enteraste cuál era la que estaba usando tu sitio web. Tienen noticias. Se han convertido en espectáculos diurnos, diferentes estilos y así sucesivamente. Por lo que solo puedes seguir adelante y hacer clic un poco de ronda y echar un vistazo a las funciones más antiguas. Pero es uno realmente genial, así que deberías revisarlo.