Cât de ușor este să creați machete de site în ilustrator

Bună ziua. Vreau să aflu pentru mine cât de convenabil și posibil este deloc să lucrez pentru un designer de web în ilustrator atunci când creează un aspect al site-ului. Doresc doar persoanele care lucrează cu succes în acest domeniu să vorbească, profesioniștii, opiniile amatorilor au auzit deja mult, în final, doar dezamăgire.







De fapt, a decis să facă același aspect în Illustrator și Photoshop în paralel. Primul pe care l-am întâlnit pentru mine. Site-ul este adaptiv, există puncte de oprire, există o rețea, atunci există o obligație pentru pixeli.

Este înfiorător pentru hemoroizi pentru a aranja ghidajele de-a lungul pixelilor, deranjat de faptul că ghidajele sunt afișate în fereastra straturilor. Nu este deloc clar, dacă mă bazez pe o scară de 1: 1, atunci mă confrunt cu o problemă că elementele mici (

mai puțin de 10 pixeli) desenate în aceeași scară și apoi nu scară într-un mod mare, problemele incep sa grosime de accident vascular cerebral, de exemplu, atunci când skeylitsya elment și accident vascular cerebral - nr. Pentru a desena inițial pe o scară mai mare și apoi pentru a lipi dintr-un alt fișier, se poate face așa? Dar cu această abordare, confortul este pierdut. Nuanță - destul de probleme, bine, în cazul în care scara de 1: 1 în termeni piskelnom, și dacă nu? Dacă sunt luate inițial o scară diferită sau deloc legat de pixeli, dar numai proporțiile, și atunci ai nevoie pentru a lipi pe ecran, care nu este un mare SCARA petrecere. Cum se construiește un flux de lucru într-un ilustrator.

Trebuia să urcați în spatele obiectelor de briza din candelabru, copiați, lipiți, poziționați etc. Din nou scara. Dacă am ales 1: 1, apare întrebarea, atunci cum să taie grafica pentru retină? Dacă mai mult, cât de mult? Deci este suficientă aceeași retină? Dar atunci cum să lucreze cu raster, deoarece adesea nu există fotografii de bună calitate și trebuie să folosim de fundal larg este de 1400 de pixeli pe 1920 de pixeli ecrane late, iar în cazul în care scara a crescut x1.5, de exemplu, atunci acest fundal, în aspect începe să se estompeze, când sunt întinse.

Sunt complet confuz, nici unul dintre programe nu sunt potrivite pentru nevoile mele, iar apoi ei tipa mai - vin în indizayn, dar trebuie să schițați etc. Maca nu trebuie să virtalke lucru prost, indizayn a încercat, nu am putut să înțeleg de ce există lucruri simple de făcut necesare pentru layout design, de muza prea încercat, am dat seama că este potrivit numai pentru aspecte limitate, cum ar fi de aterizare, iar atunci când există o interfață de utilizare serioasă, va trebui să arunce și rămân fără unelte.

Plânge sufletul - ajută-mă să-mi dau seama. Puneți întrebări, voi răspunde.

Avem nevoie de un soldat universal. Din acest punct de vedere pare a fi ilustratorul ideala, iar oamenii spun că a creat cu succes un aspect, dar eu nu înțeleg modul în care acestea rezolvă problemele asociate cu necesitatea de a lucra cu o grafică raster?

Având o oportunitate, vreau să întreb despre modul în care oamenii desenează un plan pentru un sit adaptiv, separat pentru aspectul fiecărui permis luat în considerare? Acest lucru este extrem de incomod, poate că există modalități mai simple? Cu siguranță nu există muzee de concurență, dar. după cum sa spus anterior, programul nu funcționează pentru machete complexe.

Designer și perfecționist.

cât de convenabil și dacă este posibil să lucrați chiar și pentru un designer de web în ilustrator atunci când creați un aspect al site-ului.
Munca este posibilă și destul de convenabilă. Problema este diferită - artiștii de machiaj nu favorizează. plug-in-uri și utilitare care fac layout-ul mai ușor pentru FSH și nu există nici un AI. Acest lucru a fost discutat de mai multe ori aici, chiar și pe toaster. Uită-te.







Este înfiorător pentru hemoroizi pentru a aranja ghidajele de-a lungul pixelilor, deranjat de faptul că ghidajele sunt afișate în fereastra straturilor.
Nu sunt de acord. Personal, nu este dificil pentru mine să pun un nou ghid referitor la grila pixelilor din AI. Nu mai dificilă decât în ​​Fs. Și dacă nu vă place că ghizii se numără printre elementele de design, luați-le pe un strat separat și asta-i tot.

mai puțin de 10 pixeli) desenate pe aceeași scală, apoi scalate slab spre partea mai mare
O altă ciudățenie, nu au existat astfel de probleme. Este un vector, îl poți măsura în conținutul inimii tale. Vedeți ce setări sunt afișate, probabil, "complexitate" din cauza asta.

începeți cu probleme cu grosimea cursei, de exemplu, atunci când elementul este scanat și cursa nu este.
Este suficient să introduceți o "bifă", iar cursa va fi scalată (panoul Transformare). Și nu este nevoie de "a lua pe o scară mai mare, și apoi de a reduce". Deci, această "problemă" se datorează numai lipsei de cunoaștere a funcționalității programului. Te sfătuiesc să studiezi mai atent Aya, să vezi toate setările posibile în panouri, să te uiți la lecții etc.

Cu rasterul, de asemenea, nu văd nici o problemă. Dacă există prea mult în structură, ce îi împiedică să facă (raster) în Fsch? Instrumentele ar trebui să fie selectate pe baza sarcinilor și nu neapărat strict Fs, doar Ai sau doar un alt program.

Și dacă raster-ul este doar o previzualizare a imaginilor în aspect, atunci introducerea lor pentru prezentare este la fel de ușor ca în Fs. Și, pe aspectul pe care îl puteți da deja și fără ele. Ie nu este o problemă de a face interfața, de exemplu, în AI, și grafice bitmap (fundaluri și chestii) pus separat. Nu uitați doar pentru a clarifica aspectul unde și cum ar trebui să fie localizate toate acestea. Sau vice-versa, face layouts în Fsh, și toate elementele (icoane, butoane, etc) separat în SVG pus (și nu trebuie să abur cu o grămadă de dimensiuni).

Trebuia să urcați în spatele obiectelor de briza din candelabru, copiați, lipiți, poziționați etc.
Nu există niciun program care să facă lucrarea pentru designer :) Laziness by Alt + Tab comuta între programe? Ei bine, du-te la copywriters, există un cuvânt suficient ")

Dacă am ales 1: 1, apare întrebarea, atunci cum să taie grafica pentru retină? Dacă mai mult, cât de mult? Deci este suficientă aceeași retină?
În Fsh există active, există, de asemenea, o grămadă de plug-in-uri terță parte - alegeți care este mai convenabil. Instrucțiuni, articole și recenzii, bune, suficiente. În ceea ce privește dimensiunile pentru Retin și altele, există și o mulțime de articole cu instrucțiuni (care nu includ manualele), le puteți găsi cu ușurință.

Dar atunci cum să lucreze cu raster, deoarece adesea nu există fotografii de bună calitate și trebuie să folosim de fundal larg este de 1400 de pixeli pe 1920 de pixeli ecrane late, iar în cazul în care scara a crescut x1.5, de exemplu, atunci acest fundal, în aspect începe să se estompeze, când sunt întinse.
Așa este, trebuie să luăm în considerare cine și cum va arăta acest site și să selectați imaginile în conformitate cu restricțiile. Dacă cunoașteți dimensiunile maxime specifice, atunci trebuie să pregătiți grafică pentru ele. Nu pe Internet - cumpărați pe microstock, atrageți-vă, întrebați un prieten, comandați de la colegi etc. Dacă vă consultați cu un designer web în paralel, atunci veți găsi soluția optimă și veți simplifica ambele.

Dacă niciun program nu este perfect, atunci este logic să faceți o alegere despre utilizarea a mai mult de un program în lucrare;)
Indizayn nu pentru web, cel puțin să-l, uneori, și convenabil pentru a face chiar și un astfel de aspect (de exemplu, pentru a face un schelet, și apoi să continue să lucreze în Photoshop, mai ales în cazul în care structura este baza textului). Orice Muse și alte instrumente semi-automate sau automate pot fi de asemenea folosite - totul depinde de sarcina specifică. Pentru cum ați făcut încă designerul Affinity, dar dacă nu-i place, nu puteți avea dreptate. Așteptați o versiune completă a Adobe XD sub Win.
Vă veți limita la un singur program - veți fi mereu în voie să vă înnebuneți că este inconfortabil undeva.

Despre machete pentru adaptiv, de asemenea, au fost deja discutate aici. Cineva obișnuia să facă o singură cale, cineva vine dintr-o situație. Eu iau al doilea și în practică a fost diferit:
a) se fac machete pentru fiecare rezoluție (lista este discutată cu producătorul de dispozitive client / layout) - mai lungă și mai scumpă, dar unii producători de layout preferă această abordare;
b) este un aspect și un text descrierea de bază a comportamentului unităților și a elementelor grafice pot fi preparate în plus - pentru modele simple, în cazul în care comportamentul logica de interfață poate fi descrisă verbal, și atunci când aveți nevoie pentru a salva un pic;
Uneori puteți bloca pur și simplu diagramele pentru a arăta comportamentul interfeței.
c) se face un aspect și toate - mai des, dacă clientul salvează și / sau nu are încă un aspect specific, iar clientul nu știe dacă sunt necesare modele suplimentare; atunci fie artistul de make-up suferă apoi de adaptare, fie clientul se întoarce pentru machete suplimentare.
Nu pot distinge unele dintre cele mai populare opțiuni. toate sunt aproximativ în proporție egală.

Bugetul este mic - faceți unul, bugetul permite și / sau clientul este bun - faceți-l la maxim, dacă este important pentru dvs. că site-ul pare că ați conceput la rezoluții de ecran diferite.







Trimiteți-le prietenilor: