SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Trabajo soudcloud
Hodei Uriarte
Diciembre 2015
Diseño
Justificación
Para este proyecto tenemos que crear 4
pictogramas para la Web de música
Soundcloud respetando el estilo y el diseño de
la misma. Los pictogramas tienen que
representar los géneros musicales que la Web
necesita: Jazz, Rock, Música clásica y
Flamenco.
¿Qué es un pictograma?
Dibujo o signo gráfico que expresa un
concepto relacionado materialmente con el
objeto al que se refiere de la forma mas
icónica posible.
Usuario
Todas aquellas personas que quieran escuchar
cualquiera de los géneros musicales.
Estilo
El diseño de la Web esta basado en el color
naranja de fondo y el blanco para todo lo demás
haciendo que resalte. Para crear los pictogramas
se ha seguido el estilo del logotipo de la Web,
que esta dibujado sobre un fondo naranja y para
la nube se ha utilizado el color blanco y la parte
izquierda del logotipo esta constituido por líneas
verticales continuas pero no iguales.
Ideas
Para la creación de cada uno de los
pictogramas se ha pensado en un instrumento
que se utilice en cada genero musical para
que sea fácil comprender el mensaje que se
quiere dar.
• Rock: Guitarra eléctrica
• Flamenco: Guitarra española
• Jazz: Saxofón
• Música clásica: Violín
Primeros bocetos, todavía no se tenia
pensado como se harían los pictogramas.
• En estos momentos se empezó a crear los
pictogramas en forma de instrumentos para
que todos siguiesen un estilo.
Aquí ya se tienen las ideas de que
instrumentos se harán para cada genero de
música y el estilo, resaltar alguna parte del
instrumento de otro color.
Ideas finales.
Trabajo final

Weitere ähnliche Inhalte

Andere mochten auch

Insurance Diploma0001
Insurance Diploma0001Insurance Diploma0001
Insurance Diploma0001???? ????
 
Y3 colour sounds ext unit 30 year 3
Y3 colour sounds ext unit 30 year 3Y3 colour sounds ext unit 30 year 3
Y3 colour sounds ext unit 30 year 3gavinnancarrow
 
Gateway GPA 2015
Gateway GPA 2015Gateway GPA 2015
Gateway GPA 2015Chris Anson
 
karl hayes refence
karl hayes refencekarl hayes refence
karl hayes refencekarl Hayes
 
Da Vinci Medica - prezentacja wprowadzająca
Da Vinci Medica - prezentacja wprowadzająca Da Vinci Medica - prezentacja wprowadzająca
Da Vinci Medica - prezentacja wprowadzająca DaVinci_Medica
 
미래보건의료정책방향과 의료시장개방이슈-배성윤 (2012.11.29)
미래보건의료정책방향과 의료시장개방이슈-배성윤 (2012.11.29)미래보건의료정책방향과 의료시장개방이슈-배성윤 (2012.11.29)
미래보건의료정책방향과 의료시장개방이슈-배성윤 (2012.11.29)Sung Yoon Bae
 
Bio composite interference screw, A Stronger turn in ACL / PCL Reconstruction...
Bio composite interference screw, A Stronger turn in ACL / PCL Reconstruction...Bio composite interference screw, A Stronger turn in ACL / PCL Reconstruction...
Bio composite interference screw, A Stronger turn in ACL / PCL Reconstruction...Ahmed S
 

Andere mochten auch (20)

Insurance Diploma0001
Insurance Diploma0001Insurance Diploma0001
Insurance Diploma0001
 
Y3 colour sounds ext unit 30 year 3
Y3 colour sounds ext unit 30 year 3Y3 colour sounds ext unit 30 year 3
Y3 colour sounds ext unit 30 year 3
 
Gateway GPA 2015
Gateway GPA 2015Gateway GPA 2015
Gateway GPA 2015
 
personal photo
personal photopersonal photo
personal photo
 
Microaspersores 2
Microaspersores 2Microaspersores 2
Microaspersores 2
 
1 auto observació
1 auto observació1 auto observació
1 auto observació
 
Cañones
CañonesCañones
Cañones
 
Bombas
BombasBombas
Bombas
 
Y6 unit 18 lesson 1
Y6 unit 18 lesson 1Y6 unit 18 lesson 1
Y6 unit 18 lesson 1
 
Duble final
Duble finalDuble final
Duble final
 
Y6 unit 20 lesson 1
Y6 unit 20 lesson 1Y6 unit 20 lesson 1
Y6 unit 20 lesson 1
 
Tgs net2
Tgs net2Tgs net2
Tgs net2
 
Redes locales
Redes localesRedes locales
Redes locales
 
katie hudgens-1
katie hudgens-1katie hudgens-1
katie hudgens-1
 
karl hayes refence
karl hayes refencekarl hayes refence
karl hayes refence
 
Conexiones de aluminio
Conexiones de aluminioConexiones de aluminio
Conexiones de aluminio
 
COLORS FOR LIVING--SERVICE MARK
COLORS FOR LIVING--SERVICE MARKCOLORS FOR LIVING--SERVICE MARK
COLORS FOR LIVING--SERVICE MARK
 
Da Vinci Medica - prezentacja wprowadzająca
Da Vinci Medica - prezentacja wprowadzająca Da Vinci Medica - prezentacja wprowadzająca
Da Vinci Medica - prezentacja wprowadzająca
 
미래보건의료정책방향과 의료시장개방이슈-배성윤 (2012.11.29)
미래보건의료정책방향과 의료시장개방이슈-배성윤 (2012.11.29)미래보건의료정책방향과 의료시장개방이슈-배성윤 (2012.11.29)
미래보건의료정책방향과 의료시장개방이슈-배성윤 (2012.11.29)
 
Bio composite interference screw, A Stronger turn in ACL / PCL Reconstruction...
Bio composite interference screw, A Stronger turn in ACL / PCL Reconstruction...Bio composite interference screw, A Stronger turn in ACL / PCL Reconstruction...
Bio composite interference screw, A Stronger turn in ACL / PCL Reconstruction...
 

Ähnlich wie Soundcloud

Memoria trabajo diseño pictogramas.
Memoria trabajo diseño pictogramas.Memoria trabajo diseño pictogramas.
Memoria trabajo diseño pictogramas.SantiagoHernanCep
 
Periodismo Digital Diapos
Periodismo Digital DiaposPeriodismo Digital Diapos
Periodismo Digital Diaposparximbo
 
Presentacion Pagina Web
Presentacion Pagina WebPresentacion Pagina Web
Presentacion Pagina Webclowts
 
Presentación
PresentaciónPresentación
Presentaciónpriverat
 
Presentacion Piknic Electronik Barcelona
Presentacion Piknic Electronik BarcelonaPresentacion Piknic Electronik Barcelona
Presentacion Piknic Electronik BarcelonaPablo Buisán Abad
 
Sustentación Página Web
Sustentación Página WebSustentación Página Web
Sustentación Página Webcindync5
 
Sustentacion Pag Web
Sustentacion Pag WebSustentacion Pag Web
Sustentacion Pag WebCrIsThOfEr
 

Ähnlich wie Soundcloud (12)

Memoria trabajo diseño pictogramas.
Memoria trabajo diseño pictogramas.Memoria trabajo diseño pictogramas.
Memoria trabajo diseño pictogramas.
 
Diapositivaspd
DiapositivaspdDiapositivaspd
Diapositivaspd
 
Exposición
ExposiciónExposición
Exposición
 
Periodismo Digital Diapos
Periodismo Digital DiaposPeriodismo Digital Diapos
Periodismo Digital Diapos
 
Presentacion ACORDES
Presentacion ACORDESPresentacion ACORDES
Presentacion ACORDES
 
Presentacion Pagina Web
Presentacion Pagina WebPresentacion Pagina Web
Presentacion Pagina Web
 
Presentación
PresentaciónPresentación
Presentación
 
Mi rell de diseño
Mi rell de diseñoMi rell de diseño
Mi rell de diseño
 
My desing rell/ Mi portfolio de diseño
My desing rell/ Mi portfolio de diseñoMy desing rell/ Mi portfolio de diseño
My desing rell/ Mi portfolio de diseño
 
Presentacion Piknic Electronik Barcelona
Presentacion Piknic Electronik BarcelonaPresentacion Piknic Electronik Barcelona
Presentacion Piknic Electronik Barcelona
 
Sustentación Página Web
Sustentación Página WebSustentación Página Web
Sustentación Página Web
 
Sustentacion Pag Web
Sustentacion Pag WebSustentacion Pag Web
Sustentacion Pag Web
 

Kürzlich hochgeladen

PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfTpicoAcerosArequipa
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlojefeer060122
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfautomatechcv
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptxStiugaRoberturux
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfalguien92
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaJosAntonioFloresQuis
 

Kürzlich hochgeladen (20)

PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdf
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlo
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzada
 

Soundcloud

  • 2. Justificación Para este proyecto tenemos que crear 4 pictogramas para la Web de música Soundcloud respetando el estilo y el diseño de la misma. Los pictogramas tienen que representar los géneros musicales que la Web necesita: Jazz, Rock, Música clásica y Flamenco.
  • 3. ¿Qué es un pictograma? Dibujo o signo gráfico que expresa un concepto relacionado materialmente con el objeto al que se refiere de la forma mas icónica posible.
  • 4. Usuario Todas aquellas personas que quieran escuchar cualquiera de los géneros musicales. Estilo El diseño de la Web esta basado en el color naranja de fondo y el blanco para todo lo demás haciendo que resalte. Para crear los pictogramas se ha seguido el estilo del logotipo de la Web, que esta dibujado sobre un fondo naranja y para la nube se ha utilizado el color blanco y la parte izquierda del logotipo esta constituido por líneas verticales continuas pero no iguales.
  • 5. Ideas Para la creación de cada uno de los pictogramas se ha pensado en un instrumento que se utilice en cada genero musical para que sea fácil comprender el mensaje que se quiere dar. • Rock: Guitarra eléctrica • Flamenco: Guitarra española • Jazz: Saxofón • Música clásica: Violín
  • 6.
  • 7.
  • 8.
  • 9. Primeros bocetos, todavía no se tenia pensado como se harían los pictogramas.
  • 10. • En estos momentos se empezó a crear los pictogramas en forma de instrumentos para que todos siguiesen un estilo.
  • 11. Aquí ya se tienen las ideas de que instrumentos se harán para cada genero de música y el estilo, resaltar alguna parte del instrumento de otro color.