########### Zona común cabecera página##############

Nombre del alumno

Inicio
Diseño gráfico
Inspiración
Sobre mí
Contactar
logo de mi portafolios
Portafolio personal de Jordi Freginals
Diseñador multimedia

########### Zona común pie de página ##############

Diseño gráfico
Inspiración
Sobre mí
CONTACTAR
Política de cookies
Aviso legal
Mapa del sitio
Ir al comienzo
Todas las imágenes son procedentes de bancos de imágenes de libre distribución

########### Pagina inicio ##############

Sobre mi
Soy nombre del alumno, diseñador multimedia.
Quiero mostrarte mi portafolios personal y profesional sobre los temas que me
apasionan: infografía, fotografía, creatividad, arte, moda, diseño web.... Lo que más
me gusta es compartir mi experiencia y que me comentes que te parece mi trabajo.
Si quieres saber más sobre mí, puedes seguir leyendo aquí
Mi portafolio
Comentario de la imagen
Ampliar información...
########### Pagina inspiración ##############
Inspiración artística
La inspiración en la composición artística se asocia a un brote de creatividad.
Literalmente, la palabra significa recibir el aliento, y tiene sus orígenes en el helenismo
y la cultura hebrea. Homero y Hesíodo, en las primeras discusiones sobre la
naturaleza de la inspiración destacan como importante tanto los aspectos rituales
como los orígenes divinos del aliento de un dios. Por ejemplo tanto el oráculo de
Delfos, como otras sibilas, recibían el vapor y humos divinos en una caverna dedicada
a Apolo antes de realizar una profecía. En la Odisea, un poeta menciona que sus
cantos fueron puestos en su corazón por los dioses.
Puedes ver algunas citas interesantes sobre la inspiración:
La inspiración existe, pero tiene que encontrarte trabajando. Pablo Picasso
Cuando estás inspirado, nunca te preguntas acerca de tu propósito. Lo estás viviendo.
Wayne Dyer
El genio es uno por ciento de inspiración y un noventa y nueve por ciento
transpiración. Thomas Alva Edison
Ningún hombre ha llegado a ser grande sin un toque de inspiración. Cicerón
La forma más elevada de inteligencia consiste en pensar de manera
creativa K.Robinson
El valor de la innovación no está en evitar que te copien, sino en conseguir que todos
te quieran copiar Enrique Dans
La creatividad es inteligencia divirtiéndose Albert Einstein
La innovación es lo que distingue a un líder de los demás Steve Jobs
6 fuentes de inspiración para el diseño web
En ocasiones, un diseñador web deberá recurrir a fuentes de inspiración externas para
poder sacar adelante un proyecto. La creatividad se trabaja y ver ejemplos de diseño
web ya realizados puede ayudar a reforzar esta aptitud y a adquirir nuevas ideas.
En la práctica, serán muchos los casos en los que un cliente nos pida un diseño web y
no aporte la información y los referentes necesarios para que el diseñador tenga el
material suficiente para trabajar. En estos casos, presentarle diseños ya realizados,
tanto propios como de fuentes externas, puede ayudar a definir qué necesita.
Recurrir a fuentes de inspiración externas es útil cuando no tenemos suficiente
información sobre un proyecto
Para éstas y otras ocasiones en las que un diseñador web requiera de referentes
externos para encarar el apartado visual de un nuevo sitio web, os traemos un listado
de webs muy útiles:
awwwards.com: el portal de los premios a los mejores diseños web cuenta con un
amplio directorio de los mismos. Además, podremos filtrar las webs por múltiples
criterios, como premios recibidos, categorías, etiquetas, tecnologías utilizadas, colores
o países.
dribbble.com: esta comunidad de creativos tiene como uno de los ejes centrales de su
portal la presentación de diseños de todo tipo, incluyendo las páginas web.
behance.net: propiedad de Adobe, la web nació como herramienta de porfolio para
diseñadores y creativos, y con el tiempo se ha orientado a la presentación de los
trabajos realizados por los mismos.
siteinspire.com: con un sistema de filtrado basado en estilos, tipología de empresa o
temática, entre otros, este portal muestra listados de webs orientados a inspirar el
trabajo de otros diseñadores web.
crayon.co: una de las características más potentes de este directorio de diseños web
es la posibilidad de visualizar páginas concretas, como Contacto o Quiénes somos.
Pinterest: en la red social orientada a las imágenes podemos encontrar infinidad de
tableros que recopilan ejemplos de diseños web.
Estos son sólo algunos de los portales en los que encontrar ejemplos de diseño web
cuando nos falla la inspiración o no tenemos suficiente información de un proyecto
para empezar a trabajar en su apartado visual. También podéis consultar nuestro
apartado Porfolio, en el que podréis descubrir todos los proyectos web que hemos
realizado a lo largo de los últimos años.

Extraído en parte de https://www.latevaweb.com/ejemplos-diseno-web-inspiracion

Lo que trae la inspiración

Además de inspiración, para crear una página web hay que saber manejar HTML y
CSS. Además, para la realización de páginas web dinámicas es muy interesante usar
PHP.
De momento, un poco de código html y css que puede ser interesante.
Vamos a ver cómo crear un slider de imágenes sin usar javascript,
algo muy llamativo en los sitios webs.
Código HTML
<div class=”slider”><div class=”slider”> <ul> <li>  <img
src=”http://dominicushoeve.com/wp-content/uploads/ktz/latest-high-resolution-
wallpaper-1920×1080-70558-pictures-high-resolution-wallpaper-
30whtvl34j4r12m8b0c1sa.jpg” alt=””> </li> <li>  <img
src=”http://youghaltennisclub.ie/wp-content/uploads/2014/06/Tennis-Wallpaper-High-
Definition-700×300.jpg” alt=””></li> <li>  <img src=”http://welltechnically.com/wp-
content/uploads/2013/08/android-wallpapers-700×300.jpg” alt=””></li> <li>  <img
src=”http://welltechnically.com/wp-content/uploads/2013/09/android-widescreen-
wallpaper-14165-hd-wallpapers-700×300.jpg” alt=””></li> </ul> </div>
Código CSS
.slider {.slider { width: 95%; margin: auto; overflow: hidden;}.slider ul { display: flex;
padding: 0; width: 400%; animation: cambio 20s infinite alternate linear;}.slider li
{ width: 100%; list-style: none;}.slider img { width: 100%;}@keyframes cambio { 0%
{margin-left: 0;} 20% {margin-left: 0;} 25% {margin-left: -100%;} 45% {margin-left:
-100%;} 50% {margin-left: -200%;} 70% {margin-left: -200%;} 75% {margin-left: -300%;}
100% {margin-left: -300%;}}
Puedes ver el código funcionando en https://jsfiddle.net/luisfor09/dnr7g4rf/

----- enlaces externos ------

awwwards.com
dribbble.com
behance.net
siteinspire.com
crayon.co
www.pinterest.es
https://www.latevaweb.com/ejemplos-diseno-web-inspiracion
https://jsfiddle.net/luisfor09/dnr7g4rf/

########### página diseño gráfico ##############

Camisetas de diseño
Puedes comprar ropa con la serigrafía de algunos de mis diseños, en breve tendré un
catálogo mucho más amplio.

Espero que te guste y te animes a comprar

Catálogo
Tipo de producto Tallas Colores Inspiración Precio
Camiseta de chico MaX rojo, azul Misecelandia de ideas 15 €
Comprar
Sudadera chica XS a L negro, rojo Grunge 18€

########### página contactar ##############

Contactar
Datos personales:
Nombre:
escribe tu nombre
Apellidos:
escribe tus apellidos
Email
escribe tu email
Teléfono:
escribe tu teléfono
Fecha de nacimiento
dd/mm/aaaa
Otros datos:
Por que quieres contactar:
Ofrecer un proyecto
Comprar mis diseños
Saber mas sobre mi
Otras razones
Mensaje:
Escribe tu mensaje
Apuntarme al boletín de noticias
¿Aceptas las condiciones de privacidad?
Enviar
Borrar datos