Saltar al contenido
Diseño web

Diseño gráfico para web en Lleida: alcance y entregables

Por Álvaro Garray Molina · ilerNetwork4 min de lectura

Para decidir con criterio

Qué piezas gráficas necesita realmente tu web

Empieza por un inventario: logotipo, variantes, colores, tipografías e imágenes. Si ya hay identidad, el trabajo puede consistir en adaptarla a una interfaz; si no la hay, definirla es otro alcance. El presupuesto debe indicar piezas, formatos, revisiones y licencias, sin tratar todo como una única imagen. [1]

  • Solicita versiones legibles sobre fondo claro y oscuro.
  • Conserva el texto importante como texto cuando sea posible, también en miniaturas y cabeceras.
  • Comprueba contraste con el fondo real y en las versiones de menor tamaño.

Archivos según su uso

En pantallas pequeñas puedes desplazar la tabla.

Archivos según su uso
UsoQué acordarQué comprobar
LogotipoOriginal vectorial y variantes de aplicaciónLectura y proporción a tamaño pequeño
Imágenes de la webTamaños, encuadres y derechosPeso, nitidez y comportamiento responsive
Piezas con textoTexto editable y variantes por soporteContraste y ausencia de recortes
Un sistema visual que se puede reutilizar
  1. Inventariar

    Separa recursos existentes de piezas nuevas.

  2. Aplicar

    Prueba la identidad en una página y una miniatura.

  3. Entregar

    Documenta formatos, licencias y reglas de uso.

Una web necesita decisiones visuales coherentes, pero no todos los proyectos requieren crear una marca desde cero. Antes de pedir precio conviene separar los materiales ya disponibles de los que habrá que diseñar o adaptar.

Lo clave, en 30 segundos

  • El presupuesto debe distinguir identidad visual, piezas gráficas e interfaz web.
  • Cada entregable necesita formatos, variantes, revisiones y derechos de uso definidos.
  • No publicamos rangos locales sin una fuente y una metodología verificables.
  • La coherencia se valida en usos reales: móvil, escritorio, impresión y redes cuando proceda.

Primero: inventario de marca

Reúne lo que ya existe y comprueba si puede utilizarse:

  • logotipo en formato vectorial y versiones para fondos claros u oscuros;
  • paleta con valores de color definidos;
  • tipografías y licencias compatibles con uso web;
  • fotografías, ilustraciones e iconos con derechos identificados;
  • guía de estilo, ejemplos anteriores y restricciones de marca.

Entregables que pueden formar parte del proyecto

  • Identidad: logotipo o ajustes, color, tipografía y normas básicas.
  • Recursos web: iconos, ilustraciones, fondos, gráficos y tratamiento de imagen.
  • Interfaz: componentes, estados, jerarquía visual y adaptación responsive.
  • Piezas auxiliares: cabeceras sociales, firmas o documentos, solo si se incluyen.
  • Entrega: formatos finales, archivos editables acordados y documentación.

Una referencia no es una licencia

Aportar una imagen, tipografía o ejemplo visual no acredita que pueda utilizarse. El origen y las condiciones de uso deben comprobarse antes de incorporarlos a la web.

Cómo pedir un presupuesto comparable

  1. Describe el objetivo, público y soportes donde se usará el diseño.
  2. Adjunta el inventario de materiales existentes y su estado.
  3. Enumera piezas, formatos, variantes e idiomas necesarios.
  4. Define quién decide, cómo se valida y cómo se gestionan las revisiones.
  5. Solicita que licencias, impresión y trabajos futuros aparezcan separados.

Coordinación con un proyecto web

ilerNetwork es el estudio de diseño y desarrollo web de Álvaro Garray Molina. En una propuesta web se detalla qué recursos visuales se adaptan, cuáles debe facilitar el cliente y cuáles requieren un encargo específico. Las tarifas base de desarrollo se mantienen en precios; un trabajo gráfico no descrito allí debe presupuestarse con su propio alcance.

Preguntas frecuentes

¿Diseño gráfico y diseño web son lo mismo?

No. La identidad visual define recursos como logotipo, color, tipografía e imágenes; el diseño web los convierte en una interfaz navegable y adaptable. Pueden coordinarse en un mismo proyecto, pero el presupuesto debe separar sus entregables.

¿Cuánto cuesta el diseño gráfico para una web?

No hay un precio único: depende de si ya existe una identidad, del número de piezas, las variantes, las revisiones y los derechos o licencias necesarios. Sin ese alcance no es responsable publicar una media local como si fuese una tarifa verificable.

¿Qué archivos debería recibir?

Depende del encargo, pero debe acordarse la entrega de formatos de uso y, cuando forme parte del contrato, archivos editables. También conviene especificar versiones de color, tamaños, tipografías, licencias y reglas básicas de aplicación.

¿Cómo se evitan revisiones indefinidas?

Con un briefing aprobado, responsables claros, hitos de validación y un número o mecanismo de revisiones definido en la propuesta. Los cambios de dirección posteriores se tratan como una ampliación de alcance.

Define los recursos visuales de tu web

Cuéntanos qué identidad y materiales tienes para separar con claridad adaptación, diseño y desarrollo.

Describir el proyecto

Fuentes y documentación

Las notas indican qué parte del artículo documenta cada referencia.

  1. W3C: contraste del texto (se abre en una pestaña nueva)

    El contraste mínimo depende del tamaño y contexto del texto, también cuando el texto forma parte de una imagen.

Guía de decisión revisada el .

Compartir

¿Te ha gustado este artículo?

Suscríbete para recibir contenido práctico cuando publiquemos algo útil.

Al enviarlo, recibirás un correo para confirmar el alta. Consulta la política de privacidad.

Revisión manual de tu web por 19€

SEO técnico, UX, rendimiento, enlazado, accesibilidad y móvil. Observaciones priorizadas, sin prometer resultados comerciales.

Auditar mi web · 19€