error de servidor interno

Este sitio web est¡ utilizando un servicio de seguridad para protegerse de los ataques en l­nea. La acci³n que acaba de realizar activ³ la soluci³n de seguridad. Hay varias acciones que podr­an desencadenar este bloque, incluido el env­o de una determinada palabra o frase, un comando SQL o datos mal formados.

¿Qu puedo hacer para resolver esto?

Como el servicio superior para PSD a HTML en la web, luchamos por el trmino 'PSD' bastante un poco. Hemos respondido a la pregunta '¿Qu es lo que es PSD a HTML?' Y proporcion³ una lista de las definiciones de los trminos comunes de desarrollo web, pero ahora lo dividimos aºn m¡s lejos.

¿Qu es un PSD?

Simplemente ponlo, un PSD es un archivo de dise±o de Photoshop. Tcnicamente, representa el documento Photoshop, que es un tipo de archivo propietario desde Adobe. Adobe's Photoshop es el software m¡s utilizado para el dise±o web y funciona mejor para el proceso de dise±o a c³digo.

Los archivos PSD se abren normalmente y se editan con Adobe Photoshop, pero se pueden abrir con elementos de Adobe Photoshop, e incluso ciertos productos que no tienen adobe, como Corel's Paintshop Pro y GIMP. Sin embargo, los programas distintos de Photoshop no podr¡n editar o incluso leer completamente las capas complejas utilizadas en muchos archivos PSD. Otras caracter­sticas avanzadas dentro de un dise±o PSD pueden no ser reconocidas adecuadamente, tampoco. Recomendamos encarecidamente trabajar con Photoshop desde el principio para garantizar que los dise±adores y desarrolladores puedan ser universalmente accesibles con su proyecto.

Si est¡ interesado en un programa gratuito para ver los archivos PSD como im¡genes planas (sin capas), la QuickTime de Apple, que incluye el visor de im¡genes, har¡ el truco, pero no puede usar el programa para editar un archivo PSD. Es puramente para ver los archivos PSD como im¡genes.

¿C³mo puedo crear un sitio web con un PSD?

Los archivos PSD se pueden "rebanar¡n" y se convierten en c³digo HTML por un desarrollador web competente. PSD a los servicios HTML, como el Sitio Slinger, especializado en esto. Tomamos los archivos PSD y devuelven el marcado HTML / CSS que est¡ listo para la implementaci³n como sitio en vivo.

A veces, los dise±adores utilizan otros tipos de archivos. Si bien podemos trabajar con los tipos de archivos PNG, IDD o AI, recomendamos encarecidamente los archivos PSD. Formulario de trabajo Otros tipos de archivos pueden requerir la etapa adicional de convertir los dise±os en un archivo PSD.

Un PSD "bueno" est¡ en capas, y bien organizado utilizando carpetas y capas de capa para mostrar diferentes p¡ginas y estados. Asegºrese de dise±ar todos los estados de animaci³n, y los estados del bot³n (haga clic en, Hover, OFF). Lea m¡s de nuestros consejos de dise±o web y consulte los otros recursos a continuaci³n. Al final, tomamos su dise±o y lo convierte en c³digo, lo que produce un sitio web que coincida con su dise±o Pixel-perfecto.

no puede acceder a Dummiescom

      • no se traduce al idioma de los websites web que tienen muchos elementos din¡micos: estados, p¡ginas, desplegables, transiciones, animaciones ... la lista continºa y sigue. Entonces, ¿qu obtengamos en Photoshop? Capas, carpetas, grupos y objetos inteligentes. ¿Cu¡l uso para un cambio de estado? ¿Qu pasa con un abandono? ¿Construyo todas mis p¡ginas en un archivo o como archivos separados? ¿Utilizo un grupo, un objeto inteligente o una carpeta para este bot³n? ¿Qu pasa con la imagen del encabezado? El idioma utilizado en Photoshop no se traduce al idioma utilizado en la construcci³n de un sitio web, y esto causa inconsistencia y confusi³n entre proyectos. / LI>
      • Terrible vector de gesti³n de vectores de im¡genes vectoriales es una habilidad necesaria que los dise±adores deben aprender a crear elementos escalables, como gr¡ficos y logotipos. Y una vez que haya experimentado un flujo de trabajo real real (usando una herramienta como Adobe Illustrator), se preguntar¡ c³mo se le ocurri³ las herramientas vectoriales contracuficientes dentro de Photoshop. Los elementos de vector est¡ndar est¡n dise±ados y controlados utilizando submenºs y cuadros de di¡logo completamente diferentes, y tiene un control extremadamente limitado sobre lo que puede hacer con ellos sin usar los estilos de capa. ¿Quieres dibujar algo personalizado con la herramienta de la pluma? Es otro proceso de mºltiples pasos o una opci³n especial para que su herramienta de pluma se convierta a una forma de vector en lugar de una ruta o selecci³n.
      • Terrible Typography ManagementMucho como aprender un flujo de trabajo de vector real destaca las deficiencias de vectores de Photoshop, trabajando con buenas herramientas de tipograf­a, como Adobe Indesign (que admite un panel de p¡rrafo y estilo de caracteres de CSS para la edici³n modular) hace que las fallas en el tipo de Photoshop Gesti³n extremadamente aparente. Se ha mejorado a lo largo de los a±os, pero aºn no hay forma de probar / duplicar la configuraci³n de tipograf­a espec­fica, enlace los campos de texto o reutilizar los estilos de texto.
      • TERRIBLE COLOR GESTIONNETING UN TEMA AQU? Un buen programa de dise±o hace que sea f¡cil ver qu color (hex¡gono) se ha utilizado en qu elemento, y extrapola f¡cilmente a CSS para construir el sitio real. La gesti³n del color de Photoshop est¡ por todas partes, dependiendo de lo que est¡ usando (capa est¡ndar? ¿Capa de vectores? ¿Texto? ¿Objeto inteligente? Gradiente?) Y todo est¡ oculto en los cuadros de di¡logo separados, interrumpiendo el flujo de trabajo y obligando a las personas a Use mtodos alternativos, menos precisos de muestreo de colores (como la herramienta gotero) en el peor de los casos. ¡Y eso ni siquiera est¡ incluyendo las opciones de los estilos de la capa para las superposiciones de color y frontera! <
      • Terrible Slice / Asset Managementwhile. Esto se ha mejorado un poco mejor con la ºltima actualizaci³n de la nube creativa (suponiendo que ha decidido cambiar a la mensualidad. Modelo de licencias Para obtener las ºltimas actualizaciones), la gesti³n de activos en Photoshop ha faltada durante bastante tiempo. Incluso algo tan simple como rebanar una imagen para la web implica visitar mºltiples cuadros de di¡logo secundario para controlar el nombre de la rebanada, el tipo de archivo que ahorrar¡, y c³mo se prestar¡ en la exportaci³n. Un buen programa de dise±o web le permitir­a ver y editar este en l­nea.
      • Las soluciones ineficientes para mºltiples instancias vinculadas de un elemento ºnico, como el bien CSS, tiene como objetivo ser modular y reutilizable, de modo que se requieren ediciones m­nimas para realizar cambios, un buen programa de dise±o web le permitir­a reutilizar elementos en varios lugares, Donde la edici³n de un elemento resultar­a en cambios a todos ellos. Photoshop puede hacer esto (tipo de) utilizando la funci³n Smart Objects, pero esto requiere que abra el objeto en una nueva pesta±a (o incluso un programa de Adobe diferente) que interrumpa su flujo de trabajo porque sus cambios no se realizan en l­nea.
      • Protecy inexistente Profestiming ABIESSA Buen programa Web Dise±o le permitir­a prototipo r¡pidamente de una versi³n de trabajo de su dise±o, ya sea proporcionando algºn tipo de panel interactivo, o exportando su dise±o directamente a HTML / CSS para obtener una vista previa de la vista previa en el navegador. Un excelente programa de dise±o web incluso exportar¡ HTML / CSS compatible con las normas optimizado, inteligente y de las normas (incluidas las tipograf­a, los colores, los botones, etc.) para su uso en un sitio de producci³n. Photoshop no hace nada de esto. No puede exportar HTML en absoluto, ni siquiera un dise±o basado en la mesa con estilos en l­nea. Todo lo que obtienes est¡n (mal gestionados) rebanadas de im¡genes est¡ticas.
      • no se traduce al dise±o sensible o ¡gil El concepto completo de una maqueta literal, pixel perfecta est¡ siendo desafiada en la era de los tama±os de mºltiples dispositivos y la iteraci³n de dise±o constante. Photoshop no contiene herramientas de flexibilidad nativas que le permitan cambiar el tama±o y reflejar el contenido sobre la marcha (a menos que lo integre externamente con Adobe Reflow). Pero incluso si no le preocupa la creaci³n de una maqueta totalmente sensible dentro de su programa de dise±o, el hecho de que es un proceso de varios pasos para exportar contenido utilizable de Photoshop lo hace psimo para cualquier tipo de proceso de dise±o r¡pido o ¡gil.

      Juzgando por la cantidad de amor que entra en todos los medios de dise±o, parece que Photoshop es la herramienta de dise±o perfecto. Los dise±adores y Photoshop van juntos como la mantequilla de man­ y la jalea, es el santo grial de la productividad del dise±o, puedes usarlo para construir cualquier cosa que su coraz³n desea, y se cortar¡, los dados y lo har¡n un s¡ndwich mientras caminaba a tu perro y enceraba tu auto. .

      All bromding a un lado, un programa que una vez se construy³ inicialmente como editor de fotos y manipulador de im¡genes (y una gran, en ese momento) se ha convertido lentamente en una cuchilla de ejrcito suizo hinchado, lento y sobreduzco. Herramienta que trata de ser todo para todos. Pero la cosa de los cuchillos del ejrcito suizo es que, aunque son buenos cuchillos, no conozco a nadie que prefiera usarlos para cortarlos, aserrar, desenroscar, tijerizar o abrir la botella en lugar de una herramienta dise±ada espec­ficamente para el trabajo.

Cómo convertirse en un diseñador web independiente y obtener un trabajo real

Esta guía lo ayudará a encontrar su camino al crear una carrera como diseñador de UX Freelance. Bien cubra la creación de una cartera, trabajando de forma remota y mucho más.

Cómo convertirse en un diseñador web independiente y obtener un trabajo real
Utilizamos cookies
Utilizamos cookies para asegurarnos de que le brindamos la mejor experiencia en nuestro sitio web. Al utilizar el sitio web, usted acepta nuestro uso de cookies.
PERMITIR COOKIES.