Share
Vi bruker mange verktøy og tjenester på Tuts +, samt lære hvordan de skal brukes gjennom regelmessig publisert pedagogisk materiale på dette nettstedet. Her er våre topp anbefalte ressurser for webdesignere, som er satt sammen av redaksjonen.
Vær oppmerksom på at noen av koblingene nedenfor er tilknyttede lenker. Dette betyr at vi vil tjene en liten provisjon hvis du kjøper det aktuelle verktøyet eller tjenesten. Hvis du gjør det, takker vi deg for at du har støttet Tuts+.
Adobe Creative Cloud er et pågående medlemskap som lar deg laste ned og installere noen av Adobe Creative Suite-applikasjonene. Du får også online-tjenester for fildeling, samarbeid og publisering. Over tid øker kostnaden ved medlemskap, men det er en fin måte å få alle dine nødvendige verktøy for en lav investeringskostnad. Med denne tjenesten har du alltid den nyeste versjonen av Adobes toppdesignprogramvare. Lær mer på Adobe.
Med dette Photoshop-pluginet kan du opprette nøyaktige kolonner, rader, midtpunkter og basislinjer. Dette er et flott verktøy for å sette opp designnettene i Photoshop. Gitter kan bruke flere typer målinger. Best av alt er det gratis. Lær mer på GuideGuide.
CSS Hat vil akselerere webdesign arbeidsflyten din. Med dette svært nyttige Photoshop-pluginet kan du generere CSS3 basert på Photoshop-lagestiler. Den genererer gyldig, pent kodet CSS direkte fra PSD-lagene dine i Photoshop. Denne plugin gjør det enkelt å oversette design fra Photoshop til nettleseren din raskt. Lær mer på CSS Hat.
Kom i gang med vår Fireworks Pro Series. Adobe Fireworks CS6-programvare hjelper deg med å lage flotte design for nettsteder og mobilapper i et øyeblikk. Produser wireframes, mockup designene dine, leverer vektorer og bitmapbilder, og interaktivt innhold for populære tabletter, smarttelefoner og nettsteder. Lær mer på Adobe.
Balsamiq er en wireframing-app som lar deg lage web- og skjermoppsett med en håndtegnet følelse. Ved å presentere wireframes i en sketchy stil gjør det ikke skremmende kunder. Dette gjør at de kan fokusere på plassering av nøkkelelementer i designet. Det er raskt å jobbe med og enkelt å implementere endringer i. Lær mer over på Balsamiq.
Coda er en av favorittkodeditorene til mange profesjonelle webdesignere. Den har en kjent Mac-app-følelse for visuelle reklamer, samtidig som det gir robuste kodedigeringsfunksjoner. Coda 2 har lagt til spennende nye funksjoner, for eksempel: Kodefolding, smart komplett, bedre filbehandling og mer. Lær mer over på iTunes.
Transmit 4 er den ultimate FTP, SFTP, WebDAV, Amazon S3 filoverføringsklient på Mac. Det er raskt, har en praktisk to-panelvisning, som er lett å jobbe med, og gir mulighet for flere tilkoblingsoverføringer. Lær mer over på iTunes.
Sublime Text er en sofistikert tekstredigerer for kode, markup og prosa. Den kan skryte av et slank brukergrensesnitt og fantastisk ytelse. Det er funksjonssettet er robust, med delt redigering, muligheten til å gå til noe, og distraksjon fri modus. Lær mer over på Sublime Text.
TextExpander vil spare deg tid, massive mengder tid. Med denne nyttige appen kan du lagre de mest brukte kodene dine for å raskt slippe inn i ditt nyeste klientprosjekt. Lagre også hele e-postmaler, signaturer eller utdrag av ofte brukt tekst. TextExpander kan slippe hvilken som helst tekst du setter opp i et hvilket som helst program du jobber med. Lær mer over på iTunes.
Gradient bidrar til å strømlinjeforme opprettelsen av CSS3 Gradients. Det tar den kjedelige prosessen med å skape CSS3-gradienter, noe som gjør at de fleste webdesignere kryper, og gjør det enkelt. Lær mer over på iTunes.
Med Typekit kan du legge til en linje med koden på sidene dine og velge mellom hundrevis av webfonter. Enkelt, kollisikkert, kompatibelt, tilgjengelig og helt lovlig. Med Typekit kan du utvide valgene til webdesign skriftlig dramatisk. Lær mer på Typekit.
Med typecast kan du opprette bedre webtypografi med mindre stress. Raskt stil type i nettleseren og sjekk om lesbarhet, rendering og skjønnhet som du jobber. Mens du designer intuitivt, gjør nettleseren ting semantisk, ved å lage kode som samsvarer med hver designbeslutning. Lær mer over på Typecast.
Hvis du jobber som freelance grafisk reklame, vil bedriften din ha nytte av ConceptShare. Denne skyttjenesten hjelper annonsene med å få tilbakemeldinger fra kunder om visuelle ressurser. Det forbedrer klientens godkjenningsprosess og lar deg levere polerte resultater til tider og på spesifikasjoner. Lær mer på ConceptShare.
BrowserStack bidrar til å redusere utviklingstiden. Den tilbyr live testing av andre nettlesere gjennom nettleseren din. Du får øyeblikkelig tilgang til alle nettlesere på tvers av plattformer. Glem klumpete virtuell maskin og mobiloppsett. Lær mer på BrowserStack.
Med FormStack kan du lage skjemaer online intuitivt og enkelt. Samle inn data via registreringsskjemaer, spørreundersøkelser, bestillingsskjemaer, hendelsesregistreringer og mer. Med FormStack kan de samlede dataene integreres med populære webapplikasjoner. Registrer deg nå for å begynne å bygge dine egne skjemaer. Lær mer på FormStack.
Med Polldaddy kan du lage undersøkelser, avstemninger og spørrekonkurranser om noen minutter. Bli kjent med publikums meninger. Samle svar via ditt nettsted, e-post, iPad, Facebook og Twitter. Generer og del enkle å lese rapporter. Lær mer på Polldaddy.
ExpressionEngine er et elegant innholds styringssystem. Det er fleksibilitet og sikkerhet, kombinert med støtten i verdensklasse, er en oppskrift på online suksess. Den kombinerer kraftige CMS-verktøy med kvalitetsstøtte. Lær mer på ExpressionEngine.
LightCMS er design vennlig, enkel å bruke, og jobber med. Top-tier hosting er bygd inn i LightCMS, så det er ingenting å installere, oppgradere eller vedlikeholde. De har også e-handelsfunksjoner innebygd. Lær mer på LightCMS.
Squarespace 6 er den siste oppdateringen av dette innholdshåndteringssystemet og inkluderende hosting-løsning. Dette er en optimal løsning for kunder som ønsker å kjøre sine nettsteder med liten støtte som trengs. De har gode malalternativer og en oppsettmotor som lar deg lage tilpassede sideoppsett med enkelhet. Alle deres temaer er mobilvennlige. Lær mer på Squarespace.
WordPress er webprogramvare du kan bruke til å lage blogger og fulle nettsteder. Det er en gratis og ekstremt populær løsning for innholdshåndtering. Det er truckloads av kvalitets WordPress-temaer å velge mellom, både gratis og Premium-alternativer. Lær mer på WordPress.
Media Temple gir pålitelig, skalerbar web hosting og 24/7 live support. De er kjent for å ha et solid teknisk oppsett og har et utmerket rykte. Lær mer på Media Temple.
WpEngine gir problemfri WordPress hosting. Den er rask, skalerbar, sikker og tilbyr fullt administrert støtte. Hvis du setter opp et WordPress-nettsted for dine kunder, så er WpEngine et bransjeledende valg for hosting. Lær mer på WpEngine.
Placeit er en mockup generator; et nettbasert verktøy som lar deg legge inn dine egne design (være UI-design, logoer, andre merkevarer) i presentasjonsmiljøer. For eksempel kan du ha et appdesign som du vil plassere i en iPhone på et salongbord, eller overlegge logoen din på en modellskjorte. Kanskje du vil gjerne se designene dine innebygd i lagervideoer (seriøst må du se på videoene). Med nesten 3000 maler og telling, er Placeit sikkert å ha det du leter etter.
På ThemeForest kan du kjøpe og selge HTML-maler, samt temaer for populære CMS-produkter som WordPress, Joomla og Drupal med priser fra bare $ 5 til $ 40. GraphicRiver er en Envato Marketplace og søster nettsted til Webdesigntuts +. Det er vår største, mest aktive markedsplass og et godt samfunn for å bli involvert i. Lær mer på ThemeForest.
På GraphicRiver kan du kjøpe og selge royaltyfrie, lagrede Photoshop-filer, vektorer, ikonpakker, Adobe-tillegg og designmaler for bare noen få dollar. GraphicRiver er en Envato Marketplace og søster nettsted til Webdesigntuts +. Nettstedet er hjemsted for et lidenskapelig samfunn av grafiske designere og illustratører. Lær mer om GraphicRiver.
På PhotoDune kan du kjøpe og selge royaltyfrie fotografier og bilder fra bare $ 1. PhotoDune er en Envato Marketplace og søsterside til Webdesigntuts +. Elementene er priset på størrelsen / megapiksler av hver fil. Hvis du trenger kvalitet, rimelige lagerfotografier for ditt neste webdesignprosjekt, så er dette en flott ressurs å tappe inn på. Lær mer om PhotoDune.
MyFonts er verdens største skriftsamling tilgjengelig på et brukervennlig nettsted. De trekker sammen fonter fra både store font-selskaper og boutique-antrekk. Kvalitetskrifter legges til daglig. Hvis du leter etter en ny skrift for ditt neste klientprosjekt, er dette nettstedet for å finne det på. Lær mer på MyFonts.
Fonts.com-butikken fra Monotype Imaging tilbyr mer enn 150.000 skriftprodukter for å forhåndsvise, kjøpe og laste ned. Monotype har eksistert i årevis og er en ledende skriftprodusent. Du kan også lære om nye skrifttypeutgivelser og oppdage typografiske tips og teknikker på deres nettsted. Lær mer på Fonts.com.
Disse franske oransje notatbøker har en kult etter, ja reklamene blir forelsket i deres verktøy. Disse økonomiske pads er en av våre favoritter. Vi elsker å stikke fingrene over deres rister, glatt papir og unikt scoret dekker. Rhodia har blitt båret av kunstnere siden 1930-tallet, slik at det å føle seg som om du tapes inn i en rik, kreativ arv. Lær mer om disse bærbare datamaskinene på Amazon.
Vi ville ikke gå så langt som å si at du trenger en stilig ryggsekk eller et tilfelle, men hvem vil ikke ha en. Incase gjør noen av våre favoritter. De lager trendboksvesker og -vesker som er perfekte for å handle MacBook-bærbar PC, lagre kreative utstyr, iPad eller iPhone. Lær mer på Amazon.
Adobe Ideas er din digitale digitale skissebok, som lar deg fange opp og utforske ideer hvor som helst du går. Denne mobilappen lar deg enkelt skissere ved hjelp av vektorer, gjenbruk spesifikke farger med Eyedropper-verktøyet, lagre og bruk flere fargemaler. Juster lagets opasitet, flytt, roter og skala hvert lag uavhengig. Lær mer om denne mobilappen på iTunes.
Procreate er en flott skissebok og tegneapp for iPad. Det er raskt å jobbe med, så du kan få ideene dine raskt ned. Den har et bredt utvalg av børster å velge mellom, studio-grade verktøy, og føles intuitivt å tegne med. Lær mer om denne appen på iTunes.
Autodesk SketchBook Pro for iPad er en profesjonell lakk og tegning applikasjon. SketchBook Pro bruker et komplett sett med skisse- og malerverktøy, med samme lakkmotor som skrivebordsmodell. Denne populære sketching-appen har mange fans. Det er et godt valg for å tegne på iPad. Lær mer om denne appen på iTunes.
Hvis du eier en iPad og er en grafisk designer, vil du elske denne vakre referanseprogrammet. FontBook er verdens mest omfattende referanse på digital typografi. Den dokumenterer arbeidet med 118 kjente internasjonale støperier, som representerer nær 1650 type designere, som utgjør 35.000 fonter fra 8050 fontfamilier. FontBook-appen presenterer dette valget gjennom 700 000 skriftprøver som kan bli intuitivt spredt ut, søkt, lagret, flyttet, rullet og kombinert som en samling kart - virkelig fantastisk. Lær mer om denne appen på iTunes.
Transform bildene dine med kjernen Adobe Photoshop-funksjoner i denne appen, designet for tabletter. Du kan kombinere bilder, bruke profesjonelle effekter, og dele resultater fra din iPads bekvemmelighet. Bruk populære Photoshop-funksjoner designet for nettbrettet, for eksempel lag, utvalgsverktøy, justeringer og filtre for å lage profesjonelle bilder. Lær mer om denne appen på iTunes.
iA Writer er en fjernet skrive app som holder fokus bare på dine tanker. Den er utviklet av typografihelten Oliver Reichenstein. Denne appen har solgt godt over 400 000 eksemplarer og har hjulpet studenter, journalister og bestselgende forfattere til å finne mer glede i å jobbe med tekst. Det er freakin fantastisk. Lær mer om denne appen på iTunes.
Diet Coda er en funky iPad-versjon av populære kodeditor. Det er noen begrensninger med appen, men det fungerer bra for å implementere hurtige live code endringer på nettstedene dine mens du er på farten. Det er noen fine funksjoner som er bygget inn som AirPreview, som lar deg bruke iPad til å forhåndsvise Coda-arbeidet fra den bærbare datamaskinen. Lær mer om denne appen på iTunes.
Den wireframing konge på iPad. Bruk enkle multitouch-bevegelser, tegne figurer, dra i objekter og stil alt til det er akkurat. Denne appen er lastet med funksjonalitet for å planlegge presentasjonen av informasjon tydelig og vakkert. Lær mer om denne appen på iTunes.
Gusto er en kodeditor og FTP-klient for iPad. Gusto lar deg åpne flere dokumenter i faner for raskere navigering. Etter redigering, forhåndsvis dokumentet ditt lokalt for raskt å se oppdateringene dine og publiser dem deretter live. Lær mer om denne appen på iTunes.
Textastic har en rask, allsidig kodeditor som støtter syntaxutheving av over 80 programmerings- og opprettingsspråk. Den kan koble til via FTP, FTPS (FTP over SSL), SFTP (SSH-tilkobling), WebDAV og Dropbox-klienter. Den tilbyr kodefylling, finne og erstatt, samt mange flere funksjoner. Lær mer om denne appen på iTunes.
Koder er en kodeditor for iPad med et enkelt, effektivt grensesnitt. Den sport mange funksjoner, inkludert syntaksutheving, kodestyring, redigering av faner, finne og erstatt kode, redigerings tema, eksterne og lokale filer tilkoblinger, og mange flere. Lær mer om denne appen på iTunes.
Adobe Proto er en iPad-app for utforming av interaktive wireframes, prototyper for nettsteder og mobilapper. Sett inn interaktive wireframe komponenter fra komponent verktøykasse, inkludert menyer, faner, trekkspill, og mer. Denne appen lar deg raskt fange opp designideen din og teste ut grunnleggende brukervennlighet. Lær mer om denne appen på iTunes.
Døyt! er en enkel, whiteboard-app som lar deg tegne dine ideer, ta raske notater og lage raske wireframe-planer på iPad. Du kan samarbeide i sanntid, dele ideer via e-post, eller lagre dem som bilder for fremtidig referanse. Lær mer om denne appen på iTunes.
Den nest siste gir følelsen og utseendet på å skrive på papir med en dristig gelpenn som du fanger din neste visuelle ide. Det er raskt, taktilt, og tilbyr et uendelig antall sider. Du kan lagre sider i notatbøker, dele dem som eksporterte PDF-filer, og tilbake gjennom Dropbox eller Evernote. Lær mer om denne appen på iTunes.
SketchyPad er en wireframing app som vil hjelpe deg med nettsted sketching og app grensesnitt making. Det leveres med å levere stenciler for raskt å bygge din wireframe og grensesnitt funksjoner. Du kan koble mellom dine mockups og eksportere til Balsamiq-format. Lær mer om denne appen på iTunes.
Mocking Pad er en funksjonspakket wireframe sketching app for iPad. Den er laget for samarbeid, slik at filer kan deles via e-post, Dropbox eller deles via en WiFi-tilkobling. Den inneholder et stort utvalg av prebuilt sjabloner til web, skrivebord og mobil. Lær mer om denne appen på iTunes.
Live Wires er en enkel, rask måte å wireframe og prototype din iPhone og iPad app konsepter. Lag brukbare opplevelser for brukerne dine. Få en virkelig følelse av om konseptet ditt virker før utviklingen begynner. Opprett interaktive grensesnitt for både iPad og iPhone, bruk et stort glyph-bibliotek, bruk rullegardinvisningskontroller og mer. Lær mer om denne appen på iTunes.
Accentsconagua