Adobe XD - 30 de sfaturi; Trucuri pe care ți-ai dori să le știi mai devreme! de Greg Rog Medium
Greg Rog
19 iul 2017 · 8 min citit
Adobe Experience Design este o aplicație excelentă pentru UI/UX Designers - printre toate celelalte caracteristici, vă oferă posibilitatea atât de a proiecta, cât și de a prototipa interacțiunile și tranzițiile între planșe de lucru. Iată o listă cu sfaturile și trucurile mele preferate personale care vă vor permite să profitați de potențialul XD.
Iată un videoclip de 40 de minute pe care l-am realizat și mai jos veți găsi o recapitulare:
Puteți crea machete simple și filme cu aplicația mobilă Adobe Comp pentru iOS și Android. Avantajele sunt prototiparea rapidă și intuitivă folosind degetul sau stiloul, cu o mulțime de gesturi predefinite. De asemenea, este ușor să creați un wireframe la o întâlnire cu clientul dvs. Chiar dacă Adobe Comp nu acceptă Adobe XD Export, puteți exporta în Illustrator și apoi copiați> lipiți în Adobe XD pentru forme vectoriale editabile.
Dacă doriți să transferați bitmap-uri între Photoshop și Adobe XD, pur și simplu faceți o selecție în Photoshop și Cmd + Shift + c (Copiați copiile combinate ale tot ceea ce este vizibil sub selecție), apoi Cmd + v în Adobe XD. Cu toate acestea, puteți exporta și straturi vectoriale din Photoshop făcând clic dreapta pe un strat și selectând „Copiere SVG” și lipind în XD.
În Adobe XD, puteți activa Grid pentru un plan de lucru utilizând comanda rapidă Cmd +. În mod implicit, grila este setată la 8 px, deci împingerea cu Shift + săgețile stânga/dreapta nu se potrivește în grilă. Faceți clic pe numele planșelor de lucru pentru ao selecta și schimbați valoarea implicită de 8 px la grila de 10 pixeli pentru a se potrivi cu ghidajul. Faceți acest lucru implicit pentru alte proiecte.
Nu există astfel de ghiduri ca în Photoshop în Adobe XD (până acum), dar ghidajele inteligente apar în timp ce trag și permit o poziționare mai bună a elementelor. Cu toate acestea, uneori, acest comportament implicit ar putea genera instantanee nedorite. Pur și simplu apăsați Cmd în timp ce trageți pentru a dezactiva temporar ghidajele inteligente.
Cel mai bine este să creați un plan de lucru separat pentru un ghid de stil, unde veți pune toate elementele de identitate, precum și culorile mărcii, tipografia, stilurile și comenzile comune, cum ar fi butoanele, intrările și pictogramele comune.
Pentru un ritm de tip vertical puteți folosi gridlover.net. Reutilizarea stilurilor de text în Adobe XD funcționează după cum urmează: selectați zona de text pe care doriți să o utilizați ca referință pentru stilurile din zona de text următoare, apoi creați una nouă și stilurile vor moșteni.
Puteți mări și micșora dimensiunea fontului trăgând micul oval din conturul inferior al textului. Câmpul de text trebuie să fie de tipul punctului, ceea ce înseamnă că trebuie creat cu un singur clic de mouse, fără a glisa câmpul de text.
Fiecare câmp de text poate conține substiluri cu proprietăți de text diferite, cum ar fi culoarea și greutatea.
Copiați orice text și lipiți-l direct în Adobe XD, iar câmpul de text va fi creat automat.