Legjobb webes tervezési eszközök

Bradley Nice, a ClickHelp.com tartalomkezelője - szoftverdokumentációs eszköz

Ön webdesigner? Akkor ellenőrizze ezeket a fantasztikus webdizájn eszközöket, hogy fellendítse a tervezői karriert.

Függetlenül attól, hogy egy cégnél vagy szabadúszóként dolgozik, ez a webes tervezési eszközök listája csaló lap lesz az egész utazás során.

Ebben a listában megosztom néhány fantasztikus eszközt, amelyek segítenek a logó megtervezésében, a színjavításban, a tipográfia, a grafikai munkák stb.

Logó tervezés

  • Logotype Maker (ingyenes) - Vállalati logók véletlenszerű generálása;
  • Makr Logo (Free) - egyszerű logó készítő, lapos ikonokkal;
  • DesignMantic (ingyenes) - Írja be a cég nevét, válassza ki az iparágat, és ez létrehoz egy logót az Ön számára;
  • SquareSpace (Fizetett) - Hűvös logókat hozhat létre húzással;
  • Logo Genie (fizetett) - A Logo Genie a logótervezést egyszerűvé és szórakoztatóvá teszi;
  • Logo Garden (Fizetett) - Logók automatikus generálása;
  • Logoshi (fizetett) - Rajzoljon rendetlen vázlatot, és kap egy hűvös modern logót;
  • Logaster (fizetett) - Készítsen tisztességes logót bármilyen tervezési készség nélkül;
  • Logo Maker (Fizetett) - Több száz potenciális logó generálása és online módosítása;
  • Grafikus rugók (fizetett) - Válasszon logósablont, módosítsa, majd töltse le;

Tipográfia

  • Google Betűtípusok (Ingyenes) - Kiváló minőségű betűtípusok keresése és használata projektekhez;
  • Fontstruct (ingyenes) - Online betűkészítő eszköz, betűtípusok megoszthatók és letölthetők;
  • Type light (Free) - Teljesen működőképes, Open Type betűkészlet-szerkesztő;
  • Betűtípus Ninja (ingyenes) - azonosítsa azt a hűvös betűtípust a böngészett oldalon;
  • 1001 betűkészlet (ingyenes) - Hatalmas betűtípus-könyvtár;
  • Font Squirrel (Free) - A legjobb betűtípusok adatbázisa;
  • Typecast (ingyenes) - Vizuális és szemantikai minták létrehozása, amelyek elsőbbséget adnak a típusnak;
  • Betűtípus láng (ingyenes) - Festék betűkészlet-párosításhoz. Utáld vagy használd;
  • Mi a betűkészlet (ingyenes) - Töltse fel a képet, és könnyen megtalálja a betűtípust;
  • Adobe Typekit (Fizetett) - Hozzáférés egy hatalmas csomag prémium betűkészlethez;

Grafikai szerkesztők

  • Gimp (ingyenes) - nyílt forráskódú szerkesztő a képek szerkesztéséhez és retusálásához;
  • Blender (ingyenes) - Nyílt forráskódú 3D létrehozás;
  • DAZ 3D (ingyenes) - valósághű emberek és állatok létrehozása 3D-ben;
  • BeFunky (ingyenes) - Hatalmas betűtípus-könyvtár;
  • Pixlr (ingyenes) - Online képszerkesztő;
  • Aviary (ingyenes) - Fotószerkesztő mobilalkalmazás Android / iOS és az Internet számára;
  • Photoshop (Fizetett) - az ipar egyik legjobb eszköze. Kiválóan alkalmas fényképek, tervek és 3D-s grafika továbbfejlesztésére;
  • Illustrator (fizetett) - gyönyörű vektor művészetek felépítéséhez;
  • Affinity (fizetett) - képszerkesztő eszköz. Csak Mac esetén;
  • DrawPlus (Fizetett) - Készítsen lenyűgöző logókat, rajzokat és mintákat elfogadható áron;

Színek

  • Színkeresés (ingyenes) - gyönyörű színek kurátus gyűjteménye;
  • TinEye (ingyenes) - meghatározza a színeit és keresse meg a képeket a tökéletes színkombinációval;
  • ColorZilla (ingyenes) - Tökéletes kiterjesztés a színek weboldalról történő szedésére;
  • Unclrd (ingyenes) - egy böngésző kiterjesztés, amely minden weboldalt fekete-fehérré változtat;
  • Paletton (ingyenes) - eszköz színkombinációk létrehozására;
  • Adobe Colour CC (ingyenes) - különféle színsémák létrehozása és mentése;
  • Coolors (ingyenes) - Színgenerátor az Ön terveihez;
  • Colicious (Free) - Csak nyomja meg a szóköz gombot, és új színt generál;
  • Hex színes eszköz (ingyenes) - színválasztó eszköz;
  • Pictaculous (Free) - Színpaletta generálható PNG, JPG és GIF formátumból;
  • ColorDrop (Free) - Színmegfelelő eszköz, amely lehetővé teszi a kedvenc színkombinációk mentését;
  • ColorFavs (ingyenes) - nagyszerű eszköz, ahol könnyen létrehozhat színpalettát a kép húzásával és leejtésével, URL beillesztésével vagy véletlenszerű értékek kiválasztásával;

Prototípus

  • HTML5 UP (ingyenes) - reagáló és testreszabható HTML5 sablonok;
  • Szalvéta (ingyenes) - App gyors mockek tervezésére iPhone-on;
  • Hegesztés (ingyenes) - Rajzolja webhelyét online, csak a kívánt módon;
  • Vázlat (fizetett) - A tökéletes eszköz az UI és az UX tervezéséhez. De csak a Mac-kel kompatibilis;
  • Proto.io (fizetett) - mobilalkalmazás prototípuskészítő eszköz, amely lehetővé teszi teljesen interaktív mobilalkalmazás prototípusok létrehozását;
  • Moqups (Fizetett) - HTML5 alapú webalkalmazás drótvázak, felhasználói felület tervek, prototípusok és maketek készítéséhez;
  • Flinto (Fizetett) - Vázlatos interaktív prototípusok statikus képekből;
  • Balsamiq (fizetett) - huzalkeretes és makett eszköz, nagy hangsúlyt fektetve a használhatóságra;
  • Axure (fizetett) - A prototípusok gyors megtervezése a számítógépről, és megosztásuk;
  • POP (fizetett) - segít a toll és papír ötletek áthelyezésében egy valódi működő prototípusba;

Stock fotók

  • Pexels (ingyenes) - Egy hatalmas adatbázis stock-fotókból, amelyeket bárhol felhasználhat;
  • Új régi készlet (ingyenes) - Vintage fotók a nyilvános archívumokból;
  • Superfamous (Free) - A természet hatalmas gyűjteménye és szélesebb látószögű felvételek;
  • Mintakönyvtár (ingyenes) - Hatalmas számú mintázat és textúra;
  • Unsplash (ingyenes) - 10 új fénykép 10 naponta;
  • FoodiesFeed (ingyenes) - Ingyenes ételfotók;
  • Stock fotó halál (ingyenes) - Ingyenes stock fotók az e-mailbe minden hónapban;
  • Ingyenes Refe Photos (Ingyenes) - Hatalmas képek listája. Leginkább táj- és természetfotók;
  • Kis látványtervek (ingyenes) - nagy felbontású tájképi és épületképek;
  • Gratisography (Free) - Ingyenes képek hatalmas adatbázisa;
  • Pikográfia (ingyenes) - A Creative Commons Public Domain CC0 licenc alapján kiadott képek lenyűgöző választéka;
  • Pixabay (ingyenes) - Forrás a kiváló minőségű ingyenes képek számára;

Stock grafika

  • GraphickStock (ingyenes) - Korlátlan számú kiváló minőségű, jogdíjmentes fénykép, vektor és illusztráció;
  • Brusheezy (ingyenes) - Ingyenes Photoshop kefék, minták, textúrák és még sok más;
  • Iconfinder (ingyenes) - Ingyenes keresőmotor;
  • Brushez (ingyenes) - Ingyenes Photoshop kefék hatalmas gyűjteménye;
  • Vecteezy (ingyenes) - Hatalmas különféle vektor eszközök, beleértve az ikonokat és az illusztrációkat;
  • Betűkészlet-kötegek (fizetett) - Prémium betűtípusok és betűkészlet-csomagok otthona;
  • Az ispot (fizetett) - Prémium illusztrációk a legmagasabb szintű művészektől;
  • Kerek ikonok (fizetett) - a világ legnagyobb ikoncsomagja;
  • Webalys (fizetett) - prémium ikonok Vincent le Moign;
  • Illustrio (Fizetett) - Képek széles könyvtára;

infographics

  • Vizualize.me (Free) - hozza létre infographic vagy önéletrajzát;
  • Canva (ingyenes) - Egy egyszerű tervező eszköz bármi elkészítéséhez;
  • Infogr.am (ingyenes) - Online eszköz infographics és interaktív diagramokhoz;
  • Venngage (ingyenes) - Könnyű infographic készítő;
  • Draw.io (Free) - Online eszköz folyamatábrák, folyamatdiagramok és hálózati diagramok készítéséhez;
  • Piktochart (ingyenes) - Természetes infographic tervezés kiváló minőségű grafika készítéséhez;
  • Visme (ingyenes) - Online prezentációs és infographics eszköz 1000-es sablonokkal és grafikákkal;
  • Easel.ly (Free) - Folytatás és infographic sablonok;
  • Gliffy (Free) - Online ábrázoló eszköz;
  • Visage (ingyenes) - Egyszerű tervező eszköz vizuális tartalom létrehozásához;

Együttműködés

  • Lingo (ingyenes) - A Lingo segítségével vizuális eszközök könyvtárait építhet és oszthat meg;
  • Ugrál (ingyenes) - Egyszerű módja annak, hogy bármilyen weboldalon megoszthassa ötleteit;
  • Jelölt (ingyenes) - Jelölés és a képek online megbeszélése. Nagyon hasznos a Photoshop számára;
  • Zeplin (ingyenes) - Együttműködési alkalmazás frontend fejlesztőknek és felhasználói felület-tervezőknek;
  • Cage (ingyenes) - szép műszerfal, hogy együttműködhessen a csapattal és az ügyfelekkel;
  • GoVisually (Fizetett) - Az egyik legfontosabb eszköz az ügyfelek visszajelzéseinek összegyűjtésére a projektekhez;
  • TrackDuck (fizetett) - lehetővé teszi a visszacsatolást közvetlenül egy weboldalon vagy képfájlban;
  • Piros toll (fizetett) - húzza le és dobja el a mintát, és kap visszajelzést barátaidtól;
  • Usersnap (Fizetett) - lehetővé teszi képernyőképeket készíteni a weblapokról és megjegyzéseket fűzni hozzájuk;
  • InVision (Fizetett) - Prototípuskészítés, együttműködés és munkafolyamat-platform;

Ihlet

  • Dribbble - A tervezők legnagyobb közössége és munkájuk helye;
  • Behance - Fedezze fel a kreatív szakemberek legújabb online portfólióját;
  • Muzli - Napi inspiráció;
  • Díjak - A fejlesztők, tervezők és internetes ügynökségek legnagyobb erőfeszítései a világon;
  • Design You Trust - Design blog és hatalmas közösség, amely megosztja a legújabb trendeket, híreket, portfóliókat, divattervezőt és kreatív hirdetéseket;
  • Nagyon jó e-mailek - hatalmas, jól megtervezett e-mailek gyűjteménye
  • Fubiz - az egyik legnépszerűbb kreatív kiadvány, amely a legújabb kreatív híreket tartalmazza;
  • Designspiráció - Pinterest stílusú fórum, amely magas szintű tervezési ihletet ad;
  • Mobil minták - iOS és Android képernyőképeket tartalmazó könyvtár az inspiráció érdekében;
  • One Page Love - A galéria bemutatja a legjobb egyoldalas weboldal-terveket.

Ennyi - ha ismer valamilyen más webes tervezési eszközt, az alábbiakban kommentáljuk, ezeket hozzáadjuk a listához.

Érdekelhet még:

  • Hogyan lehet szenvedélyes és motivált webes tervezőként
  • A legnépszerűbb blogok a webdizájnról és a webfejlesztésről

Legyen szép napod!

Bradley Nice,
Tartalomkezelő a ClickHelp.com webhelyen - a legjobb online dokumentációs eszköz a SaaS gyártók számára