Sérhver vefur hönnuður krefst rétt verkfæri til að gera starf sitt. Til að búa til vel iðnar upprunalega hönnun þarftu vissulega að vera innblásin til að gera það.

Að komast að því marki er stundum erfiðasta áskorunin á sviði vefhönnunar. Til allrar hamingju fyrir okkur og samstarfsverkefnið okkar eru verkfæri til að aðstoða við að klára starfið hraðar og skilvirkari.

Hér að neðan hefur ég lýst yfir lista yfir verkfæri sem ég mæli með fyrir hvaða vefhönnuður. Vertu viss um að bókamerki þessar síður þannig að þú getir nýtt þá til kosturs þíns eins og ég hef!

Litur

Adobe Kuler (ókeypis)

Frábær tól í boði hjá Adobe sem gerir meðlimum kleift að hlaða upp, búa til og breyta litakerfum eftir eigin vali.

Pictaculous (ókeypis)

Frá höfundum Mailchimp kemur litavalatafla frábrugðin öðrum. Einfaldlega senda mynd og litir innan myndarinnar eru sýndar til að búa til sérsniðna litasamsetningu.

Colorzilla (ókeypis)

ColorZilla fyrir Google Chrome er viðbót sem hjálpar vefhönnuðum og grafískum hönnuðum með litatengdum verkefnum - bæði grunn og háþróað. ColourZilla inniheldur Liturstökkari, Eye Droper, Gradient Generator og margar fleiri háþróaðar litatól.

Dribbble.com (ókeypis)

Margir hönnuðir snúa sér að dribbble.com fyrir mikla innblástur. Þú getur leitað að almennum skilmálum en jafnvel betra sem þú getur leitað eftir lit. Farðu á dribbble.com og smelltu á skoða tengilinn í efstu flakki og veldu síðan liti til að kanna innblástur fyrir hönnun þína eftir lit.

Hues ($ 2,99)

Hef áhuga á innfæddum forritum fremur en vefforritum? Hues frá risastórum halastjarna er litaskýringartól fyrir þig. Á aðeins $ 2,99 frá forritaversluninni getur þú sýnt liti á hvaða verkefni þú ert að vinna að.

Ritgerð

Google Webfonts (ókeypis)

Google hefur fjölmargir vefur letur fyrir hvaða vefhönnuður að nota mikið af. Þau eru ókeypis og ótrúlega auðvelt að innleiða í verkefnin.

Letur íkorna (ókeypis)

Font íkorna er besti auðlindurinn fyrir frjáls, hönd-valinn, hágæða, leturgerðir í viðskiptalegum tilgangi. Jafnvel ef það þýðir að þeir senda þér annars staðar til að fá þá.

Lost Type (frá $ 1)

The Lost Type Co-Op er Pay-What-You-Want Tegund steypa, fyrsta sinnar tegundar. Með mikið úrval af leturum getur hver vefur hönnuður ýtt hönnun sinni á næsta stig.

Typecast (frá $ 29 á mánuði)

Typecast er mjög dýrmætt tól sem leyfir þér að fljótt stilla, athuga læsileika og flutningur eins og þú vinnur. Í stað þess að hlaða niður vefur letur og stöðugt breyta því hvernig þeir lesa inni í Photoshop skjalinu mun þessi nýja tækni hjálpa vinnuflæði hvers hönnuðar.

Wireframing

Balsamiq (frá $ 79)

Balasmiq er hraðvirkt tól sem notað er til að framleiða mockups af reynslu notenda. Hannað UI hönnun nær yfir þá staðreynd að það er tæki til að hvetja og hugsa um það þegar kemur að því að hanna með notendum í huga. Valkostir til að hanna fyrir vef, farsíma og töflur eru öll til staðar og auðvelt að framkvæma.

moqups (ókeypis)

moqups er HTML5 app notað til að búa til vírframleiðslur, mockups eða UI hugtök. Stíllinn og lögunin sem eru í boði eru mjög svipuð balsamiq. Það snýst allt um það tól sem þú ert öruggari að nota.

Mockflow (frá ókeypis)

Mockflow er á netinu vír ramma tól eins og parið sem ég nefndi hér að ofan. Eiginleikinn sem ég finn er snyrtilegur er samstarfsverkfærin. Þú getur gert athugasemdir til að leyfa öðrum notendum að sjá breytingar þínar eða áhyggjur sem og að spjalla við hvert annað í lifandi tíma varðandi mikilvægar ákvarðanir eða virkni.

Google teikning (ókeypis)

Gagnlegt tól sem margir vefhönnuðir standast eru Google Teikning. Þó að það hafi engin forstillingar eins og þær sem eru á balsalmiq eða moqups, þá er það algjörlega ókeypis þjónusta sem þú getur geymt á netinu google drifinu þínu. Þú þarft einfaldlega tölvupóstfang til að byrja.

Photoshop / Indesign / Flugeldar (frá $ 49,99 á mánuði)

Auðveldasta lausnin að mínu mati er að búa til vírframleiðslu frá grunni. Að fara í þessa leið er aðeins takmörkuð af sköpunargáfu þinni og ímyndunarafl í stað þess að forstilltu UI lausnir eins og margir vírframleiðsluverkfæri bjóða. Það getur tekið lengri tíma en endaniðurstöðurnar eru persónulegri og sérsniðnar til að passa við hverja notendaferð, hvort sem það er vefsíða, app, farsímavefur eða taflaforrit.

Layout og Boilerplates

960 Rist (ókeypis)

960 ristið er mælikvarði á vefnum. Sérhver góður vefur hönnuður ætti þegar að skilja mikilvægið með því að nota undirstöðuatriði fyrir uppsetningu þeirra þar sem það heldur vefhönnuninni miklu meira nothæft fyrir notandann. Meðfylgjandi Photoshop aðgerðir í niðurhalinu hafa vistað mig margar klukkustundir af því að fá röðun málefni í skefjum.

1140 CSS rist ($ 5 framlag)

Ef þú hefur áhuga á breiðari breiddarbreiddi þá mæli ég með 1140 CSS ristina sem frábært upphafspunkt. Fullkomið rist passar fullkomlega við 1280 skjá og betra enn fyrir smærri skjái eða tæki sem ristin verður vökvi og aðlagast hvaða breidd vafrans sem er.

Stígvél (ókeypis)

Ef þú ert að leita að undirbúnu notendaviðmóti út úr reitnum, þá mun ræsistöðin verða besti vinur þinn. Það eru fjölmargir aðgerðir bundnar við ramma sem er algjörlega aðlagandi og kynþokkafullt að leita að ræsa.

LessFramework 4 (ókeypis)

Minni er rammi tileinkað því að gera vefsíður raunverulega aðlagandi. Það er gert til að passa næstum öll tæki á markaðnum. Það inniheldur 4 útlit og 3 sett af forstillingar fyrir leturgerð, allt byggt á einum rist.

Beinagrindur (ókeypis)

Beinagrind er einfaldlega frábært upphafspunktur fyrir hvaða vefsíðu sem er. Einföld, létt þyngd uppbygging þess hentar þeim sem eru að leita að byrjun án þess að læra hvernig rammaverkið virkilega virkar.

Foundation by Zurb (ókeypis)

Stofnunin lét bara út Foundation 4 sem samkvæmt þeim er háþróaður móttækilegur framhliðarmörk í heiminum. Með mörgum nýjum bættum eiginleikum og ógnvekjandi sniðmát til að byrja með get ég sagt að ég sé sannur aðdáandi. Prófaðu það í dag.

Endurstilla CSS (ókeypis)

Eflaust er þetta heimsvísu viðurkenna vafra CSS endurstilling algerlega nauðsynlegt fyrir hvaða vefhönnuður að bjóða upp á hönnun sína á hvaða vettvang eða vafra sem er.

Innihald Stjórnun

WordPress (ókeypis)

WordPress tekur köku þegar kemur að Content Management Systems. Upphaflega vinsælustu bloggfærslustöðin hefur breyst í það og meira í CMS heiminum.

Joomla (ókeypis)

Joomla er annað vinsælt CMS notað af milljónum um allan heim. Mjög eins og WordPress er sjálfgefið útlit sett upp með CMS notendavænt og farsíma tilbúið.

Expression Engine (frá $ 299)

Hannað af EllisLab, Expression Engine er CMS byggt með hjálp frá opinn uppspretta PHP ramma sem heitir Codeigniter. Mörg stærri fyrirtæki eins og Apple, Ford, Nike og Sony velja Expression Engine til að passa eigin kröfur. Tjáningartæki vegna þess er ekki ókeypis CMS en það er örugglega þess virði að lesa og / eða hlaða niður afriti til að kynnast fyrir framtíðarstarfi sem þú getur lent í.

Drupal (ókeypis)

Drupal er opinn uppspretta efnisstjórnunarkerfi til að knýja milljónir vefsvæða og forrita. Það er byggt, notað og stutt af virku og fjölbreyttu samfélagi fólks um allan heim. Drupal er hægt að nota fyrir allt frá bloggi til víðtækra vefforrita.

Geislavirkt CMS (ókeypis)

Radiant er ekki fluff, opinn efni innihald stjórnun kerfi hannað með litlum liðum í huga. Slagorð þeirra segir það allt: efnisstjórnun einfölduð.

Gagnlegar forrit, aðgerðir og úrræði

GuideGuide (ókeypis)

GuideGuide er ógnvekjandi Photoshop eftirnafn sem gerir þér kleift að búa til fullkomna net á flugu. Með því að nota GuideGuide geturðu búið til nákvæmari dálka, raðir, miðpunktar og grunnlínur með einum smelli.

IOS Photoshop aðgerðir og vinnustraumar (ókeypis)

Einn af uppáhalds auðlindunum mínum er á vefsíðu sem kallast bjango.com. Sérstakur grein inniheldur nákvæma lista yfir aðgerðir og vinnuflæði sem Bjango hefur búið til. Aðgerðir til að búa til nýjar sniðmát fyrir iPhone eða iPad eru gerðar með einföldum smelli eða ef þú ert að hanna forritaáskrift fyrir iPhone app er frábær aðgerð sem breytir appnum að hverjum pixlabreidd og nauðsynlegum hæð. Þessi fundur var jafngildir að finna gull fyrir mig.

Af fólki (ókeypis)

Með því að fólk er frábær og einföld vefsíðaþáttur sem er pakkað með auðlindir sem eru ókeypis og auðvelt að nota.

Temboo (frá ókeypis)

Temboo leyfir verktaki að einblína á það sem gerir hugbúnað sinn einstök. Temboo eðlilegt aðgengi aðgangs að API, gagnagrunna og fleira til að spara þér tíma og gefa þér skapandi pláss sem þú þarft.

LittleIpsum (ókeypis)

Sækja þetta! Ef þú ert vefhönnuður á lagsi notarðu þetta á hverjum degi. Ég lofa!!

awesome-fontstacks.com (ókeypis)

Ógnvekjandi leturgerðir eru frábær tól til að hjálpa þér að blanda saman og passa leturgerðir á vefnum. Þegar þú ert ánægður með fontstack þína, þá færðu þig velkomin með tilbúnum CSS kóða.

Kóði Ritstjórar

Coda 2 (frá $ 99)

Allt frá því að coda var kynnt mér hefur ég verið aðdáandi. Ég jafngildir venjulega öðrum ritstjórum kóða til coda og fyrir mig vinnur Coda alltaf í baráttunni. Þetta kann að vera öðruvísi fyrir þig en ég mæli með að gefa coda a reyna ef þú hefur ekki ennþá. Coda2 er pakkað með eiginleikum og auðvelt að nota notendaviðmót sem gerir kóðun fyrir vefinn gola.

SublimeText 2 ($ 70)

SublimeText 2 er rétt þarna uppi með Coda fyrir mig. Það eru tonn af eiginleikum og sléttur notendaviðmót af forritinu sjálfum gerir þér kleift að einbeita sér að erfðaskránni frekar en að hringja í forritið til að fá það í nothæft ástand fyrir eigin verkefni.

TextMate (frá $ 59)

TextMate leiðir nálgun Apple við stýrikerfi í heim ritstjóra ritstjóra. Það er einfalt og auðvelt að nota og tekur upp minni skjá fasteigna en margar aðrar kóða ritstjórar.

Aptana Studio (ókeypis)

Aptana Studio er leiðandi vefur umsókn iðnaður IDE. Í boði fyrir bæði Mac og tölvu notar þetta hugbúnað ótrúlega möguleika til að kóðna nánast hvaða forrit sem þú getur hugsað um.

BBEdit ($ 49,99)

BBEdit er faglegur HTML og textaritill fyrir Mac.

FTP Viðskiptavinir

CyberDuck ($ 23.99)

Mikill uppáhalds FTP viðskiptavinur minn er CyberDuck. Það eru endalausir leiðir til að tengjast netþjónum, staðbundnum netþjónum, aðgangsbúnaði í gegnum ssh og fleira. Frábær tól fyrir bæði Mac og tölvu umhverfi.

FileZilla (ókeypis)

FileZilla er ókeypis FTP lausn. Það er líka opinn hugbúnaður.

Senda (34 $)

Frá framleiðendum Coda kemur Sending. Mjög hratt og skilvirk lausn fyrir FTP.

FireFTP (ókeypis)

Fire FTP er viðskiptavinur í boði fyrir Firefox notendur. Forritið er byggt inn í mozilla vafrann og býður upp á fljótlegan og auðveldan leið til að flytja skrárnar þínar.

Hefur þú prófað þessar auðlindir? Höfum við misst af einhverjum af eftirlætunum þínum? Láttu okkur vita í athugasemdunum.