7 fantastiska verktyg för en webbdesigner

webbdesign

Webbdesign kan vara en lång, mödosam och komplex process. Det är därför det är så viktigt har verktyg och alternativ som gör att du kan effektivisera dina uppgifter och köp lite tid. Vi lever i en tid då det finns många webbverktyg och ytterligare applikationer som täcker alla slags behov, så vi måste dra nytta av det.

Då skulle jag vilja dela med dig sju exempel på det, och naturligtvis uppmanar jag dig att dela med oss ​​i kommentarsektionen alla andra verktyg som du personligen tycker är användbara för att hantera webbprojekt.

design-din-kurs-med-adobe-kuler

Adobe kuler

Kombinationen av färger kan vara lite komplicerad vid vissa tillfällen, antingen för att vi har flera motstridiga idéer eller för att vi inte kan hitta några som väl återspeglar anspråken på vårt projekt. I dessa fall är Adobe Kuler ett bra alternativ. Detta kostnadsfria program från Adobe är utformat för att göra det lättare att skapa färgpaletter och hitta de mest lämpliga kombinationerna. Hur får jag den här applikationen? För att göra detta måste du bara vara registrerad som användare på Adobesidan och när du har ditt användarnamn och lösenord kommer du att ha snabb tillgång till det. Jag vet inte om du kommer ihåg att vår kollega Antonio för en tid sedan utvecklade en video om detta verktyg. Du kan få tillgång till vår video härifrån.

funktioner-video-fallback

typcast

Vi har vid många tillfällen pratat om vikten av typografi i vilket projekt som helst och det är att beslutet om vilken som kan vara den mest lämpliga också kan bli ett dilemma. Därför kan denna applikation vara ett viktigt verktyg många gånger för att skapa mönster. Typecast ger dig tillgång till mer än fem tusen teckensnitt från Typekit, Google Web Fonts och Fonts.com Fontdeck, allt från en enda kontrollpanel. På detta sätt kommer du att kunna välja den typsnitt som bäst passar stilen eller tonen i ditt arbete på ett oerhört enkelt och snabbt sätt. Dessutom låter denna applikation dig skapa kolumner för att organisera informationen och innehållet samt ändra eller modifiera det valda teckensnittet. Du behöver bara välja din typsnittsleverantör från menyn i sidoområdet och välja någon av dem för att få en återspegling av resultaten direkt på samma webbsida. Dessutom låter det oss komma åt sin CSS-kod för att kunna infoga dessa teckensnitt direkt på dina webbsidor med den totala säkerheten att dina användare kommer att ladda teckensnittet och se samma resultat som du.

Guideguide 1

Guideguide

Det är en förlängning för Adobe Photoshop-applikationen som gör att du kan förbereda ditt eget dokument för att börja designa dina webbsidor och bäst av allt kommer det att ske på några minuter. För många webbdesigners har detta verktyg blivit viktigt, särskilt på grund av den precision som guiderna erbjuder för att uppnå perfekt design. Du behöver bara installera den (dess vikt är väldigt låg eftersom den är en förlängning) för att njuta av den.

hånflöde

mockflow

Om du behöver utveckla dina egna trådramar kommer den här applikationen att vara mycket användbar eftersom den låter dig designa din egen prototyp på bara några minuter online och för en mängd olika plattformar: Från iPhone, WordPress, Android, Joomla, Facebook. .. Resultatet blir prototyper av hög kvalitet som är lätta att använda i dina projekt. Dessutom är dess funktion extremt enkel, intuitiv och funktionell eftersom arbetssättet är baserat på ett dra-och-släpp-system genom de komponenter eller element som själva applikationen ger dig. Naturligtvis bör du komma ihåg att den gratis versionen endast tillåter dig ett enda projekt med en maximal längd på fyra sidor, även om du kan ladda ner dina projekt i olika format och radera dem när du slutar använda dem.

full206

Invision

När den släpptes väckte stora förväntningar och det är inte konstigt. Invision är ett verktyg som fokuserar på framställning av prototyper men med en viktig skillnad: Denna applikation förvandlar dina verk till interaktiva, dynamiska prototyper med övergångar och webbanimationer, så dina egna mockups får stor realism. Det låter dig också dela ditt projekt med alla användare du vill ha (inklusive naturligtvis din klient) så det är snabbt, säkert och praktiskt när du gör projektpresentationer och interagerar med utformningen av en webbsida innan du börjar med utvecklingen av det.

Screen Shot-2013-02-12-at-9.54.05-PM

lagervalv

Visst mer än en gång har vi haft svårigheter att hantera de senaste versionerna av filerna i ett projekt. Speciellt när samma fil redigeras av flera personer samtidigt. Layervault är en webbapplikation som gör att du kan styra och hantera alla aspekter av ditt projekt (kommunikation med kollegor, filhantering etc.) från samma gränssnitt. Du kan lägga till det i aktivitetsfältet, vilket gör att du automatiskt kan spara alla ändringar, filer, mappar etc. genom synkronisering. i LayerVault-katalogen. Så dina projektkollegor kommer att få uppdateringar för att få information om vilka aspekter av arbetet som uppdateras eller ändras, och vi kommer också att få dessa meddelanden på våra andra enheter om vi också synkroniserar dem.

hjälte-fönster

kodpaket

Vi har pratat om det ibland, men om du fortfarande inte vet det kommer jag att säga att det är ett mycket användbart verktyg när det gäller att bygga webbsidor på ett organiserat och rent sätt. Det gör att du kan importera dina ramar och sammanställa Sass och Less samt optimera dina filer genom att göra snabba och automatiska sökningar i projektet du arbetar med och i dina ramar.


Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.