Spre designeri cu dragoste (o scrisoare de la un dezvoltator front-end)

Dragi designeri,

Aceasta scrisoare se produce de ani buni. Parti din acesta au fost livrate in scris si in scris diferiti designeri pe o perioada lunga de timp.

Totusi m-am temut intotdeauna sa o public din frica ca ar implica actualul proiectant sau client cu care lucrez. Asadar, inainte de a continua, as dori sa subliniez ca acesta nu este o nemultumire specifica, ci mai degraba o lista detaliata cu 18 ani de dezacord.

Am colaborat aproape doua decenii si fiecare fisier PSD pe care mi l-ati trimis a avut (mai mult sau mai putin) aceleasi probleme. youtube matrimoniale romania sereparan.com Iarta-ma atunci pentru nehotararea de a incerca sa-ti invat meseria.

Nu presupun ca te invat despre grafica sau estetica. Nu ma voi indeparta de tipografie, de lizibilitate sau de utilizare a spatiului alb.

In schimb, as dori sa va explic cum ma informeaza roadele muncii voastre.

As dori sa va reamintesc ce este necesar pentru a reproduce desenele ca pagini web perfecte cu pixeli. olx matrimoniale mangalia encapsul.com As dori sa va spun cum vor fi utilizate fisierele de proiectare pentru documentare si modul in care imaginile create de dvs. determina tehnologiile utilizate – pana la nivelurile de baza de scalabilitate si performanta.

De asemenea, as dori sa demonstrez ce se poate face rapid si usor si ce va genera aeriene care va trage intreaga productie la un crawl.

Si, mai ales, as dori sa va reamintesc ca imaginea pe care o creati chiar acum va fi transformata intr-un lucru viu care interactioneaza si raspunde, care comunica cu mii de persoane diferite, care trebuie sa le invete si sa invete de la ei in cel mai fara efort posibil. Atat pentru ea, cat si pentru ei. site-uri matrimoniale spania officeworks.us

Proiectare pentru documentare

In primul rand, as dori sa va reamintesc ca fisierele PSD pe care le produceti nu sunt doar sursa imaginilor pe care clientul le aproba, ci sunt si documentatie tehnica si materiale sursa pentru dezvoltatori. Prin urmare, va rugam sa va pastrati straturile si grupurile in ordine, organizate si numite .

Stimati designeri, de doua decenii, imi trimiteti PSD cu aceleasi probleme.

Adnotati-va designul. Fie creati un fisier separat cu conventiile pe care le-ati utilizat, fie notati-le intr-un strat ascuns separat. matrimoniale limbi overthetopstyle.com

Spune-mi ce fonturi ai folosit pentru ce. Permiteti-mi sa stiu ce culori, spatii si contexte sa utilizati. Trebuie sa stiu.

De asemenea, trebuie sa stiu ce sa extrapolam daca nu a fost facut un proiect pentru o anumita caracteristica.



  • matrimoniale din brasov
  • matrimoniale deva publi
  • matrimoniale germania frankfurt
  • anunturi matrimoniale sentimente
  • anunturi matrimoniale ramnicu sarat
  • matrimoniale femei sf gheorghe
  • anunturi matrimoniale din giurgiu
  • matrimoniale femei cu nr de telefon iasi
  • oradeahub matrimoniale
  • www.publi24 matrimoniale
  • matrimoniale barbati italieni
  • matrimoniale prahova cu poze
  • erotice matrimoniale
  • femei constanta matrimoniale
  • site matrimoniale femei bogate
  • matrimoniale ea cauta barbati
  • matrimoniale judetul giurgiu
  • matrimoniale zal─âu
  • anunturi ziare matrimoniale
  • matrimoniale prima love




Banuiesc ca ceea ce incerc sa spun este: Daca este posibil, creeaza un scurt ghid de stil pentru produsul pe care il proiectezi. anunturi matrimoniale fete tinere www.cablequote.net

Pentru ambele noastre, atunci cand adaugam blocuri de text standard – cum ar fi titlurile, adaugam un dreptunghi in spatele lor pentru a indica distanta din jurul lor. Acest lucru ar trebui sa va permita sa le plasati constant de fiecare data. Daca aceasta este o munca prea mare, cel putin indicati ce exemplu din document este canon.

Nu va pot spune cat de des gasesc ca titlurile sunt plasate cu ochiul, astfel incat acestea se potrivesc vizual singurii instante in care sunt plasate, dar, atunci cand sunt masurate, dezvaluie ca fiecare are propriul spatiu individual.

Acelasi lucru este valabil si pentru blocurile de continut. site-uri de matrimoniale din anglia www.celebritycourt.com Daca aveti o lista cu diferite blocuri de continut, va rugam sa le spationati in mod constant.

Va voi spune mai multe in sectiunea Proiectare pentru continut , dar va rugam sa nu presupuneti ca titlurile dvs. vor fi intotdeauna intr-o singura linie si folositi informatiile din fisier.

Continua sa alerg in aceste titluri care au dimensiunea fontului 22px si o inaltime a liniei de 92px (in mod evident, copiat si lipit de titlul paginii principale). Setarile pe care le alegeti sunt relevante chiar daca nu schimba vizual fisierul exportat. matrimoniale sectorul 6 intervalinternational.org

Proiectare pentru Tehnologie

Exista doua parti in acest sens: Ce se poate face si ce este potrivit pentru mediu.

In timp ce ajungem repede la punctul in care totul va fi posibil din punct de vedere tehnic pentru dezvoltarea site-urilor (daca nimic altceva, inca il pot extrage pixel cu pixel folosind panza), multe dintre aceste solutii nu sunt pregatite pentru productie.

Faptul ca ati gasit un exemplu in care cineva a combinat cu succes WebGL 3D cu CSS blur plus masti de filtru pentru o pagina demonstrativa nu inseamna ca il puteti utiliza ca panou de paralax cu fereastra completa intr-o singura aplicatie.

Si daca doriti cu adevarat sa mergeti pe marginea sangerarii, va rugam sa va consultati cu dezvoltatorul dvs. inainte de a trimite proiectul pentru aprobare. matrimoniale voitinel www.julianhealy.com In caz contrar, va fi dificil sa obtineti clientul sa se multumeasca cu mai putin.

If you really want to test the edges, though, and if you want to try it out for fun, contact me privately. I love creating things like that as much as you do. Just don’t put that stuff into a budgeted production project.

Beyond those things – beyond testing the limits of what can be done, try to be sensitive and sensible with regard to what should be done. matrimoniale pentru casatoriti aaib.info

You’re not a graphics artist; You’re more than that, you’re a designer.

You’re not only designing it to look a certain way, you also have to design it to run a certain way, communicate and behave in a certain way.



  • matrimoniale fete bv
  • desteptarea bacau matrimoniale
  • matrimoniale femei piatra neamt
  • oferte paturi matrimoniale
  • matrimoniale dating
  • mica publicitate cluj matrimoniale
  • matrimoniale barbati austria
  • anuntu telefonic matrimoniale bucuresti
  • matrimoniale cupid
  • publi24.ro matrimoniale sibiu
  • matrimoniale constnta
  • aventuri matrimoniale
  • matrimoniale romantic
  • matrimoniale drobeta
  • matrimoniale xxx bucuresti
  • fete matrimoniale timisoara
  • matrimoniale ploiesti vest
  • publi24.ro matrimoniale bucuresti
  • anunturi matrimoniale caransebes
  • matrimoniale romania libera




To go for the cliche familiar to designers everywhere: What good is a gorgeous looking chair if no one can sit on it?

Trebuie sa includeti viteza de incarcare si viteza de executie si usurinta de utilizare in proiectarea dvs. pentru a fi un design in loc de o imagine.

Incercati sa obtineti cat mai mult posibil doar cu HTML si CSS. matrimoniale futai hlth.biz

Incercati sa obtineti cat mai mult posibil doar cu HTML si CSS. Evitati sa utilizati functii cu aspect frumos, disponibile in Photoshop. Nu folositi amestecul! Nu utilizati faux bold si italic faux.

Cu exceptia cazului in care intentionati ca elementul sa fie o imagine, nu folositi deloc filtre – in afara de cele mai simple umbre.

Nu ma face sa calculez sau sa aleg culorile, deoarece ai folosit umpluturi de culori amestecate. publi24 campia turzii matrimoniale hongostibetanos.com Va rugam sa nu falsificati imaginile transparente folosind amestecarea suprapunerii; De fapt am nevoie de o imagine transparenta pe site.

Daca utilizam un cadru front-end, cum ar fi Bootstrap, multe dintre aceste probleme vor fi deja rezolvate, deci aflati cum se face si cum poate fi modificat. Nu mergeti pur si simplu, intentionand sa proiectati ceva fara legatura.

Daca proiectarea dvs. nu este in concordanta cu ceea ce face cadrul, decat punerea in aplicare nu este implementarea proiectului. matrimoniale novaci gorj monsterlinks.com In schimb, ajungem sa trecem peste scadenta selectiv, astfel incat sa nu se incurce cu designul nostru si apoi sa il implementam de la zero. Volumul de munca se dubleaza in loc sa reduca la jumatate.

Si, in sfarsit, nu folositi mai mult de trei fonturi – sau variante de font – pe site. Daca aveti nevoie de sase greutati diferite, fiecare cu propriile sale variante obisnuite si italice, nu mai proiectati pentru web.

Proiectare pentru interactivitate

Acesta este unul imens. matrimoniale sector 6 militari residence officialmayanresorts.net Si aceasta scrisoare a fost scrisa initial exclusiv pentru acest subiect. Trebuie sa cunosti si sa intelegi toate modalitatile in care utilizatorii si functionalitatea pot interactiona.

Sa incepem cu cele mai simple lucruri: link-uri.

Linkurile nu au doar doua state.

In navigarea pe care o primesc, furnizati intotdeauna design- uri pentru link-uri si un link activ (pagina curenta). matrimoniale bucuresti dristor www.gefanuctraining.com



  • olx matrimoniale caras-severin
  • anunturi matrimoniale informatorul
  • vsmf ro matrimoniale
  • matrimoniale fosani
  • matrimoniale consatnta
  • matrimoniale cimpia turzii
  • matrimoniale copii gay
  • fete de maritat matrimoniale
  • gai matrimoniale
  • public 24 cluj matrimoniale
  • tpu matrimoniale
  • suge matrimoniale
  • matrimoniale 24 satu mare
  • public 24 tg jiu matrimoniale
  • matrimoniale faget timis
  • matrimoniale turnu magurele
  • gay matrimoniale roman
  • publi 24 barlad matrimoniale
  • paturi matrimoniale albe
  • matrimoniale -romania




In alte cazuri, furnizati, de regula , stari de baza si de trecere .

Daca doriti sa fiti cel mai putin usor de utilizat, ar trebui sa aveti modele distincte pentru starile de baza, de aglomerare si focalizare ( vizitele si activele sunt de asemenea placute pentru UX). Iar pentru navigare, o legatura si o legatura activa au toate starile de mai sus.

Oh, si nu indrazniti sa schimbati o structura a legaturii intre stari (latimea diferita a bordurii, umplere si altele asemenea).

In mod similar, daca nu arata ca un buton, nu are fundal. anunt matrimoniale brasov www.johnscreekendo.org Perioada. Completarea unui element de text in linie este o incurcatura, iar fundalurile de text neadaptate nu se vor face niciodata.

Din moment ce vom folosi acest lucru pe mobil, asigurati-va ca exista suficient spatiu alb intre elementele interactive separate si ca fiecare hitbox este suficient de mare. Cred ca un standard de minim 42px pe fiecare axa este norma.

Desenati un dreptunghi invizibil sau un strat ascuns care arata casetele de acces; asigurati-va ca nu se suprapun si ca interactiunile cu utilizatorii sunt lipsite de ambiguitate. emaramures anunturi matrimoniale www.newhentai.net

Elementele de forma sunt si mai rele.

Cel mai frecvent caz pe care il vad este cu butoanele radio si casetele de selectare. Cele standard sunt urate! Asadar, iti proiectezi propriul tau si imi dai o stare verificata si necontrolata si te consideri gata.

Cu toate acestea, exista o intreaga tabela de state multidimensionale pentru o caseta de selectare, iar fiecare ar trebui sa fie indicata vizual utilizatorului.

Avem urmatoarele stari:

  • Verificat sau debifat
  • Treceti sau nu
  • Focus sau nu
  • Activat sau dezactivat
  • Eroare sau nu

Fiecare dintre acestea se poate combina cu celelalte. romantica matrimoniale b90.topnotchaccessories.com

Dezactivat previne unele combinatii (dezactivarea si focalizarea sunt, de obicei, irelevante atunci cand sunt dezactivate), dar nu toate (verificarea-dezactivat-eroare este o stare perfect valida si informativa pentru o caseta de selectare). Asadar, incheiem cu 16 state activate si patru dezactivate, oferind un total de cel putin 20 de state distincte. De exemplu, starile pe care mi le oferiti de obicei sunt verificate-nu-sunt-activate-nu si nu sunt marcate-nu-sunt-activate-nu in acea configuratie.

Alte elemente de formular pot sa nu aiba o stare marcata bifata, dar pot fi goale sau nu sunt goale (afisand textul marcatorului). De asemenea, pot avea o stare informationala mai complexa, astfel incat eroarea-sau-nu este cazul sa fie la fel de complexa ca neutrul-avertizare-eroare-succes. site-uri matrimoniale gratuite romania seattleskincare.com

Apoi, pe deasupra, ar trebui sa aveti indicatori obligatorii sau optionali, impreuna cu un aspect si un design clar definite pentru etichete, ajutor de introducere si text de eroare.

Si, daca doriti cu adevarat sa fiti prietenosi, aveti nevoie de stari murdare cu seturi verzi, care sa indice faptul ca utilizatorul nu a furnizat niciodata datele sau datele sunt deja stocate sau au fost schimbate, dar nu sunt stocate.

Proiectarea pentru interactivitate este dificila.



  • matrimoniale pocaite
  • matrimoniale zarnesti brasov
  • anunturi matrimoniale persoane cu dizabilitati
  • anunturi matrimoniale bucuresri
  • paturi matrimoniale la comanda
  • publi24 matrimoniale bucuresti sector 3
  • target.ro matrimoniale
  • raidonline ploiesti matrimoniale
  • anuntul telefonic constanta matrimoniale
  • publi24 matrimoniale caras
  • regimuri matrimoniale marieta avram
  • matrimoniale oltenita
  • regimurile matrimoniale in noul cod civil
  • publi 24 matrimoniale sebes
  • public 24 matrimoniale sector 5
  • admin.ro matrimoniale
  • matrimoniale iasi 2018
  • matrimoniale public 24 deva
  • elmaz matrimoniale gratis
  • public 24 matrimoniale botosani





Si daca doriti sa schimbati cum arata butoanele radio, nu faceti acest lucru cu doua stari.

Ceea ce spun este: Proiectarea pentru interactivitate este dificila. matrimoniale in strainatate www.magicjill.com Si daca doriti sa schimbati cum arata butoanele radio, nu faceti acest lucru cu doua stari.

Doar un punct final despre proiectarea interactivitatii: decideti cum arata interactiunea. Inteles, decideti ce conventii veti utiliza pentru elemente interactive si nu le folositi pe altceva.

Nu, nu ai voie sa folosesti culoarea principala a marcii pentru a indica legaturi, mai ales daca vei folosi aceeasi solutie pentru a accentua continutul important!

Proiectare pentru continut

Aspectul ideal al fiecarui element umplut cu continut de lipse este suficient de bun pentru a prezenta clientului o imagine pentru a obtine o aprobare asupra stilului vizual. Dar designul continutului nu incepe nici nu se termina acolo. matrimoniale antena 1 americaneggboard.org

Dupa ce aveti o idee succinta despre ce doriti sa faceti cu aspectul continutului, nu uitati ca lucrati cu continut dinamic.

Dupa ce aveti o idee succinta despre ce doriti sa faceti cu aspectul continutului, nu uitati ca lucrati cu continut dinamic. Exista doua cazuri pe care trebuie sa le verificati pentru fiecare continut:

  • Daca se intampla prea mult?
  • Ce se intampla daca este prea putin (sau lipseste in intregime)?

Verificati ce se intampla daca titlul este ridicol de scurt sau de neobisnuit de lung. Cum ar trebui sa arate blocul de continut daca lipsesc elemente cruciale? Ce se intampla daca nu exista nicio poza?

If there is no content for a page section, do we remove the entire section – title, container and all – or do we keep the section, and display something along the lines of: “No articles yet, check back later?” Even better: “Would you like to be notified when this content arrives? Sign up for our newsletter!”

Make the decisions! Then design those things!

If you’re designing a feed or content loaded from an external or dynamic source, don’t forget to include all the errors and notifications. In fact, design the page notification meta content to show what it looks like globally, then stick with those design conventions to notify the user in case something goes wrong. matrimoniale oraea sisrc.com

Avoid fixed-width buttons, and fixed-height blocks of text. And, if I haven’t said so before, If you think it’s always going to be one line of text, you’re wrong! Now, go check the best way to make it multiline.

Make sure that the same content has the same structure.

If the same title is visible in multiple places, don’t bold one word in one case and another somewhere else!

In fact, try to avoid formatting structures within titles altogether. Similarly, don’t break the text manually in one place, but break it differently in another. matrimoniale constanta 50 lei greenmoms.net In fact, don’t manually break text!

These things might make your design better, but remember that the content will most likely be input through a CMS, and the person inputting it might not see what it looks like until it’s published, or might not even have the tools to manually break, or format the text.

Design with the same restrictions the final content will have – fixed-width text containers and automatic word-wrap. If it looks ugly that way, the design is not good.

Designing for Responsiveness

This has progressed a lot recently. At least in those cases where mobile is actually designed. anunturi matrimoniale militari digitallandrun.com More and more, we let bootstrap figure it out, and slap Band-Aids on the cracks.



  • ziarul anuntul telefonic matrimoniale
  • matrimoniale barbati singuri pentru casatorie braila
  • publi 24 matrimoniale tg mures
  • publi24 eforie nord matrimoniale
  • barbati bacau matrimoniale
  • publi24 maramures matrimoniale
  • mame singure matrimoniale
  • matrimoniale sex .com
  • ziarul informatorul moldovei matrimoniale
  • matrimoniale galati femei raid
  • matrimoniale femei frumoase
  • matrimoniale satu mare femei
  • publi24 adjud matrimoniale
  • gay cluj matrimoniale
  • publitim matrimoniale resita
  • matrimoniale italia gratis
  • matrimoniale bucuresti sex anal
  • poporasul meu matrimoniale
  • anuntul buzoian matrimoniale buzau
  • matrimoniale alba escorte




Regardless, there are a few simple principles you must know.

First, the mobile and desktop variants are not separate pages. I know you know this. They are simply reflows of the same page. facebook matrimoniale gratis ifuckinghatetheacademyofartcollege.biz

Put simply, it is the same as working with left aligned text. The sentence does not change the order of words or letters just because you’ve placed it in a smaller container.

De asemenea, grupurile de continut ar trebui sa fie distribuite in toate aspectele. Cand adaugati coloane, asigurati-va ca pauzele de coloane sunt consistente.

De asemenea, conventiile dvs. matrimoniale caransebes femei www.crazyquietgirl.com ar trebui sa urmeze aceeasi structura pentru versiuni diferite ale paginii. In sensul ca, daca doua elemente arata identice pe un desktop, acestea ar trebui sa fie identice si pe mobil.

Oh, si daca doriti paralax, va rugam sa oferiti o imagine suficient de mare pentru a va deplasa. Daca va potriviti sau decupati imaginea, astfel incat sa arate chiar in fisierul pe care il aratati clientului, atunci nu am ce sa ma misc.

Exceptii de proiectare

Desigur, exceptiile sunt intotdeauna posibile. Mai mult, acestea sunt necesare pentru ca produsul sa arate atractiv si eficient. Cu toate acestea, nu le adaugati la prima trecere de la casa la casa.

Daca va descoperiti din nou aceeasi problema de design, aceasta nu va functiona, mai ales daca alegeti o solutie diferita in fiecare instanta.

Dupa ce ati facut toate cele de mai sus, ar trebui sa obtineti un design eficient, stabil si consistent (daca este oarecum plictisitor). Acum este momentul sa condimentam lucrurile. Analizand o pagina in ansamblu, discutati cu clientul pentru a identifica imaginile imprumutate – elementele care le vor oferi cea mai mare bataie pentru buck-ul lor.

Lucram impreuna de ani buni, iar clientii nostri au fost intotdeauna multumiti de rezultatul final.

Bineinteles ca voi sari daca iti lipseste cateva dintre aceste puncte, iar atunci cand utilizarea unui design complex este justificata, ma voi referi la scrierea logicii de redare in JavaScript, daca trebuie.

Voi face pasul si voi justifica munca suplimentara catre client, daca este necesar. Heck, am conceput formulare si interactivitate in topul modelelor primite de varsta, deci nu va fi o problema.

Sper doar ca, dupa citirea acestui lucru, veti tine minte cateva dintre aceste indicii data viitoare cand vom lucra impreuna. Sper ca va vor informa munca si va vor oferi indrumari atunci cand nu stiti ce sa faceti. As dori sa intelegeti ca relatia noastra conteaza pentru mine si ca nu am scris acest lucru pentru a va rani, ci pentru a imbunatati relatia noastra.

Cu dragoste,

Dezvoltatorul dvs. front-end