7 nye browserbaserede værktøjer til designere

Uanset om du arbejder som illustrator eller grafisk designer, webudvikler eller 3D-modeller, frigives der nye designværktøjer hele tiden, mange af dem gratis.

Men hvis din telefon, tablet og stationære computer bliver for rodet med nye apps, skal du huske på, at i stigende grad mange af de mest kraftfulde nye værktøjer faktisk er browserbaserede.



I dette indlæg afrunder vi nogle af de bedste, vi hidtil er stødt på i 2016. Men hvis det er lykkedes os at gå glip af din favorit, så fortæl os det i kommentarerne nedenfor!



01. Tyngdekraft

Med Gravit kan du oprette vektorillustrationer i din browser

Med Gravit kan du oprette vektorillustrationer i din browser

Siden bortgangen af ​​Adobe Fireworks har værktøjer til oprettelse af vektorillustration og UI-design ganget sig, med Sketch and Affinity Designer blandt dem, der kæmper for designers opmærksomhed. Med begge disse apps er det i øjeblikket kun Mac, men feltet forbliver vidt åbent. Og nu er der en ny app, Gravit, der tilbyder denne form for funktionalitet lige i webbrowseren.



Adobe Illustrator vs Photoshop til tegning

Gravit har et overraskende komplet funktionssæt, herunder auto-figurer, live filtre og sti redigeringstilstande, og bedst af alt er det gratis. Hvad mere er, at arbejde i browseren betyder, at dine designprojekter altid forbliver synkroniserede - selvom bagsiden af ​​dette er, at det ikke er meget nyttigt for dig, når der ikke er nogen Wi-Fi eller 3G tilgængelig.

02. SVG-kasser

Boxy SVG sigter mod at give et alternativ til Illustrator og Sketch

Boxy SVG sigter mod at give et alternativ til Illustrator og Sketch

Boxy SVG er en anden gratis vektorgrafikeditor, der sigter mod at give et alternativ til Illustrator og Sketch. Lavet til Chrome-browsere giver det dig mulighed for at åbne og gemme SVG- og SVGZ-filer og importere og eksportere JPEG- og PNG-filer.



Boxy SVG leveres med mere end 100 kommandoer med konfigurerbare tastaturgenveje, giver dig mulighed for at importere bitmaps og Google Fonts, og det gør grupper, transformerer og stier. Og ligesom Gravit er det helt gratis.

03. Figma

Figma ønsker at blive en

Figma ønsker at blive en 'Github for designere'

Figma sigter mod at blive intet mindre end et browserbaseret alternativ til Adobes desktop-software. (Bemærk: på trods af navnet er Adobes Creative Cloud-software ikke fuldt baseret i skyen; du skal stadig downloade den til din maskine). Figma er fast fokuseret på teambaseret samarbejde, og skaberne håber, at det bliver en 'Github for designere', der gør det muligt for samfundet at dele designaktiver på samme måde som open source-måde udviklere deler deres kode på.

Det er dog meget tidlige dage for Figma, som endnu ikke er frigivet fuldt ud. Du kan dog tilmelde dig for at reservere din plads i Preview-udgivelsen (i det væsentlige en browserbaseret version af Photoshop), mens det fulde funktionssæt forventes senere på året.

04. Unik gradientgenerator

Unik gradientgenerator giver dig mulighed for at oprette slørede baggrunde til dit websted

Unik gradientgenerator giver dig mulighed for at oprette slørede baggrunde til dit websted

Dette browserbaserede værktøj hjælper dig med at gøre noget meget specifikt: generere smukke slørede baggrundsbilleder, som du kan bruge i ethvert projekt. Det er grundlæggende et lagerbillede, udtrækker et meget lille område af det, skalerer det op til 100% og bruger derefter en billedudjævningsalgoritme til at skabe en kølig sløret baggrund.

For at bruge dette som et integreret billede i et hvilket som helst HTML-elements baggrund skal du blot klikke på Generer CSS-knappen, så er du klar til at gå. Bemærk, at de anvendte billeder er alle stock-billeder, så der er ingen bekymringer om ophavsret.

05. Model

Modelo giver dig mulighed for at dele 3D-udskrivningsdesign via din browser

Modelo giver dig mulighed for at dele 3D-udskrivningsdesign via din browser

Det er overraskende svært at dele dine designs til 3D-udskrivning, når klienten ikke har den rigtige 3D-software i slutningen eller bare ikke ved, hvordan den skal bruges. Modelo er et browserbaseret samarbejdsværktøj, der løser dette problem.

hvordan man deler et billede i Photoshop

Ved at udnytte kraften i JavaScript API WebGL giver Modelo dig mulighed for at se, gennemgå og manipulere din 3D-model i deres browser uden behov for yderligere software. Appen bruger også en tilpasset gengivelsesmotor og smarte komprimeringsalgoritmer til dramatisk at reducere filstørrelsen på modellerne, så du venter ikke hele dagen på, at de skal uploades. Du kan tilmelde dig den gratis beta på Modelo-webstedet.

06. Browser kalorier

Browser kalorier måler vægten af ​​din side og sammenligner den med dit præstationsbudget

Browser kalorier måler vægten af ​​din side og sammenligner den med dit præstationsbudget

Lige nu er et af de største problemer inden for webdesign sidevægt, hvilket har en enorm effekt på konvertering, fastholdelse, SEO og selvfølgelig, hvor frustreret dine brugere bliver, når de har langsomme forbindelser. Her er nu en hurtig og nem måde at holde øje med dit websteds sidevægt.

Installer denne browserudvidelse, og du vil se et doughnut-ikon ud for din adresselinje. Hver gang du rammer det, beregner det et 'præstationsbudget' baseret på den fane, der i øjeblikket er åben i din browser. Du kan også konfigurere sammenligninger baseret på konkurrenter eller hvilket nummer du kommer med. Browser Calories er tilgængelig som en browserudvidelse til Chrome, Firefox og Opera.

07. Vektar

Vectary tilbyder en nem rute til at blive en 3D-designer

Vectary tilbyder en nem rute til at blive en 3D-designer

Vil du komme ind i 3D? Vectary er et browserbaseret værktøj, der har til formål at gøre det let for både begyndere og erfarne producenter at skabe 3D-design. Du kan oprette dine designs inden for brugeren af ​​webbrowseren ved hjælp af en række skydere og standardmodelleringsværktøjer, og de gemmes automatisk i skyen, hvilket giver nem deling og adgang. Vectary har endnu ikke haft en fuld frigivelse, men du kan tilmelde dig på hjemmesiden for at få adgang til den lukkede beta.