- -

By Fake News

ADOBE PHOTOSHOP

ADOBE PHOTOSHOP

Adobe Photoshop es un editor de gráficos rasterizados desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente "taller de fotos". Es líder mundial del mercado de las aplicaciones de edición de imágenes y domina este sector de tal manera que su nombre es ampliamente empleado como sinónimo para la edición de imágenes en general.3

Historia

En 1987, Thomas Knoll, un estudiante de la Universidad de Michigan escribió un programa en Macintosh Plus para mostrar imágenes a escala de grises en pantallas monocromáticas. Este programa, llamado Display, llamó la atención de su hermano,John Knoll, un trabajador de Industrial Light & Magic, que recomendó a Thomas convertir su programa en un programa completo editor de imágenes. En 1988, Thomas se tomó un receso de seis meses de sus estudios para trabajar en el programa, junto con su hermano.

Características

Adobe Photoshop en sus versiones iniciales trabajaba en un espacio (bitmap) formado por una sola capa, donde se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo tenía mucho parecido con las tradicionalesampliadoras. En la actualidad lo hace con múltiples capas.

Photoshop se ha convertido, casi desde sus comienzos, en el estándar de facto en retoque fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño web, composición de imágenes en mapa de bits, estilismo digital, fotocomposición, edición y grafismos de vídeo y básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales.

Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores, para convertirse en una herramienta usada profusamente por fotógrafos profesionales de todo el mundo, que lo usan para realizar el proceso de retoque y edición digital, no teniendo que pasar ya por un laboratorio más que para la impresión del material.

Photoshop fue creado en el año 1990, soporta muchos tipos de archivos de imágenes, como BMP, JPG, PNG, GIF, entre otros, además tiene formatos de imagen propios. Los formatos soportados por Photoshop son:

PSD, PDD: formato estándar de Photoshop con soporte de capas.

PostScript: no es exactamente un formato, sino un lenguaje de descripción de páginas. Se suele encontrar documentos en PostScript. Utiliza primitivas de dibujo para poder editarlo.

EPS: es una versión de PostScript, se utiliza para situar imágenes en un documento. Es compatible con programas vectoriales y de autoedición.

DCS: fue creado por Quark (empresa de software para autoedición) y permite almacenar tipografía, tramas, etc. Se utiliza para filmación en autoedición.

Prev. EPS TIFF: permite visualizar archivos EPS que no se abren en Photoshop, por ejemplo los de QuarkXPress.

BMP: formato estándar de Windows.

GIF: muy utilizado para las web. Permite almacenar un canal alfa para dotarlo de transparencia, y salvarlo como entrelazado para que al cargarlo en la web lo haga en varios pasos. Admite hasta 256 colores.

JPEG: también muy utilizado en la web, factor de compresión muy alto y buena calidad de imagen.

TIFF: una solución creada para pasar de PC a MAC y viceversa.

PICT: desde plataformas MAC se exporta a programas de autoedición como QuarkXPress.

PNG: la misma utilización que los GIF, pero con mayor calidad. Soporta transparencia y colores a 24 bits. Solo las versiones recientes de navegadores pueden soportarlos.

PDF: formato original de Acrobat. Permite almacenar imágenes vectoriales y mapa de bits.

ICO: es utilizado para representar archivos, carpetas, programas, unidades de almacenamiento, etc.

IFF: se utiliza para intercambio de datos con Amiga.

PCX: formato solo para PC. Permite colores a 1, 4, 8 y 24 bits.

RAW: formato estándar para cualquier plataforma o programa gráfico.

TGA: compatible con equipos con tarjeta gráfica de Truevision.

Scitex CT: formato utilizado para documentos de calidad profesional.

Filmstrip: se utiliza para hacer animaciones. También se puede importar o exportar a Premiere.

FlashPix: formato originario de Kodak para abrir de forma rápida imágenes de calidad superior.

JPEG2000: al igual que el JPEG, es nuevo formato de compresión que permite aumentar la calidad de la imagen.

Idiomas disponibles

Adobe Photoshop está disponible en los siguientes idiomas:

Portugués, chino simplificado, chino tradicional, checo, danés, español, neerlandés, inglés, finlandés, francés, alemán, húngaro, italiano, japonés, coreano, noruego, polaco, rumano, ruso, sueco, turco y ucraniano.5

Los textos en árabe, griego, hebreo, Oriente Medio y Norteafricano están disponibles en Winsoft.

VIDEOS

INFOGRAFÍA

FUENTE

https://es.wikipedia.org/wiki/Adobe_Photoshop

[ READ MORE ]

- -

By Fake News

0 comentarios

Adobe CorelDraw y Adobe Illustrador

Adobe CorelDraw y Adobe Illustrador

Resultado de imagen para adobe illustrator y corel draw

Actualmente existen muchos y variados programas de diseño gráfico, sin embargo Corel e Illustrator son dos de los programas de diseño vectorial que los diseñadores gráficos suelen utilizar con más frecuencia para sus diferentes proyectos.

La pregunta lógica que surge al respecto es ¿Cuál de los dos programas es mejor?, ¿CorelDraw o Illustrator? La respuesta por supuesto puede variar en función del usuario a quien se lo preguntes, incluso algunos utilizan Illustrator simplemente porque utilizan Mac y no quieren utilizar Windows. Y es que CorelDRAW solo tiene versión para Windows.

Las respuestas la podemos encontrar detallando las ventajas y desventajas de uno y otro, CorelDraw vs Adobe Illustrator.

Eso sí, hay que tener en cuenta que si utilizas una computadora con Windows tienes dos opciones, Corel o Illustrator mientras si eres usuario de Mac solo podrás disponer del software de Adobe.

A grandes rasgos Illustrator es un programa dirigido a los profesionales del diseño gráfico mientras que CorelDraw puede estar más indicado para los que se inician en el mundo del diseño. Sin embargo, no siempre tiene porqué ser así.

A continuación detallaremos las ventajas e inconvenientes, a riesgo de equivocarnos, de los detalles de estos dos grandes programas de diseño vectorial.

Ventajas de CorelDraw

1. Ajustar objetos. Es una función que se desempeña bastante bien y aunque existe una versión similar llamada Complemento al punto en Illustrator, la realidad es que no es tan exacta y fácil de usar como esta característica que ofrece Corel.

2. Alineación de objetos. En Corel cuando el usuario utiliza la alineación de objetos, estos se alinean con el último objeto seleccionado, lo que permite controlar fácilmente su posicionamiento en el documento creado.

3. Teclas rápidas para alinear. Los usuarios de CorelDraw pueden alinear al centro simplemente con pulsar la tecla C o la tecla T. Incluso se puede presionar la tecla P para alinear todos los objetos en el centro del documento.

4. Ajustar objetos. En Corel se pueden mover y acercar objetos a otros de tal manera que se ajusten o se alternen entre ellos. Es una característica de gran utilidad que muchos diseñadores extrañan en Illustrator.

Desventajas CorelDraw

1. Demasiados efectos. Una de las principales desventajas de CorelDraw es que está repleto de efectos y presets que para muchos diseñadores son una molestia más que un buen recurso. Por eso, los no iniciados pueden ver en estas características una gran ventaja porque sin apenas saber de diseño ven como pueden cambiar un diseño con muy poco esfuerzo.

2. Estética. Visualmente, el programa de Corel no es tan agradable como Adobe Illustrator, comenzando con los iconos, la pantalla de presentaciones y las barras de herramientas. Aún así, son detalles que van mejorando versión tras versión.

Ventajas de Illustrator

1. Organización de su interfaz. Es un programa de diseño bien organizado y bien estructurado. Illustrator permite organizar perfectamente la pantalla del ordenador a través de sus múltiples paneles lo que facilita enormemente el trabajo a diseñadores gráficos que pasan horas y horas delante de su ordenador.

2. Los atajos de teclado. Comparte atajos comunes con otros programas en las plataformas más populares lo que a la hora de trabajar facilita mucho la tarea. Por ejemplo si eres un asiduo de Adobe Photoshop notarás la diferencia de trabajar con los mismos atajos de teclado. Los atajos son una de las grandes herramientas con las que cuenta el diseñador. Cuando una acción se vuelve repetitiva el atajo es la herramienta más potente para agilizar las tareas.

3. Ajustes de color. Ofrece opciones para hacer ajustes a un grupo de colores. Los colores son uno de los grandes elementos con los que cuenta el diseñador a la hora de afrontar cualquier trabajo de diseño.

Desventajas de Illustrator

1. Alinear objetos. Entre las principales desventajas de Illustrator encontramos que no se alinean muy bien los objetos, por lo que muchos experimentan problemas de alineación de objetos.

2. Trabajar con varias páginas. En el software de Adobe existe una opción para crear documentos de varias páginas.

Conclusiones

En términos generales a muchos diseñadores les gusta CorelDraw en términos de funcionamiento, pero no tanto en cuanto a diseño de interfaz. Por su parte, Illustrator mantiene ese estilo profesional con infinidad de funciones útiles, aunque ciertamente no es tan fácil de utilizar como si lo es CorelDraw.

Así que más que elegir entre Corel o Illustrator hay saber cual se adapta a nuestras necesidades.

VIDEOS

INFOGRAFÍA

FUENTE:

http://www.informacionyarte.com/corel-o-illustrator-el-mejor-programa-diseno-vectorial

[ READ MORE ]

- -

By Fake News

0 comentarios

FIREWORKS

FIREWORKS

Adobe Fireworks (anteriormente llamado Macromedia Fireworks) es un editor de gráficos vectoriales y mapas de bits. Fue originalmente desarrollado usando partes de Macromedia xRes, la cual había sido adquirida por Adobe en 2005. Fireworks está pensado para que los desarrolladores web puedan crear rápidamente interfaces web y prototipos de websites. El programa tiene la capacidad de integrarse con otros productos de Adobe tales como el Dreamweaver o Flash. Está disponible de forma individual o integrado en la Adobe Creative Suite. En la Suite de Adobe se identifica por usar el color amarillo, color que venia usando como representación desde que pertenecía a Macromedia.

El 6 de mayo de 2013, Adobe anunció que Fireworks sería descontinuado. Adobe continuará proveyendo de actualizaciones de seguridad y arreglos de errores para la versión actual, sin embargo no planean añadir nuevas características.1

La compañía ya no sacará nuevas versiones del producto, la última versión es la CS6 y los usuarios tendrán que usarla para siempre o migrar hacia otras alternativas.

Integración con herramienta Adobe Flash

La integración con Adobe Flash se ha ido reduciendo paulatinamente desde que Flash, en su versión 7, integró la herramientaPolyStar que hace un polígono directamente en Flash sin necesidad de usar Fireworks para hacer dicho polígono o estrella.

En la versión 8 de Flash ya incluye potentes filtros de gráficos vectoriales que antes se hacían con Fireworks, tales como:
Iluminado y resplandores
Sombra
Relieve y hundido
Fotomontajes
Efectos

Historial de versiones
1998: Macromedia Fireworks
1999: Macromedia Fireworks 2
2000: Macromedia Fireworks 3
2001: Macromedia Fireworks 4
2002: Macromedia Fireworks MX (v6.0)
2003: Macromedia Fireworks MX 2004 (v7.0)
2005: Macromedia Fireworks 8
2007: Adobe Fireworks CS3 (v9.0)
2008: Adobe Fireworks CS4 (v10.0)
2010: Adobe Fireworks CS5 (v11.0)
2011: Adobe Fireworks CS5.1 (v11.1)
2012: Adobe Fireworks CS6 (v12.0)

VIDEOS

INFOGRAFIA

FUENTE
https://es.wikipedia.org/wiki/Adobe_Fireworks

[ READ MORE ]

- -

By Fake News

0 comentarios

DREAMWEAVER

DREAMWEAVER

Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.

Sus principales competidores son Microsoft Expression Web y BlueGriffon (que es de código abierto) y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.

Se vende como parte de Adobe Creative Suite. A partir de la compra de Macromedia por parte de Adobe. Las letras CS significan Creative Suite.

La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, puesto que en este programa sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido y todo ello permite que programadores y editores web hagan extensiones para su programa y lo pongan a su gusto.

Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.

Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.

Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código.

No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código.

Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.

Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo,ASP, ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.

También podría decirse que, para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks en donde se podría diseñar un menú u otras creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y después exportar la imagen creada y así utilizarla como una sola en donde ya llevará los vínculos para dicho sitio.

VIDEOS

INFOGRAFÍA

FUENTE

https://es.wikipedia.org/wiki/Adobe_Dreamweaver

[ READ MORE ]

- -

By Fake News

0 comentarios

DIFERENCIA ENTRE UNA PÁGINA WEB Y UN BLOG

DIFERENCIA ENTRE UNA PÁGINA WEB Y UN BLOG

Resultado de imagen para DIFERENCIAS ENTRE BLOG Y PAGINA WEB

Realmente este es un tema que muchas personas confunden con demasiada frecuencia, y no porque sea muy complejo de explicar o entender, sino por falta de conocimiento. Esa es una de las razones que me motivó a escribir este artículo, debido a que en él, pretendo cubrir el tema detalladamente y ayudarte a entender las diferencias existentes entre un blog y un sitio web; y al mismo tiempo sepas cuando utilizar uno u otro en tu estrategia de marketing en Internet.

¿Qué es un blog?

Un blog es un sitio web tipo bitácora (diario digital) o magazine, cuyo objetivo principal es publicar contenido con cierta regularidad para un público específico. Algunas de las características más significativas de un blog son:

Un blog presenta contenido actualizado con regularidad, este tipo de contenido está casi siempre relacionado con temas y tendencias actuales de determinada industria o nicho de mercado. Algunos ejemplos de este tipo de blogs: Puro Marketing, Victor Martín, David Cantone, Guia Infantil,Mujer Hoy.

++ La mayoría de las veces un blog se crea para establecer un canal de comunicación (bi-direccional)entre el creador o editor del mismo y su público objetivo. La idea es permitir que los visitantes interactúeny expresen sus pensamientos acerca de los diferentes temas que se desarrollan en el blog.

++ Cualquier persona, emprendedor independiente, pequeño negocio o empresa puede tener un blog. Sin embargo, es importante tener en cuenta que al tomar la decisión de crearlo, el compromiso con relación a la actualización del contenido debe ser alto, debido a que las personas que lo visiten, desearán obtener información de calidad constantemente.

++ Un blog es muy similar a una bitácora (diario digital) o revista online, donde el contenido más actualizado aparece en la parte superior y en orden cronológico.

++ Podríamos decir que un blog tiene un diseño más “informal” que un sitio web, pero por ello menos profesional; sino que se presta para ser más flexible y amigable con los visitantes.

++ Una de las grandes ventajas de un blog es que su apariencia y diseño, pueden ser modificadosfácilmente en cualquier momento.

++ Actualmente existen diferentes plataformas para crear un blog, las hay desde las más simples y sencillas, hasta las más profesionales. Estas últimas son a menudo utilizadas por las grandes empresas.

++ Al utilizar una plataforma de blogging puedes optimizar considerablemente el tiempo de trabajo, tanto en la creación como en la actualización del contenido.

++ No es necesario ser un experto en programación y diseño web para crear y mantener actualizado un blog. Claro está que detrás del desarrollo de las plataformas de blogs sí están involucradas una buena cantidad de personas expertas en el tema.

++ Al no tener la necesidad de contar con conocimientos avanzados en programación y diseño web no significa que no deberás dominar ciertos aspectos técnicos, -seguro que en el camino irán surgiendo los obstáculos-; sin embargo, la mayoría de estos no implican un alto grado de dificultad.

Erróneamente, muchas personas creen que los blogs son aptos única y exclusivamente para emprendedores independientes y pequeños negocios. Contrario a ese mito, las grandes compañías cuentan con sus propios blogs oficiales para poder comunicarse e interactuar con sus seguidores, sus clientes actuales y potenciales.

Algunas de estas grandes empresas son: Google, Twitter, Microsoft, Apple, Facebook, Copa Airlines, entre otras.

Dado que el contenido de los blogs se actualiza con cierta regularidad, los motores de búsqueda les dan prioridad en sus resultados, obviamente si dicho contenido es relevante y agrega valor a los visitantes.

¿Qué clase de contenido se puede publicar en un blog?

Vale la pena aclarar que los negocios y/o empresas no deben utilizar un blog con fines meramente comerciales, debido a que dejaría de ser interesante y relevante para su público objetivo.

Lo ideal es crear un espacio donde las personas encuentren temas interesantes que les ayuden a resolver dudas y problemas específicos. Cuando una marca “explota” adecuadamente esta estrategia, su público irá en aumento día a día.

Contenido que puedes publicar en tu blog y que a las personas les gusta.

Noticias de actualidad acerca de tu industria.

Tendencias del mercado.

Crear un sección de preguntas y respuestas para resolver dudas que dejan tus lectores a través de los comentarios o el formulario de contacto.

Tutoriales ya sea con imágenes explicativas o video donde abordes determinados temas.

Infografías.

Entrevistas en video o en audio donde compartas experiencias de personas influyentes de tu nicho de mercado u otro complementario.

Artículos bien elaborados donde trates diferentes temáticas de la industria. Los mejores artículos son aquellos tipo pregunta/respuesta, listas con tips y consejos útiles, comparación de productos, entre otros.

¿Qué es un sitio web?

Ya ha quedado claro que un blog es un sitio web, sin embargo; no todos los sitios web son blogs. La razón de esto es que un sitio web es una colección de distintas páginas web agrupadas en un sólo lugar.

Diferente a lo que sucede con un blog, en un sitio web las páginas no están organizadas en forma cronológica. Además, al crear un sitio hay que tener especial cuidado con el código (programación), debido a que el diseño y la estructura dependen explícitamente de este aspecto.

Generalmente los sitios web son utilizados por empresas cuyo objetivo principal es publicar información acerca de los productos y/o servicios que ofrece. Por decirlo de alguna manera, tienen un roll más promocional y comercial que informativo. Esa es una de las razones por las que no publican contenido fresco como en un blog.

Algunas características de un sitio web son:

La mayoría de las veces un sitio web presenta información puntual y específica acerca de la empresa, sus productos y/o servicios.

Necesita un desarrollo específico, por tal motivo la persona o el equipo de trabajo que esté a cargo de la creación del mismo, debe contar con conocimientos especializados en programación y diseño web.

El objetivo principal de un sitio web no es interactuar con su público objetivo, sino dar a conocer qué es y qué hace la empresa, y mostrar los productos disponibles. Debido a ello, en la mayoría de los casos en un sitio web no existe una sección para dejar comentarios.

En un sitio web las empresas cuidan mucho la formalidad al momento de comunicar algo acerca de sus productos y servicios.

¿Qué clase de contenido se puede publicar en un sitio web?

Básicamente, un sitio web es una excelente manera de darle visibilidad a tu empresa en Internet, los visitantes pueden navegar fácilmente el sitio y encontrar información específica del negocio.

Sin embargo, dado que su contenido no se actualiza con frecuencia, es posible que el posicionamiento en los motores de búsqueda no sea el mejor, salvo aquellas empresas altamente reconocidas. Por tal motivo habría que implementar una estrategia de publicidad online para lograr que los clientes potenciales la encuentren fácilmente.

Algunas empresas que utilizan el modelo de sitio web son: Amazon, eBay, Mercado Libre, WalMart,Despegar.com, Avianca, LAN, Victoria Secret, Dafiti, entre otras.

¿Debería comenzar con un blog o un sitio web?

No existe una respuesta correcta o incorrecta con respecto a este tema. Debes comenzar con aquello que mejor se adapte a tu negocio.

Si no eres una marca reconocida y cuentas con una gran cantidad de información relevante y útil, la cual puedes compartir con tu público objetivo, entonces lo mejor será iniciar con un blog. Si eres constante en la publicación del contenido y diversificas los mismos, tu marca se irá posicionando cada vez con más fuerza.

Si por el contrario, tu negocio no tiene mucha información que ofrecer, más allá de la relacionada con la razón de ser del mismo y no cuentas con el tiempo y los recursos suficientes para compartir contenido fresco; deberás inclinarte por un sitio web corporativo.

Sin importar cuál sea tu elección, lo más importante es que tu público objetivo esté a gusto con la información que le brindas, porque es confiable y vigente.

Conclusión

Al llegar a este punto espero que tengas un concepto claro acerca de las diferencias entre un blog y un sitio web. El camino que elijas dependerá en un 100% de las necesidades y el enfoque de tu negocio.

Si te parece bien, podrías optar por crear una mezcla de ambos, donde en la página principal muestres a tus visitantes lo que es la empresa y sus principales productos y servicios. Aparte puedes crear una sección (página) destinada para el contenido (blog), donde publicarás información actualizada y de alto valor relacionada con tu nicho de mercado.

No obstante, si eliges esta opción debes entender que necesitarás invertir tiempo o dinero adicionalpara cumplir con la publicación del contenido, debido a que es uno de los aspectos más importantes de tu estrategia de marketing online.

VIDEOS

INFOGRAFIA

FUENTE

http://juancamiloalvarez.net/diferencia-entre-blog-y-pagina-web/

[ READ MORE ]

- -

By Fake News

0 comentarios

TAMAÑO DE UNA PÁGINA WEB

TAMAÑO DE UNA PÁGINA WEB

Resultado de imagen para TAMAÑO DE PAGINA WEB

Esa pregunta es sencilla de responder; no hay una medida específica. Al final de este artículo incluiré unas medidas que podría sugerirte pero en definitiva antes de elegirla debes considerar los tres factores siguientes:

La resolución de pantalla

La resolución de pantalla es el factor más importante a considerar para el tamaño de un sitio web, aunque no el único, para esto hay que tener en cuenta las resoluciones de pantalla más comunes. Hasta hace un tiempo la resolución más popular era 1024×768 pixeles pero eso ha cambiado en los últimos años y ahora el tamaño más común es 1366×768, en segundo lugar un tamaño mucho mayor 1920×1080. Si deseas conocer esto con mas detalle, en esta liga puedes ver los datos mas actualizados de las resoluciones más comunes.

Ahora, si la resolución de pantalla más común es de 1366×768 ¿debería diseñar el sitio de este tamaño? Pues tampoco es así necesariamente, quiero continuar explicando los otros factores que también debes considerar, aunque si traes prisa puedes pasar directamente a las recomendaciones.

Las personas a las que se dirige

Siendo más especifico al tipo de dispositivos que usan esas personas, si nos dirigimos a un sector con un poder adquisitivo alto sus equipos posiblemente tengan resoluciones muy altas, si el tipo de sitio va a ser mayormente consultado por personas que trabajan en oficinas de gobierno la resolución promedio de sus equipos serían de unos 1280 a 1024. El sitio tambien podría estar dirigido a personas que solo lo visiten a través de sus teléfonos inteligentes y una resolución de 800 px bastaría.

El tipo de contenido

Este es otro factor importante que se debe tener en cuenta, si el tipo de contenido son principalmente textos, como los blosg o los sitios de noticias, no es necesario pensar en un ancho de pantalla de 1900px ¿se imaginan leer ese parrafo extra ancho? tendríamos que mover la cabeza como carro de maquina de escribir para leerlo. Las columnas de texto no muy anchas se agradecen. En cambio si el contenido del sitio son principalmente imágenes o video de alta calidad lo recomendable es hacer sitios pensado en resoluciones grandes que permitan destacar su contenido mucho más.

La recomendación.

Mi recomendación para la medida de un sitio web es de 940 a 1000 pixeles de ancho para el área de contenido de la página web. El canvas, lienzo o área de trabajo en tu programa de diseño, como Photoshop, que tenga unos 1200 o 1400px en total. Por el alto no hay límite, verticalmente podrá crecer tanto como lo requiera tu contenido. De acuerdo a los estándares y tendencias actuales mostrar el contenido haciendo “scroll down” es una magnífica practica de usabilidad que incluso es obligada para los dispositivos móviles.

Recomiendo hacer el documento cuando menos unos 400 pixeles más ancho que el área de contenido para que consideres el fondo que tendrá el sitio web. Si tendrá una textura, un patrón o color específico se podrá percibir como luce en su conjunto con el contenido del web. Normalmente el área de contenido va en el centro del documento dejando unos 200px de cada lado.

Si vas a utilizar una imagen como fondo del sitio entonces te recomiendo considerar dejar esos 200 pixeles de cada lado libres después de que termina la imagen para que te asegures que no queda cortada la imagen. O si vas a querer que sin importar la resolución la imagen siempre se vea a todo lo ancho de la pantalla deberás elegir una imagen suficientemente grande y cuidada de tal manera que cuando se escale no se vean los pixelotes mas feos que granos de adolescente.

Eso si, el tamaño en bytes de esa imagen de fondo no debe ser muy pesada o tardará muchísimo en cargar, me atrevería a sugerir hasta un tamaño máximo de 250kb si es que esa imagen realmente lo vale, todo sea por el diseño aunque mis colegas programadores obsesionados con el rendimiento seguramente se infartarían. Si sigues este consejo evitarás que ese usuario que tiene una Mac Book Pro de 21″ con su vanidosa resolución de 1920 pixeles le haga fuchi al sitio por que el fondo esta cortado o pixeleado.

¿por que si la resolución de pantalla mas común es de 1366 no lo hago de ese tamaño? En realidad hacerlo para una resolución específica es un error, al hacerlo dentro de un rango de 960 a 1000 pixeles el sitio se verá bien desde resoluciones de 1024 px que aún son muy populares hasta resoluciones mayores.

Este tamaño de sitio es muy bueno y aseguras que el sitio podrá ser visto por la mayoría usuarios con un equipo de escritorio “desktop”. Al diseñar la plantilla de tu página web eso es lo menos que deberías procurar.

Sin embargo, los dispositivos con resoluciones menores, tabletas y teléfonos inteligentes quedarán fuera y eso actualmente es un gran porcentaje de usuarios que no verían correctamente tu sitio. La solución a este problema es considerando un sitio con un diseño responsivo, que se adaptará de acuerdo al tipo de pantalla y dispositivo en la que se cargue.

En un sitio responsivo lo usual es que se tenga una versión para las computadoras de escritorio y se consideren modificaciones en el acomodo y tamaño de los elementos para que este se ajuste y tenga una versión para tabletas y otra para teléfonos. También es posible que se tenga una versión para monitores más grandes si se quiere.

No necesariamente tenemos que especificar como sería el diseño de estas versiones mas pequeñas, si nos basamos en convenciones de diseño responsivo para adaptar el contenido, solo bastará con ajustar los mismos elementos de contenido al nuevo tamaño. Ahora si se desea detallar claramente como lucirían estos diseños los tamaños sugeridos serían:

Para la versión para tablets de 940 a 780 pixeles de ancho, para la versión “portrait” o vertical. La orientación horizontal generalmente soporta la versión de escritorio. En este caso no es necesario dejar un espacio en el canvas extra y ese sería el tamaño total del documento de diseño.

Para la versión para teléfonos recomiendo un tamaño de 780 de ancho y serviría para la orientación horizontal y vertical por igual.

En resumen quedaría así:

Dispositivo Resolución

Versión de escritorio (base) 940 a 1000 px

Versión para tabletas 940 a 780 px

Versión para teléfonos 780 px

VIDEOS

INFOGRAFÍA

FUENTE
http://www.psdahtmlpasoapaso.com/blog/que-medida-debe-tener-una-pagina-web

[ READ MORE ]

- -

By Fake News

0 comentarios

COMO CREAR UNA PÁGINA WEB

¿CÓMO CREAR UNA PÁGINA WEB?

Paso 1: regístrate y crea tu página

Crear tu página es fácil y rápido. Simplemente introduce el nombre que quieres para tu página web y una contraseña y en un momento podrás comenzar a trabajar con nuestro sistema para crear páginas web.

Sin necesidad de conocimientos de programación o HTML unos minutos podrás tener un sitio web profesional, que podrás personalizar en cualquier momento.

En esta guía paso a paso para crear una página web te damos todas las claves que necesitas para que tu sitio atraiga visitas y tenga un aspecto profesional.

Paso 2: personaliza el contenido de tu web

Una vez creado el espacio web debes ponerte manos a la obra con su contenido.

Por suerte, diseñar una página web nunca ha sido tan fácil. Gracias a nuestro programa para crear páginas web en línea podrás elegir entre multitud de plantillas y diseños web e introducir en ella textos, imágenes vídeos de Youtube, una tienda online y mucho más.

Ya sea crear una web de fotografía, un currículum online o una tienda online, Jimdo te lo pone fácil. Además te ofrecemos regularmente una serie de seminarios online gratuitos con consejos y tutoriales para crear tu página, que te ayudarán aún más a mejorar su diseño web, posicionamiento en buscadores y muchos otros aspectos.

Paso 3: promueve tu página

Una vez que hayas diseñado e introducido contenido en tu página web es hora de darle difusón. Para atraer visitas hay dos canales principales: las redes sociales y los buscadores como Google.

-Posicionamiento en buscadores

Aparecer en los primeros puestos de Google es algo que tiene una gran importancia, pero debes trabajar para ello. Para conseguir un buen posicionamiento web es crucial que determines la temática de tu página y elijas una serie de palabras clave, para las cuales quieres posicionarte. Gracias a las herramientas de SEO de Jimdo puedes hacer esto de manera sencilla.

-Promoción en redes sociales

Las redes sociales como Facebook Twitter o Google+ ofrecen una muy buena oportunidad para generar tráfico a tu página. Para ello es importante que plantees una estrategia de marketing sólida. Participa activamente en las distintas redes sociales y enlaza tu página a ellas para conseguir los mejores resultados

VIDEO

INFOGRAFÍA

[ READ MORE ]

Portafolio de Comunicación Digital

Compañeros 2º CORP

Manta Puerto Pesquero

SITIOS DE CONECTIVIDAD UNIVERSIDAD LAICA ELOY ALFARO DE MANABI

Followers

Visitame

Thank you!

Minimal Design

Download high quality wordpress themes at top-wordpress.net

Easy to use theme’s admin panel

ADOBE PHOTOSHOP

Adobe CorelDraw y Adobe Illustrador

FIREWORKS

DREAMWEAVER

DIFERENCIA ENTRE UNA PÁGINA WEB Y UN BLOG

TAMAÑO DE UNA PÁGINA WEB

COMO CREAR UNA PÁGINA WEB

Popular Posts

About Me

Blog Archive