error del servidor intern

Aquest lloc web utilitza un servei de seguretat per protegir-se dels atacs en l­nia. L'acci³ que acabeu de realitzar provocava la soluci³ de seguretat. Hi ha diverses accions que podrien desencadenar aquest bloc, incloent-hi la presentaci³ d'una determinada paraula o frase, una ordre SQL o dades malformades.

Qu¨ puc fer per resoldre aix²?

res

Com el servei superior de PSD a HTML a la web, llan§em al voltant del terme "PSD" una mica. Hem respost a la pregunta "Qu¨ s el PSD a HTML?" I ha proporcionat una llista de definicions de termes comuns de desenvolupament web, per² ara els trencem fins i tot.

Qu¨ s un psd?

Simplement, un PSD s un fitxer de disseny de Photoshop. T¨cnicament, significa Photoshop Document, que s un tipus de fitxer propiet ria d'Adobe. El Photoshop d'Adobe s el programari ms utilitzat per al disseny web i funciona millor per al procs de disseny a codi.

Els fitxers de PSD s'obren normalment i editat amb Adobe Photoshop, per² es poden obrir amb elements d'Adobe Photoshop, i fins i tot determinats productes que no adobs, com ara el Pintshop Pro i Gimp de Corel. Tanmateix, els programes diferents de Photoshop no podran editar o fins i tot llegir les capes complexes utilitzades en molts fitxers PSD. Altres funcions avan§ades d'un disseny de PSD poden no ser reconegudes correctament. Us recomanem que treballem amb Photoshop des del principi per assegurar-vos que ser  universalment accessible per dissenyadors i desenvolupadors que puguin estar involucrats amb el vostre projecte.

Si esteu interessats en un programa gratu¯t per simplement visualitzar els fitxers PSD com a imatges planes (sense capes), QuickTime d'Apple, que inclou el visualitzador d'imatges, far  el truc, per² no podeu utilitzar el programa per editar un fitxer PSD. ‰s purament per veure fitxers PSD com a imatges.

Com puc crear un lloc web amb un PSD?

Els fitxers PSD es poden "tallar" i es poden convertir en un codi HTML per un desenvolupador web competent. Els serveis de PSD als HTML, com ara el lloc Slinger, especialitzats en aix². Agafem els fitxers PSD i el marcador HTML / CSS de la m  que est  preparat per a la seva implementaci³ com a lloc en directe.

De vegades, altres tipus de fitxers s³n utilitzats pels dissenyadors. Tot i que podem ser capa§os de treballar amb els tipus de fitxers PNG, IDD o AI, recomanem fitxers PSD. Formulari de treball Altres tipus de fitxers poden requerir el pas afegit de la conversi³ de dissenys a un fitxer PSD.

Un PSD "bo" est  en capes i ben organitzat amb carpetes i capa compica per mostrar diferents p gines i estats. Assegureu-vos de dissenyar tots els estats d'animaci³ i els estats de bot³ (feu clic, passegeu). Llegiu ms dels nostres consells de disseny web i consulteu els altres recursos segents. Al final, portem el vostre disseny i el convertim en codi, produint un lloc web que coincideixi amb el vostre disseny de p­xels perfecte.

No podeu accedir a dummiescom

      • No es tradueix en el llenguatge dels webwebsites tenen molts elements din mics: estats, p gines, desviaments, transicions, animacions ... La llista continua. Qu¨ tenim a Photoshop? Capes, carpetes, grups i objectes intel·ligents. Quin faig servir per a un canvi d'estat? Qu¨ hi ha d'un desplegable? Constru¯m totes les meves p gines en un fitxer o com a fitxers separats? Utilitzo un grup, un objecte intel·ligent o una carpeta per a aquest bot³? Qu¨ hi ha de la imatge de cap§alera? El llenguatge utilitzat a Photoshop no es tradueix en el llenguatge utilitzat en la construcci³ d'un lloc web, i aix² provoca inconsist¨ncia i confusi³ entre projectes.
      • Gesti³ vectorial terrible Imatges vectorials s una habilitat necess ria que els dissenyadors necessiten aprendre a crear elements escalables, com gr fics i logotips. I, un cop h giu experimentat un veritable flux de treball de vector (utilitzant una eina com Adobe Illustrator), es preguntar  com es va posar amb les eines vectorials contra-intu¯tives a l'interior de Photoshop. Els elements vectorials est ndard estan dissenyats i controlats mitjan§ant caixes de di leg i de di leg totalment diferents, i teniu un control extremadament limitat sobre el que podeu fer amb ells sense utilitzar estils de capa. Voleu dibuixar alguna cosa personalitzada amb l'eina de ploma? ‰s un altre procs multi-pas o una opci³ especial per convertir la vostra eina de ploma a convertir-la en forma de vector en lloc d'un cam­ o selecci³.
      • Gesti³ terrible de tipografia com a aprenentatge d'un veritable flux de treball vectorials destaca les defici¨ncies vectorials de Photoshop, treballant amb bones eines de tipografia com Adobe InDesign (que admet un panell d'estil de par graf i car cter de CSS per a l'edici³ modular) fa que els defectes del tipus de Photoshop gesti³ extremadament evident. ‰s millor al llarg dels anys, per² encara no hi ha manera de provar / duplicar la configuraci³ de tipografia espec­fica, enlla§ar els camps de text o reutilitzar estils de text.
      • Gesti³ terrible del color d'un tema aqu­? Un bon programa de disseny fa que sigui f cil veure quin color (hexadecimal) s'ha utilitzat en quin element, i extrapolar aix² f cilment a CSS per construir el lloc real. La gesti³ del color de Photoshop s a tot el lloc en funci³ del que utilitzeu (capa est ndard? Capa de vector? Text? Objecte intel·ligent? Gradient?) I tot est  ocult en caixes de di legs separats, pertorbant el flux de treball en el millor possible i for§ant a la gent Utilitzeu m¨todes alternatius, menys precisos de mostreig de colors (com l'eina Eydropper). I aix² no s ni tan sols incloure les opcions d'estils de capa per a superposicions de colors i fronteres! <
      • Terrible Slice / Asset ManagineWhile Aix² ha aconseguit una mica millor amb l'ºltima actualitzaci³ de Creative Cloud (assumint que heu decidit canviar mensualment Model de llic¨ncia per obtenir les ºltimes actualitzacions), la gesti³ d'actius a Photoshop ha faltat durant molt de temps. Fins i tot alguna cosa tan simple com a tallar una imatge per a la web consisteix a visitar mºltiples quadres de di legs secundaris per controlar el nom de la llesca, el tipus de fitxer que estalviar  com, i com es far  l'exportaci³. Un bon programa de disseny web us permetria veure i editar aquesta l­nia. / LI>
      • Les solucions inefica§os per a mºltiples inst ncies enlla§ades d'un element ºnic com a bon CSS vol ser modulars i reutilitzables, de manera que les edicions m­nimes han de fer canvis, un bon programa de disseny web li permetr  reutilitzar elements en mºltiples llocs, on editar un element resultaria en canvis a tots ells. Photoshop pot fer-ho (tipus de) utilitzant la funci³ d'objectes intel·ligents, per² aix² requereix que obriu l'objecte en una nova pestanya (o fins i tot un programa d'Adobe diferent) que interromp el flux de treball perqu¨ els vostres canvis no es fan en l­nia. / LI>
      • Prototipatge pr cticament inexistent Programa de disseny web Bon disseny web li permetr  prototipar r pidament una versi³ de treball del vostre disseny, ja sigui proporcionant algun tipus de panell interactiu o exportant el vostre disseny directament a HTML / CSS per visualitzar-lo el navegador. Un gran programa de disseny web fins i tot exportaria HTML / CSS optimitzat, intel·ligent i compatible amb les normes (incloent tipografia, colors, botons, etc.) per utilitzar-lo en un lloc de producci³. Photoshop no fa res. No es pot exportar html en absolut, ni tan sols un disseny basat en taula amb estils en l­nia. Tot el que obteniu s³n (mal gestionats) rodanxes d'imatges est tiques.
      • No es tradueix al disseny sensible o  gil. El concepte sencer d'una maqueta literal, perfecta de p­xels s'est  desafiant en l'¨poca de mºltiples mides de dispositius i iteraci³ de disseny constant. Photoshop no cont cap eina de flexibilitat nativa que us permetin canviar la mida i reflecteix el contingut de la mosca (a menys que la integreu externament amb Adobe Reflow). Per² fins i tot si no us preocupa la creaci³ d'una maquetament totalment sensible dins del vostre programa de disseny, el fet que sigui un procs multi-pas per exportar contingut utilitzable fora de Photoshop fa que sigui pobre per a qualsevol tipus de procs de disseny r pid o  gil.

      A jutjar per la quantitat d'amor que entra en tots els mitjans de comunicaci³, sembla que Photoshop s l'eina de disseny perfecta. Dissenyadors i Photoshop van junts com a mantega de cacauet i gelatina, s el sant grial de la productivitat del disseny, es pot utilitzar per construir qualsevol cosa que desitgi el cor, i es tallar , daus, i fer-te un sandvitx mentre camina al teu gos i que es va albirar el cotxe .

      Totes les broma, un programa que va ser constru¯t inicialment com a editor de fotografies i manipulador d'imatges (i un gran, en aquest) ha evolucionat lentament en un ganivet infractat de l'ex¨rcit infractat i existents. Eina que intenta ser tot per a tothom. Per² la cosa sobre els ganivets de l'ex¨rcit su­s s que, mentre que s³n bons ganivets, no s ningº que prefereixi utilitzar-los per tallar, serrat, desenroscar, tirar-se o obrir-se en lloc d'una eina que es va dissenyar espec­ficament per a la treball.

Com es convertirà en un dissenyador web independent i obteniu una feina real

Aquesta guia us ajudarà a trobar la vostra manera de construir una carrera professional com a dissenyador independent de la UX. Bé cobreix creant una cartera, treballant de forma remota i molt més.

Com es convertirà en un dissenyador web independent i obteniu una feina real
Nou itilize bonbon
Við notum smákökur til að tryggja að við gefum þér bestu reynslu á heimasíðu okkar. Með því að nota vefsíðuna samþykkir þú notkun okkar á smákökum.
Permitir cookies