Innhold
Designere var aldri ment å kode. Det er ikke det jeg registrerte meg for. Det er ikke det du registrerte deg for. Så hvorfor har vi rasende prøvd å lære oss selv HTML og CSS og JavaScript?
Nettdesignverktøy har ikke utviklet seg i takt med at nettdesigntrender har skiftet. Bruker vi seriøst fortsatt timer på å lære å håndkode nye designtrender som vil dø ut før vi mestrer dem?
I denne artikkelen vil vi utforske noen av de beste neste generasjons webdesignverktøyene og markere de fremtredende funksjonene i hver av dem. La oss komme i gang.
01. Ara
Macaw har eksistert i noen år, og det blir stadig mer populært som neste generasjons designverktøy nå. Dens tagline "Slutt å skrive kode, begynn å tegne den" sier alt. Macaws grensesnitt og funksjonalitet ligner på andre bildeditorer du har brukt til i dag med en stor forskjell - den skriver vakker HTML og CSS for deg i backend.
Det er som å ha din egen personlige programmerer (en som ikke tar en kaffepause hver halvtime).
Bak kulissene har Macaw to fantastiske motorer som gjør alt arbeidet. (Tenk: Wizard of Oz.)
- Stream, en sanntids layoutmotor lar deg manipulere elementer som du ville gjort i en hvilken som helst gammel bildeditor, og tar seg av beregningene. Krigen mellom designere og planløsninger er over.
- Alchemy, design-to-code-motoren, tar den derfra og konverterer designene til HTML og CSS-kode som er skreddersydd for å være responsiv.
Funksjoner som responsive, fleksible rutenett og sofistikerte typografikontroller gjør Macaw til et virkelig neste generasjons designverktøy. Og så har den visuell tilgang til nye CSS-funksjoner som vi alle er kjent med. Du kan angi brytepunkter for bruk på flere enheter og leke med posisjoneringskontrollene som gir bemerkelsesverdige resultater.
Macaw er ikke bare et webdesignverktøy; det er en kompis for nettutviklere som ikke vil dømme deg for ikke å vite det grunnleggende om nettprogrammering. Gjør det du elsker. Design. Og overlat alt kodingsnullet til dette neste generasjons webdesign-miraklet.
02. Skisse 3
Skisse 3 overgår verktøyene du er vant til som Illustrator og Photoshop. Det er tydelig at verktøyet var ment for webdesign, men dets grensesnitt og grundighet gjør det til et levedyktig alternativ for alle slags design.
Sketch 3 er utviklet eksklusivt for Mac som benytter seg av Quartz, Retina, Auto Save og Versions.
Neste generasjons webdesignverktøy utmerker seg ved å hjelpe designere med å lage organiserte, logiske prosjekter med tegnebrett, sider, grupper, lag og symboler. For å gjøre det enda bedre for dine spesifikke designbehov, kan du integrere Sketch 3-installasjonen din med en rekke plugins.
Verktøyets enestående vektor boolske operasjon gjør det enkelt for webdesignere å lage komplekse former og utnytte de omfattende lagstilene det har å tilby. Skisse 3 gir en fullstendig vektorbasert arbeidsflyt fra start til slutt fullastet med gjenbrukbare elementer og naturlig gjengivelse av tekst.
Med Sketch 3 kan du importere SVG-filer og utvide og redigere lagene. Maskering, perfekt avstand mellom piksler og eksport av design har aldri vært enklere. Skisse 3 er intuitiv og intelligent.
Sketch 3 har blitt brukt til å lage flere fremtredende designprosjekter, for eksempel Googles Pixate og Fleet Feet. Designverktøyet har også fått anerkjennelse som det beste verktøyet for wireframing og grensesnittdesign - i tilfelle du trenger en annen grunn til å prøve det.
03. Adobe Muse
I fjor publiserte vi en lignende artikkel og snakket litt om Adobe Muse. Det var ikke mye å si da da det ikke hadde noen konkurranse. Muse er ikke lenger den eneste 800 pund gorillaen i rommet. Adobes siste Project Comet følger snart i sine fotspor.
Adobe Muse synger også den samme filmen vi har hørt alt for mye, "Lag nydelige, tilpassede nettsteder uten å skrive kode".
Selv om det er en stor uttalelse å gjøre, har vi sett at utviklere har holdt seg opptatt det siste året med å integrere den en gang ny-kid-on-the-block med redigeringsoppdatering i nettleseren, Creative Cloud-tillegg, SVG-import og tekst synkronisering på tvers av stasjonær og mobil.
Adobe Muse gjør det mulig for designere å få tilgang til tusenvis av skrifttyper fra Adobe Typekit, bilder av høy kvalitet fra Adobe Stock og bygge nettsteder med ubegrenset funksjonalitet. Det tar seg av den tunge løftingen av å konvertere design til kode under panseret, samtidig som den gir en plattform du er kjent med, og funksjoner og snarveier du har blitt glad i.
Siste tanker
Nettdesign er et stadig trendende felt, og etter to lange tiår med venting har vi endelig verktøyene vi håpet på for å få liv i designene våre på flere enheter. Den neste generasjonen av webdesignverktøy er allsidig og gjør det mulig for nettdesignere å få frem det genistrek vi har undertrykt altfor lenge.
Tiden er inne for å la Photoshop, Illustrator (og hva du ellers har brukt) være igjen og stupe inn i neste generasjon.
Bruker du allerede et neste generasjons designverktøy? Hvilke funksjoner er viktigst for deg? Gi oss beskjed i kommentarfeltet nedenfor.
Ord: Rafay Saeed Ansari
Rafay Saeed Ansari er datavitenskapsmann og profesjonell forfatter med bakgrunn i webutvikling.
Likte dette? Prøv disse ...
- De beste wireframing verktøyene
- Lag wireframes som fungerer for deg
- 100 fantastiske Adobe Illustrator-opplæringsprogrammer
