7 nagyszerű eszköz egy webdesignernek

web design

A webdesign hosszú, fáradságos és összetett folyamat lehet. Ezért olyan fontos olyan eszközökkel és opciókkal rendelkezik, amelyek lehetővé teszik a feladatok egyszerűsítését és vesz egy kis időt. Olyan időszakban élünk, amikor rengeteg webes eszköz és kiegészítő alkalmazás van, amelyek mindenféle igényt kielégítenek, ezért ki kell használnunk azokat.

Akkor szeretnék megosztani veletek hét példa rá, és természetesen meghívom Önt, hogy ossza meg velünk a megjegyzés rovatban minden egyéb eszközt, amelyet Ön személy szerint hasznosnak talál a webes projektek kezelésében.

tervezd meg a tanfolyamodat a vályog-kulerrel

Adobe kuler

A színek kombinációja bizonyos időkben némileg bonyolult lehet, vagy azért, mert több ellentmondásos elképzelésünk van, vagy azért, mert nem találunk olyanokat, amelyek jól tükrözik projektünk állításait. Ezekben az esetekben az Adobe Kuler nagyszerű alternatíva. Az Adobe ezen ingyenes programját úgy tervezték, hogy megkönnyítse a színpaletták létrehozását és a legmegfelelőbb kombinációk megtalálását. Hogyan szerezhetem be ezt az alkalmazást? Ehhez csak felhasználóként kell regisztrálnia magát az Adobe oldalon, és ha megvan a felhasználóneve és jelszava, akkor gyorsan hozzáférhet hozzá. Nem tudom, emlékszel-e rá, hogy Antonio kollégánk egy ideje készített egy videót erről az eszközről. Hozzáférhet videónkhoz innen.

features-video-backback

Betűöntő

Sokszor beszéltünk a tipográfia fontosságáról bármely projektben, és ez is dilemmává válhat annak eldöntése, melyik lehet a legmegfelelőbb. Ezért ez az alkalmazás sokszor elengedhetetlen eszköz lehet a tervek készítéséhez. A Typecast lehetővé teszi, hogy több mint ötezer betűtípushoz férhessen hozzá a Typekit, a Google Web Fonts és a Fonts.com Fontdeck közül, mindezt egyetlen vezérlőpultról. Így rendkívül egyszerűen és gyorsan kiválaszthatja a munkája stílusához vagy hangvételéhez legjobban illő betűtípust. Ezenkívül ez az alkalmazás lehetővé teszi oszlopok létrehozását az információk és tartalom rendezéséhez, valamint a kiválasztott betűtípus módosításához vagy módosításához. Csak ki kell választania a betűtípus-szolgáltatót az oldalsó menüben, és bármelyiket ki kell választania, hogy az eredmények tükröződjenek közvetlenül ugyanazon a weboldalon. Ezenkívül lehetővé teszi számunkra, hogy hozzáférjünk a CSS-kódjához, hogy ezeket a betűtípusokat közvetlenül be tudjuk illeszteni a weboldalaira, teljes bizonyossággal abban, hogy a felhasználók betöltsék a betűtípust, és ugyanazt az eredményt láthatják, mint Ön.

Útmutató1

Guide Guide

Ez az Adobe Photoshop alkalmazás kiterjesztése, amely lehetővé teszi, hogy saját dokumentumot készítsen a weboldalak tervezésének megkezdéséhez, és ami a legjobb, percek alatt. Számos webdizájner számára ez az eszköz elengedhetetlenné vált, különösen az útmutatók által a tökéletes kialakítás elérése érdekében kínált pontosság miatt. Csak élvezethez kell telepítenie (súlya nagyon alacsony, mivel hosszabbítás).

modelláramlás

Mintafolyás

Ha saját drótvázakra van szüksége, akkor ez az alkalmazás nagyon hasznos lesz, mivel lehetővé teszi, hogy saját prototípusát néhány perc alatt megtervezhesse online és sokféle platformon: iPhone-tól, WordPress-től, Android-tól, Joomla-tól, Facebook-ig. .. Ennek eredményeként kiváló minőségű prototípusok lesznek, amelyeket könnyen lehet használni a projektjeiben. Ezenkívül működése rendkívül egyszerű, intuitív és funkcionális, mivel a munka módja a drag and drop rendszeren alapszik azokon az összetevőkön vagy elemeken keresztül, amelyeket maga az alkalmazás nyújt Önnek. Természetesen nem szabad megfeledkeznie arról, hogy az ingyenes verzió csak egyetlen, legfeljebb négy oldal hosszú projektet engedélyez, bár a projekteket különböző formátumban töltheti le és törölheti őket, amikor abbahagyja a használatukat.

full206

invision

Amikor megjelent, nagy várakozásokat ébresztett, és ez nem kevesebb. Az Invision egy olyan eszköz, amely a prototípusok ábrázolására összpontosít, de fontos különbséggel rendelkezik: Ez az alkalmazás interaktív, dinamikus prototípusokká változtatja átmeneteit és webanimációit, hogy a saját makettjei nagyszerű realizmust kapjanak. Ez lehetővé teszi azt is, hogy megossza projektjét az összes kívánt felhasználóval (beleértve természetesen az ügyfelet is), így gyors, biztonságos és praktikus, ha projektbemutatókat készít és interakcióba lép egy weboldal megtervezésével, mielőtt megkezdené annak fejlesztését.

Képernyő-Shot-2013 02-12-at-9.54.05-PM

layervault

Bizonyosan nem egyszer volt nehézségünk a fájlok legújabb verzióinak kezelésével egy projekten belül. Különösen akkor, ha ugyanazt a fájlt egyszerre többen szerkesztik. A Layervault egy webalkalmazás, amely lehetővé teszi a projekt minden aspektusának (kollégákkal való kommunikáció, fájlkezelés stb.) Azonos felületről történő irányítását és kezelését. Hozzáadhatja a tálcához, amely lehetővé teszi a módosítások, fájlok, mappák stb. Automatikus szinkronizálásával történő mentését. a LayerVault könyvtárban. Tehát a projekt kollégái frissítéseket kapnak, hogy tájékoztatást kapjanak arról, hogy a munka mely aspektusait frissítik vagy változtatják meg, és ezeket az értesítéseket más eszközökön is megkapjuk, ha szinkronizáljuk is őket.

hős-ablak

kódkészlet

Esetenként beszéltünk róla, de ha még mindig nem ismeri, elmondom, hogy ez nagyon hasznos eszköz, amikor szervezett és tiszta módon kell weboldalakat felépíteni. Ez lehetővé teszi a keretrendszerek importálását és a Sass and Less fordítását, valamint a fájlok optimalizálását azáltal, hogy gyors és automatikus keresést végez a projektben, amelyen dolgozik, és a keretrendszerben.


Hagyja megjegyzését

E-mail címed nem kerül nyilvánosságra. Kötelező mezők vannak jelölve *

*

*

  1. Az adatokért felelős: Miguel Ángel Gatón
  2. Az adatok célja: A SPAM ellenőrzése, a megjegyzések kezelése.
  3. Legitimáció: Az Ön beleegyezése
  4. Az adatok közlése: Az adatokat csak jogi kötelezettség alapján továbbítjuk harmadik felekkel.
  5. Adattárolás: Az Occentus Networks (EU) által üzemeltetett adatbázis
  6. Jogok: Bármikor korlátozhatja, helyreállíthatja és törölheti adatait.