Error interno do servidor

Este sitio web est¡ a usar un servizo de seguridade para protexerse dos ataques en li±a. A acci³n que acaba de realizar desencadeou a soluci³n de seguridade. Hai varias acci³ns que poden desencadear este bloque, inclu­ndo a presentaci³n dunha determinada palabra ou frase, un comando SQL ou datos mal formados.

Que podo facer para resolver isto?

Como o mellor servizo de PSD a HTML na web, arroxamos o termo 'PSD' bastante un pouco. Contestamos a pregunta "¿Que PSD a HTML?" E proporcionou unha lista de definici³ns de termos comºns de desenvolvemento web, pero agora o dividimos a­nda m¡is.

Que un PSD?

Simplemente po±er, un PSD un ficheiro de dese±o de Photoshop. Tcnicamente, representa o documento de Photoshop, que un tipo de ficheiro propietario de Adobe. O Photoshop de Adobe o software m¡is utilizado para o dese±o web e funciona mellor para o proceso de dese±o a c³digo.

Os ficheiros de PSD adoitan ser abertos e editados con Adobe Photoshop, pero p³dense abrir con Adobe Photoshop Elementos e ata certos produtos non adobe como o Corel Polshop Pro e Gimp. Non obstante, os programas distintos do Photoshop non poder¡n editar ou incluso ler as capas complexas utilizadas en moitos ficheiros PSD. Non se poden reco±ecer outras caracter­sticas avanzadas dentro dun dese±o PSD. Recomendamos moito traballar con Photoshop desde o principio para garantir que ser¡ universalmente accesible por dese±adores e desenvolvedores que poidan estar implicados co seu proxecto.

Se est¡s interesado nun programa gratu­to para ver simplemente os ficheiros PSD como imaxes planas (sen capas), a QuickTime de Apple, que inclºe o visor de imaxes, far¡ o truco, pero non podes usar o programa para editar un ficheiro PSD. ‰ puramente para ver ficheiros PSD como imaxes.

Como podo crear un sitio web cun PSD?

Os ficheiros PSD poden ser "cortados" e convertronse en c³digo HTML por un desenvolvedor web proficiente. Os servizos de PSD a HTML, como o Sitio Slinger, especial­zanse en s³ isto. Tomamos os ficheiros PSD e entregar o marcado HTML / CSS que est¡ listo para a sºa implementaci³n como sitio en directo.

s veces outros tipos de arquivos son utilizados por dese±adores. A­nda que poidamos traballar con tipos de ficheiros PNG, IDD ou AI, recomendamos que os ficheiros PSD. Forma de traballo Outros tipos de ficheiros poden esixir o paso adicional de converter dese±os a un ficheiro PSD.

Un "bo" PSD est¡ en capas e ben organizado usando cartafoles e capas para mostrar diferentes p¡xinas e estados. Asegºrese de dese±ar todos os estados de animaci³n e os estados de bot³n (faga clic, rato, f³ra). Ler m¡is dos nosos consellos de dese±o web e comprobar os outros recursos a continuaci³n. Ao final, levamos o seu dese±o e convertmolo en c³digo, producindo un sitio web que corresponde ao seu Pixel de dese±o perfecto.

Non podes acceder a DummiesCom

      • non se traduce ao idioma das webwebsites ten moitos elementos din¡micos: estados, p¡xinas, despregables, transici³ns, animaci³ns ... A lista segue e segue. Ent³n, que temos en Photoshop? Capas, carpetas, grupos e obxectos intelixentes. Cal o que uso para un cambio de estado? Que tal un despregamento? ¿Constru­r todas as mi±as p¡xinas nun ficheiro ou como ficheiros separados? Eu uso un grupo, un obxecto intelixente ou un cartafol para este bot³n? E a imaxe de cabeceira? A linguaxe utilizada en Photoshop non se traduce ¡ linguaxe utilizada na construci³n dun sitio web, e isto causa inconsistencia e confusi³n entre proxectos.
      • Terrible Vector ManagementCreating Vector Imaxes unha habilidade necesaria que os dese±adores necesitan aprender a crear elementos escalables, como gr¡ficos e logotipos. E unha vez que experimentou un verdadeiro fluxo de traballo vectorial (usando unha ferramenta como Adobe Illustrator), preguntar¡s como algunha vez colocas coas ferramentas vectoriais contra-intuitivo dentro do Photoshop. Os elementos de vectores est¡ndar est¡n con estilo e controlados usando caixas de di¡logo e di¡logo completamente diferentes e ten un control moi limitado sobre o que pode facer con eles sen usar estilos de capa. Queres sacar algo personalizado coa ferramenta de pluma? ‰ outro proceso multi-paso ou opci³n especial para que a sºa ferramenta de pluma se converta nunha forma de vector en lugar dun cami±o ou selecci³n.
      • Terrible Typography ManagementMuch como aprender un fluxo de traballo de vector real destaca as deficiencias do vector de Photoshop, traballando con boas ferramentas tipogr¡ficas como Adobe InDesign (que admite un par¡grafo de CSS e o tipo de car¡cter para a edici³n modular) fai que os defectos do tipo de Photoshop Xesti³n extremadamente aparente. Chegue mellor ao longo dos anos, pero a­nda non hai forma de probar / duplicar a configuraci³n de tipograf­a espec­fica, os campos de texto de ligaz³n ou a utilizaci³n de estilos de texto.
      • Terrible Color ManagementNoticing a un tema aqu­? Un bo programa de dese±o facilita a ver que a cor (hex) se usou en que elemento e extrapolar facilmente a CSS para a construci³n do sitio real. A xesti³n de cores de Photoshop est¡ en todo o lugar dependendo do que est¡ a usar (capa est¡ndar? Vector capa? Texto? Smart Object? Gradiente?) E todo o que est¡ escondido en caixas de di¡logo separado, interrompe o fluxo de traballo no mellor dos casos e forzando a xente a Use mtodos alternativos, menos precisos de mostraxe de cores (como a ferramenta de ollos) no peor dos casos. E iso nin sequera inclºe as opci³ns de estilos de capa para a cor e as superposici³ns de fronteira. <
      • Terminable Slice / Management Management Mentres se chegou un pouco mellor coa ºltima actualizaci³n de Creative Cloud (supo±endo que decidiu cambiar a mensual Modelo de licenza para obter as ºltimas actualizaci³ns), a xesti³n de activos en Photoshop faltaba bastante tempo. Incluso algo tan sinxelo coma cortar unha imaxe para a web implica visitar mºltiples caixas de di¡logo secundario para controlar o nome da porci³n, o tipo de ficheiro que gardar¡ como e como vai facer a exportaci³n. Un bo programa de dese±o web perm­telle ver e editar este en li±a.
      • As soluci³ns ineficientes para mºltiples instancias vinculadas de elemento ºnico como bo CSS te±en como obxectivo ser modular e reutilizable, polo que se requiren modificaci³ns m­nimas para facer cambios, un bo programa de dese±o web permitir­a que reutilice os elementos en varios lugares, onde a edici³n dun elemento producir­a cambios a todos eles. Photoshop pode facer isto (tipo de) usando a funci³n de obxectos intelixentes, pero isto require que abra o obxecto nunha nova pestana (ou incluso un programa de Adobe diferente) que perturba o fluxo de traballo porque os seus cambios non est¡n feitos en li±a.
      • Protipos de prototipos pr¡cticamente inexistentes. O bo programa de dese±o web perm­telle prototipar rapidamente unha versi³n de traballo do seu dese±o, xa sexa proporcionando algºn tipo de panel interactivo ou exportar o seu dese±o directamente en HTML / CSS para previsualizar o navegador. Un gran programa de dese±o web incluso exportar­a HTML / CSS de Optimizado, intelixente e est¡ndares (inclu­ndo tipograf­a, cores, bot³ns, etc.) para o seu uso nun sitio de produci³n. Photoshop non fai nada diso. Non pode exportar HTML en absoluto, nin sequera un dese±o baseado na t¡boa con estilos en li±a. Todo o que tes son (mal xestionadas) rodajas de imaxes est¡ticas.
      • non se traduce a un dese±o sensible ou ¡xil do concepto completo dun literal, p­xel-perfecto simulaci³n est¡ a ser desafiado na era de varios tama±os de dispositivos e iteraci³n de dese±o constante. Photoshop non contn ferramentas de flexibilidade nativa que lle permitan redimensionar e reflonder contido sobre a marcha (a menos que o integre externamente con Adobe Replow). Pero a­nda que non estea preocupado por crear unha burla totalmente sensible dentro do seu programa de dese±o, o feito de que un proceso mult-step para exportar contido utilizable f³ra de Photoshop fai que sexa necesario por calquera tipo de proceso de dese±o r¡pido ou ¡xil.

      A xulgar pola cantidade de amor que recibe en todos os medios de dese±o, parece que Photoshop a ferramenta de dese±o perfecta. Os dese±adores e o Photoshop van xuntos como a manteiga de cacahuete e a marmelada, o santo grial de produtividade de dese±o, pode usalo para constru­r calquera cousa que o seu coraz³n desexe e cortar¡, dados e faino un bocadillo mentres cami±a ao seu can e depende do seu coche ..

      Todo o brillo de lado, un programa que foi inicialmente constru­do como editor de fotos e manipulador de imaxes (e un gran, niso) evolucionou lentamente cara a un tipo de coitelo inchado, lento e excesivo ferramenta que trata de ser todo para todos. Pero a cousa sobre os coitelos do exrcito su­zo que, a­nda que son bos coitelos, non sei a ningun que prefire usalos para cortar, serrar, desenroscar, tesouro ou apertura de botellas en lugar dunha ferramenta que foi dese±ada especialmente para o traballo.

Como converterse nun deseñador web freelance e obter un traballo real

Esta guía axudarache a atopar o teu camiño ao construír unha carreira como deseñador UX freelance. Ben, cubra a creación dunha carteira, traballando remotamente e moito máis.

Como converterse nun deseñador web freelance e obter un traballo real
Usamos cookies
Usamos cookies para garantir que che damos a mellor experiencia no noso sitio web. Ao usar o sitio web de acordo co uso de cookies.
Permitir cookies