Texturas

  • toptal Tiene texturas que puedes poner de imagen de fondo y pesa muy poco(kbytes) y se ven muy bien
  • Más texturas

    Checar compatibilidad en navegadores

  • Can I Use

    Banco de vídeos

  • Pexels(Descarga sin registro) Estos sitios suelen proporcionar vídeos en resoluciones más bajas
  • Pixabay Estos sitios suelen proporcionar vídeos en resoluciones más bajas
  • Videezy Estos sitios suelen proporcionar vídeos en resoluciones más bajas
  • Open footage Plataformas de contenido libre de derechos de autor
  • Shutterstock Bancos de imágenes y vídeos de pago con muestras gratuitas
  • Adobe Stock Bancos de imágenes y vídeos de pago con muestras gratuitas

    Opinions

  1. Me gustaron las tipografías HandWriting, transmite cercanía, se usan para blogs, para que conectes con tu público, pero no son muy buenas para textos largos porque dificultan la lectura.
  2. Utilizar una tipografía que tenga todos los caracteres,mientras más, mejor.
  3. Ya que tengas los 2 primeros pasos, buscar que la tipografía tenga varios estilos
  4. Tipografía Rockwell: es de la familia de tipografía egipcias, se utilizan para cosas clásicas, puedes usarla para titulares serios
  5. Tipografía Bodoni MIT: para encabezados, muestran fiabilidad
  6. Tipografía Helvetica: para textos largos, transmite más juventud y energía
  7. Tipografía Ubuntu: transmite modernidad, vanguardia y tecnología, la puedes usar para textos largos
  8. Tipografía Garamond: transmite antiguedad
  9. Tipografía Jokerman: es una fuente de fantasía, transmite terror ó niñez
  10. Tipografía Helvetica: para textos largos, transmite más juventud y energía
  11. Tipografía Helvetica: para textos largos, transmite más juventud y energía

    Tips

  • Las etiquetas "a " cambialas de color
  • Al acercar el mouse sobre la etiqueta "a " el background debe de cambiar al color de la tipografía y la tipografía al color del background de la sección
  • Los íconos se tienen que mover
  • Las imágenes deben de tener sombras y un ligero movimiento
  • Si las imágenes son muy detalladas que tengan Zoom
  • Los titulos que tengan más de 1 linea, al seleccionarlo, puedes hacer que el renglon 4,la mitad abajo y detras del renglon 3 y el 3 del 2 y el 2 del 2, y el 1 que se vea bien
  • Los PPP(Puntos por pulgada de Photoshop, solo se distinguen en impresiones, no en pantalla)
  • Centrate para los principales dispositivos, no todos
  • 72PPP en una imagen en photoshop es lo ideal
  • 2min 1/2 es un tiempo bueno de permanencia de un usuario en tu sitio web
  • 60% de usuarios recurrentes ya es bueno, así conseguirás una comunidad fiel
  • Cada semana agregarle algo a tu sitio web
  • No pongas nada de publicidad al iniciar la entrada en tu sitio web, pon publicidad equilibrada y separada
  • Cuando inicies un proyecto, no pongas publicidad
  • Cuando llegues a las 500mil visitas, comienza a poner publicidad
  • HTTPS genera seguridad para el usuario
  • ¿Qué expresan los colores? Verde: frescura, naturaleza, Amarillo: actividad,energía(ganas de hacer cosas), Naranja: alerta, alegre, medicinas para ancianos, Violeta: elegancia, Azul: tranquilidad, sinceridad y paz, Cafe ó marron: solidez, estabilidad, Turqueza: tranquilidad, Blanco: relajación,sinceridad Negro: miedo, elegancia
  • Cuando quieres que algo destaque mucho, se pone sobre un fondo blanco
  • Las frases que quieras sobresaltar van alineados a la derecha
  • Los colores para la tipografía deben de ser oscuros para leer y claros para resaltar
  • El color de la letra debe ir de acuerdo al color, la emoción que transmite el color debe de ser igual a la emoción que transmite la tipografía
  • Evita escribir en mayúsculas en el texto de lectura
  • Los titulares con fuente más gruesa y seria, para que capte la atencón, Así le hacen los periódicos en linea
  • La regla de los 2 tercios, divide la imagen en 3 lineas verticales y horizontales y los 4 puntos de en medio donde se cruzan, cada punto es donde más llama la atención a la gente
  • Imagenes con fotografía contrapicado causan seguridad a las personas, incluso los dictadores se tomaban de esas fotos
  • Fotografía en angulo Nadir NO SE RECOMIENDAN en un sitio web, por que no generan un estado en el tiempo, nunca hay un antes ni un después
  • Fotografía en angulo Picado le da una imagen de inferioridad a la persona
  • Cuado más cercana sea la foto, más cercanía provocas con el usuario
  • Las fotos de plano medio deben mostrar las piernas, si no generan una sensación extraña
  • Definir el sexo, el rango de edad, si es para niños los colores deben de ser llamativos, variados y que transmitan alegría y diversión, si es una página elegante, debes usar negro y tonos de gris para transmitir seriedad, si la página es para gente joven, debes de poner fotos con gente atractiva, si es para un público de la 3ra edad, debe de haber viejitos que parezcan jovenes y dinámicos
  • el scroll es intuitivo a la derecha no a la izquierda