Share
Vi använder många verktyg och tjänster på Tuts +, samt lär dig hur du använder dem via regelbundet publicerat pedagogiskt material på den här webbplatsen. Här är våra bästa rekommenderade resurser för webbdesigners, som sammanställs av vår redaktionell personal.
Observera att några av länkarna nedan är affiliate länkar. Det innebär att vi tjänar en liten provision om du köper det aktuella verktyget eller tjänsten. Om du gör det tackar vi dig för att du stöttar Tuts+.
Adobe Creative Cloud är ett pågående medlemskap som låter dig ladda ner och installera några av Adobe Creative Suite-applikationerna. Du får också online-tjänster för fildelning, samarbete och publicering. Med tiden lägger kostnaden för medlemskap upp, men det är ett bra sätt att få alla dina nödvändiga verktyg för en låg investeringskostnad. Med den här tjänsten har du alltid den senaste versionen av Adobes toppdesignprogramvara. Läs mer på Adobe.
Med detta Photoshop-plugin kan du skapa exakta kolumner, rader, mittpunkter och baslinjer. Detta är ett utmärkt verktyg för att konfigurera dina designnät i Photoshop. Grids kan använda flera typer av mätningar. Bäst av allt är det gratis. Läs mer på GuideGuide.
CSS Hat kommer att påskynda ditt webbdesign arbetsflöde. Med detta mycket användbara Photoshop-plugin kan du skapa CSS3 baserat på dina Photoshop-lagstilar. Det genererar giltig, snyggkodad CSS direkt från dina PSD-lager i Photoshop. Denna plugin gör det enkelt att översätta din design från Photoshop till din webbläsare snabbt. Läs mer över på CSS Hat.
Kom igång med vår Fireworks Pro-serie. Adobe Fireworks CS6-programvara hjälper dig att skapa vackra mönster för webbplatser och mobilappar på ett snäpp. Producera wireframes, mockup dina mönster, leverera vektor- och bitmappsbilder och interaktivt innehåll för populära tabletter, smartphones och webbplatser. Läs mer på Adobe.
Balsamiq är en wireframing-app som låter dig skapa webb- och skärmlayouter med en handritad känsla. Genom att presentera wireframes i en sketchy stil gör det inte skrämmande kunder. Detta gör det möjligt för dem att fokusera på placering av nyckelelement i designen. Det är snabbt att arbeta med och enkelt att genomföra ändringar i. Läs mer över på Balsamiq.
Coda är en av de främsta kodredigerarna för många professionella webbdesigners. Den har en välbekant Mac-appkänsla för visuella annonsmaterial, samtidigt som det ger robusta kodredigeringsfunktioner. Coda 2 har lagt till spännande nya funktioner, till exempel: kodflik, smart komplett, bättre filhantering och mycket mer. Läs mer över på iTunes.
Transmit 4 är den ultimata FTP, SFTP, WebDAV, Amazon S3 filöverföringsklient på Mac. Det är snabbt, har en praktisk tvåfönstervy, som är lätt att arbeta med, och möjliggör flera anslutningsöverföringar. Läs mer över på iTunes.
Sublime Text är en sofistikerad textredigerare för kod, markup och prosa. Den har ett smidigt användargränssnitt och fantastisk prestanda. Funktionsuppsättningen är robust, med delad redigering, förmågan att gå till någonting och distraktionsfritt läge. Läs mer om med Sublim Text.
TextExpander sparar tid, massiva mängder tid. Med den här hjälpsamma appen kan du spara dina mest använda kodsedlar för att snabbt gå in i ditt senaste klientprojekt. Spara även hela e-postmallar, signaturer eller utdrag av ofta använd text. TextExpander kan släppa någon text du ställer in till något program du arbetar med. Läs mer över på iTunes.
Gradient hjälper till att effektivisera skapandet av CSS3 Gradients. Det tar tråkigt att skapa CSS3-gradienter, vilket gör att de flesta webbdesigners kryper och gör det enkelt. Läs mer över på iTunes.
Med Typekit kan du lägga till en rad kod till dina sidor och välja mellan hundratals webbfonter. Enkelt, bulletproof, standardkompatibelt, tillgängligt och helt lagligt. Med Typekit kan du expandera dina valfria webbdesign valmöjligheter dramatiskt. Läs mer på Typekit.
Med typecast kan du skapa bättre webtypografi med mindre krångel. Snabbtypstyp i webbläsaren och kontrollera efterläsbarhet, rendering och skönhet när du arbetar. Medan du designar intuitivt, gör webbläsaren semantiska saker genom att skapa kod som matchar varje designbeslut. Läs mer på Typecast.
Om du arbetar som frilans grafisk kreativitet, kommer din verksamhet att dra nytta av ConceptShare. Den här molntjänsten hjälper annonsörer att få feedback från kunder om visuella tillgångar. Det förbättrar klientens godkännandeprocess och låter dig leverera polerade resultat i tid och på spec. Läs mer på ConceptShare.
BrowserStack hjälper till att minska utvecklingstiden. Det erbjuder live-testning av andra webbläsare genom din webbläsare. Du får snabb åtkomst till alla webbläsare över plattformar. Glöm klumpig virtuell maskin och mobilinstallation. Läs mer på BrowserStack.
Med FormStack kan du skapa formulär online intuitivt och enkelt. Samla in data genom anmälningsformulär, enkäter, orderformulär, händelsesregistreringar och mer. Med FormStack kan dina samlade data integreras med populära webbapplikationer. Registrera dig nu för att börja bygga dina egna formulär. Läs mer på FormStack.
Med Polldaddy kan du skapa enkäter, enkäter och frågesporter på några minuter. Lär känna dina publiks åsikter. Samla svar via din webbplats, e-post, iPad, Facebook och Twitter. Generera och dela lättlästa rapporter. Läs mer på Polldaddy.
ExpressionEngine är ett elegant innehållshanteringssystem. Det är flexibilitet och säkerhet, i kombination med sitt stöd i världsklass, är ett recept på online-framgång. Den kombinerar kraftfulla CMS-verktyg med kvalitetsstöd. Läs mer på ExpressionEngine.
LightCMS är designvänlig, lätt att använda och arbetar med. Top-tier hosting är inbyggd i LightCMS så det finns inget att installera, uppgradera eller underhålla. De har också e-handelsfunktioner inbyggda. Läs mer på LightCMS.
Squarespace 6 är den senaste uppdateringen av detta innehållshanteringssystem och inkluderande värdlösning. Detta är en optimal lösning för kunder som vill köra sina webbplatser med lite stöd som behövs. De har utmärkta mallalternativ och en layoutmotor som gör att du enkelt kan skapa anpassade siduppställningar. Alla deras teman är mobilvänliga. Läs mer över på Squarespace.
WordPress är webbprogramvara som du kan använda för att skapa bloggar och hela webbplatser. Det är ett gratis och extremt populärt system för innehållshantering. Det finns truckloads av kvalitets WordPress teman att välja mellan, både gratis och Premium-alternativ. Läs mer på WordPress.
Media Temple erbjuder pålitlig, skalbar webbhotell och 24/7 live support. De är kända för att ha en solid teknisk konfiguration och har ett utmärkt rykte. Läs mer på Media Temple.
WpEngine ger problemfri WordPress hosting. Det är snabbt, skalbart, säkert och erbjuder fullt hanterat stöd. Om du skapar en WordPress-webbplats för dina kunder, är WpEngine ett ledande val för hosting. Läs mer på WpEngine.
Placeit är en mockupgenerator; ett onlineverktyg som låter dig bädda in dina egna mönster (om de är UI-mönster, logotyper, andra varumärkesvaror) i presentationsmiljöer. Till exempel kan du ha en appdesign som du vill placera i en iPhone på ett soffbord, eller överla din logotyp på en modellskjorta. Kanske skulle du även vilja se dina mönster inbäddade i lagervideor (seriöst måste du titta på videon). Med nästan 3000 mallar och räkningar har Placeit säkert det du letar efter.
På ThemeForest kan du köpa och sälja HTML-mallar samt teman för populära CMS-produkter som WordPress, Joomla och Drupal med priser från bara $ 5 upp till $ 40. GraphicRiver är en Envato Marketplace och systerwebbplats till Webdesigntuts +. Det är vår största, mest aktiva marknadsplats och en stor gemenskap att engagera sig i. Läs mer på ThemeForest.
På GraphicRiver kan du köpa och sälja royaltyfria, lagrade Photoshop-filer, vektorer, ikonpaket, Adobe-tillägg och designmallar för några få dollar. GraphicRiver är en Envato Marketplace och systerwebbplats till Webdesigntuts +. Webbplatsen är hem till en passionerad grupp av grafiska designers och illustratörer. Läs mer om GraphicRiver.
På PhotoDune kan du köpa och sälja royaltyfria fotografier och bilder från bara $ 1. PhotoDune är en Envato Marketplace och systerwebbplats till Webdesigntuts +. Föremål prissätts på storleken / megapixlarna i varje fil. Om du behöver kvalitet, prisvärda lagerfoton för ditt nästa webbdesignprojekt, då är det här en bra resurs för att komma till. Läs mer om PhotoDune.
MyFonts är världens största typsnittskollektion tillgänglig på en lättanvänd webbplats. De drar samman teckensnitt från både stora teckensnittsföretag och boutique-outfits. Kvalitetskrifter läggs till dagligen. Om du letar efter ett nytt teckensnitt för ditt nästa klientprojekt är det här webbplatsen för att hitta den. Läs mer på MyFonts.
Fonts.com-butiken från Monotype Imaging erbjuder mer än 150 000 typsnitt för att förhandsgranska, köpa och ladda ner. Monotype har funnits i åldrar och är en ledande teckentillverkare. Du kan också lära dig om nya typsnitt och upptäcka typografiska tips och tekniker på deras webbplats. Läs mer på Fonts.com.
Dessa franska orange bärbara datorer har en kultföljd, ja kreativiteten blir kär i sina verktyg. Dessa ekonomiska pads är en av våra favoriter. Vi älskar att springa våra fingrar över sina rutor, slät papper och unikt skårade omslag. Rhodia har bäras av konstnärer sedan 1930-talet, så att använda dessa känns som att du bandar in i ett rikt kreativt arv. Läs mer om dessa bärbara datorer över på Amazon.
Vi skulle inte gå så långt som att säga att du behöver en elegant ryggsäck eller ett fall, men vem vill inte ha en. Incase gör några av våra favoriter. De gör trendväskor och fodral som är perfekta för att kartlägga din MacBook-bärbara dator, lagra ditt kreativa redskap, iPad eller iPhone. Läs mer om på Amazon.
Adobe Ideas är din mobil digitala skissbok, som låter dig fånga och utforska idéer vart du än går. Med denna mobilapp kan du enkelt skissera med vektorer, återanvända specifika färger med hjälp av verktyget Eyedropper, spara och använda flera färgteman. Justera lagerets opacitet, flytta, rotera och skala varje lager oberoende. Läs mer om den här mobilappen i iTunes.
Procreate är en bra skissbok och ritningsapp för din iPad. Det är snabbt att arbeta med så att du snabbt kan få dina idéer. Det har ett brett utbud av borstar att välja mellan, studio-verktyg, och känns intuitivt att dra med. Läs mer om den här appen i iTunes.
Autodesk SketchBook Pro för iPad är en professionell färg- och ritningsapplikation. SketchBook Pro använder en komplett uppsättning skiss- och målningsverktyg med samma färgmotor som skrivbordsmodell. Den här populära sketching-appen har många fans. Det är ett utmärkt val för att dra på din iPad. Läs mer om den här appen i iTunes.
Om du äger en iPad och är en grafisk designer, kommer du att älska denna vackra referensapp. FontBook är världens mest omfattande referens om digital typografi. Det dokumenterar arbetet med 118 kända internationella typgods, som representerar nära 1650 typdesigners, som utgör 35 000 teckensnitt från 8050 teckensnittfamiljer. FontBook-appen presenterar detta urval genom 700.000 typsnittsprover som kan intuitivt sprida ut, söka, lagras, flyttas, rullas och kombineras som en samling kartor - verkligen fantastisk. Läs mer om den här appen i iTunes.
Omforma dina bilder med kärnan Adobe Photoshop-funktioner i den här appen avsedd för tabletter. Du kan kombinera bilder, tillämpa professionella effekter och dela resultat från din iPads bekvämlighet. Använd populära Photoshop-funktioner som är utformade för tabletten, till exempel lager, urvalsverktyg, justeringar och filter för att skapa professionella bilder. Läs mer om den här appen i iTunes.
iA Writer är en avtagbar skrivapp som håller ditt fokus enbart på dina tankar. Det är utvecklat av typografi hjälte Oliver Reichenstein. Den här appen har sålt drygt 400 000 exemplar och har hjälpt studenter, journalister och bästsäljare att hitta mer glädje i att arbeta med text. Det är fantastiskt. Läs mer om den här appen i iTunes.
Diet Coda är en skraj iPad-version av populära kodredigerare. Det finns några begränsningar med appen, men det fungerar bra för att implementera snabb kodändringar på dina webbplatser medan du är på språng. Det finns några finesser inbyggda som AirPreview som låter dig använda iPad för att förhandsgranska ditt Coda-arbete från din bärbara dator. Läs mer om den här appen i iTunes.
Wireframing kungen på iPad. Använda enkla multitouchgester, teckna former, dra i objekt och stil allt tills det bara är rätt. Den här appen är laddad med funktionalitet för att planera presentationen av information tydligt och vackert. Läs mer om den här appen i iTunes.
Gusto är en kodredaktör och FTP-klient för iPad. Gusto låter dig öppna flera dokument i flikar för snabbare navigering. Efter redigering, förhandsgranska ditt dokument lokalt för att snabbt se dina uppdateringar och sedan publicera dem live. Läs mer om den här appen i iTunes.
Textastic har en snabb, mångsidig kodredaktör som stöder syntaxbelysning av över 80 programmerings- och markup-språk. Den kan anslutas via FTP, FTPS (FTP över SSL), SFTP (SSH-anslutning), WebDAV och Dropbox-klienter. Det erbjuder kodfyllning, hitta och ersätt, liksom många fler funktioner. Läs mer om den här appen i iTunes.
Koder är en kodredaktör för iPad med ett enkelt, effektivt gränssnitt. Den sportar många funktioner, inklusive syntaxmarkering, kodhantering, redigering av flikar, hitta och ersätt kod, redigerings tema, fjärr- och lokala filer och mycket mer. Läs mer om den här appen i iTunes.
Adobe Proto är en iPad-app för att utforma interaktiva trådramar, prototyper för webbplatser och mobilappar. Sätt in interaktiva trådframkomponenter från komponentverktygslådan, inklusive menyer, flikar, dragspel och mycket mer. Den här appen låter dig snabbt fånga din designidé och testa grundläggande användarvänlighet. Läs mer om den här appen i iTunes.
Anteckna! är en enkel whiteboard-app som låter dig rita dina idéer, ta snabba anteckningar och skapa grova wireframe-planer på din iPad. Du kan samarbeta i realtid, dela idéer via e-post eller spara dem som foton för framtida referens. Läs mer om den här appen i iTunes.
Näst sista ger känslan och utseendet på att skriva på papper med en djärv gel penna som du fångar din nästa visuella idé. Det är snabbt, taktilt och erbjuder ett oändligt antal sidor. Du kan lagra sidor i anteckningsböcker, dela dem som exporterade PDF-filer och tillbaka via Dropbox eller Evernote. Läs mer om den här appen i iTunes.
SketchyPad är en wireframing-app som hjälper dig med sketching av webbplatser och appgränssnitt. Det levereras med handskenor för att snabbt bygga dina wireframe och gränssnittsfunktioner. Du kan länka mellan dina mockups och exportera till Balsamiq-format. Läs mer om den här appen i iTunes.
Mocking Pad är en funktionen packad wireframe sketching app för iPad. Den är gjord för samarbete, så att filer kan delas via e-post, Dropbox eller delas via en WiFi-anslutning. Den innehåller ett stort urval av förbyggda stenciler för webb, skrivbord och mobil. Läs mer om den här appen i iTunes.
Live Wires är ett enkelt, snabbt sätt att wireframe och prototypa dina iPhone och iPad app koncept. Skapa användbara upplevelser för dina användare. Få en verklig känsla för om ditt koncept fungerar innan utvecklingen börjar. Skapa interaktiva gränssnitt för både iPad och iPhone, använd ett enormt glyph bibliotek, utnyttja rullningsbara kontroller och mer. Läs mer om den här appen i iTunes.
Accentsconagua