Tartalom
- 01. Design Systems Repo
- 02. PixelSnap
- 03. Vázlat. A Ripper
- 04. Stackswell
- 05. Változó betűtípusok
- 06. Csíkos számlázás
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradiensek
- Szerezzen jegyet a Generate New York-ra
E havi összefoglalónk témája a sebesség és a hatékonyság: ezek közül néhány webdesign eszközök elképesztő dolgokat fog elérni a munkafolyamat szempontjából azáltal, hogy olyan unalmas, frusztráló feladatokat vág ki, amelyeknek semmi köze a tervezéshez. Take Stackswell - automatizálja a Sketch-ben az adaptív tervezés minden bosszantó részét. Egy másik eszközünk felgyorsítja a dolgot azáltal, hogy kibontja és rendszerezi az összes eszközt egy .sketch fájlból.
Ráadásul van egy új, csíkos új termék a Stripe-től, egy remek hálózati eszköz Tina Roth Eisenberg kreatívjaihoz és egy fantasztikus eszköz a képernyőn megjelenő dolgok pixelben történő méréséhez.
01. Design Systems Repo
Ha azt a feladatot kapta, hogy dolgozzon ki a szervezete tervezési rendszerének egyes összetevőin, vagy akár magát a rendszert is felépítse vagy kodifikálja, akkor érdemes felpörögnie a téma legfrissebb forrásaival.
Ehhez a Design Systems Repo a barátod. Ez olyan könyvek, cikkek, beszélgetések, weboldalak, eszközök, tervező rendszerek, mintatárak és stílus útmutatók gyűjteménye, amelyek segítségével megértheti, hogy a legfelsőbb szervezetek és a vezető gondolkodók hogyan csinálják a dolgokat.
02. PixelSnap
A PixelSnap egy nagyon ügyes alkalmazás, amely sokkal, de kevésbé bosszantóvá teszi a képernyőn lévő dolgok mérését. Helyezze a kurzort két elem közé, például egy képbe és egy címsorba, és ez automatikusan megmondja a köztük lévő pixelek számát. Rajzoljon egy téglalapot egy elem köré, amely körbe pattan, és megmondja a méreteit. Igen. Gyorsan megmérheti a dolgokat.
Nézze meg a videót a kezdőlapon az ötlet megszerzéséhez. Az alkalmazás ára 15 dollár, és egyetlen hátránya, hogy egyelőre csak Mac-alkalmazásként érhető el. De ha Mac-felhasználó vagy, az nagyszerű dolog.
03. Vázlat. A Ripper
Az eszközök exportálása és előkészítése a Sketch-ből a másik csapatba történő átadásra valódi húzást jelenthet, ezért meglehetősen izgalmas a lehetőség egy olyan eszközre, amely egy kattintással megteszi helyetted. A Sketch.The.Ripper kivonatolja és rendszerezi a képernyőket, másolja és raszteres képeket készít az összes rajztábláról egy .sketch fájlban, és kényelmes módon bemutatja azokat. Itt láthat egy példát a kimásolt fájl kimenetére.
Ez az eszköz webalapú, így bármely operációs rendszeren működik, amely eltávolíthat némi súrlódást a munkafolyamatból, ha az emberek különböző rendszereket használnak. Ezt az Icons8 készítette, és erről itt olvashat bővebben.
04. Stackswell
A Stackswell felgyorsítja az érzékeny tervezési munkafolyamatot azáltal, hogy média lekérdezéseket visz be a Sketch-be, és automatizálja az egyes töréspontok típusstílusainak és szimbólumainak frissítését. A kézi munka helyett a rajztábla szélességének beállításakor a stílusok automatikusan frissülnek.
A Stackswell megkíméli azt a munkát is, hogy ellenőriznie kell az egyes töréspontok függőleges távolságát, így következetes távolságot kap minimális gond nélkül. Ebben a cikkben többet olvashat róla.
05. Változó betűtípusok
A változó betűtípusok lehetővé teszik sokféle betűsúly és szélesség használatát anélkül, hogy mindegyikhez külön fájlt kellene hozzáadni: egy fájlt tartalmaz, majd CSS segítségével módosítja a betűtípust. Remek helyzet, mert lehetővé teszi, hogy a tipográfiát a lehető legjobban használja a tervekben, anélkül, hogy meg kellene növelnie az oldal súlyát.
Bár nem minden változó betűtípus egyenlő; egyesek rugalmasabbak, mint mások. Ez az eszköz lehetővé teszi, hogy különböző betűtípusokat találjon, és kísérletezzen velük, hogy lássa, megfelelnek-e az Ön igényeinek. Ha további információt szeretne kapni a változó betűtípusokról, és képet szeretne kapni arról, hogy mit lehet elérni, próbálja ki ezt a bemutatót.
06. Csíkos számlázás
A Stripe új, online vállalkozásoknak szánt számlázási terméke egy harmadik utat kínál a vállalatok számára, figyelembe véve a dilemmát, hogy számlázási rendszert kell-e építeni vagy vásárolni (erről bővebben az online bolt-megoldásokról szóló cikkünkben olvashat). A Stripe Billing API könnyen integrálható egy meglévő webhelybe, és lehetővé teszi, hogy építőelemek segítségével rugalmas rendszert hozzon létre az Ön igényeinek megfelelően.
A rendszer beállítása után mindent egy irányítópultról kezelnek, ahol folyamatosan figyelemmel kísérheti az előfizetéseket, a számlákat és a pénzügyi jelentéseket. Olyan hatékony funkciókat is kap, mint például a Stripe globális fizetési rendszere, amely különböző devizákat és hitelkártyákat kezel, valamint a rugalmas számlázási elemek, amelyek lehetővé teszik az árképzés kísérletezését.
07. CreativeGuild
A CreativeGuild a CreativeMornings, egy ingyenes havi előadássorozat, amelyet Tina Roth Eisenberg alapított Brooklynban egy évtizeddel ezelőtt. A koncepció nagy sikert aratott, és ma már a világ több mint 185 városában vannak CreativeMornings fejezetek, amelyek mindegyike saját élettel teli közösséggel rendelkezik, amely táplálja és inspirálja tagjait.
A CreativeGuild célja, hogy a közösségi szempontok egy részét online módon elérhetővé tegye, hogy minél több ember számára elérhető legyen. Úgy gondolhatja, hogy egy kicsit hasonlít a LinkedIn-re, de a kreatívokra. Van egy könyvtár kreatív vállalatokról, egyénekről és munkahelyekről, és hely szerint kereshet, hogy megtalálja a városában rejlő lehetőségeket.
08. Mobbin
A Mobbin egy olyan mobilalkalmazás-galéria, amelynek segítségével ötleteket szerezhet saját projektjeihez - ahelyett, hogy rengeteg alkalmazást telepítene, egy helyen böngészheti őket, és megnézheti, hogyan oldják meg mások a tervezési problémákat. Minden alkalmazáshoz hat képernyő jelenik meg, így képet kaphat a felhasználói útról és az egyes tervezési mintákról. Van egy oldalsáv is, amely megjeleníti az álláslistákat.
09. HueSnap
Soha nem lehet tudni, hogy mikor merül fel az ihlet; talán egy szálloda dekorációja vagy a parkban lévő fény a megfelelő színvilágnak tűnik a munkájához. Ha ez megtörténik, bepattinthat egy fényképet, és a HueSnap segítségével kivonhatja a kép színeit és palettává varázsolhatja őket.
Az alkalmazás a mobil használatra irányul, így a legjobban a telefonján működik, és mentheti és megoszthatja palettáit másokkal. Különböző funkciók segítenek a paletta módosításában, például a kiegészítő és az összetett színek kiválasztásának lehetőségei. Palettáinak egyenként legfeljebb hat színe lehet.
További információért tekintse meg a webes tervezők számára készített legjobb színes eszközöket.
10. Eggradiensek
Aki összeállította ezt a gyönyörű színátmenetek gyűjteményét, annak nagyszerű a színe és az érdekes humorérzéke. Minden színátmenet tojás alakú edényben jelenik meg, és olyan nevet kap, amely valamilyen módon kapcsolódhat a színekhez, vagy nem. Ha van reláció, nem tudtuk megfejteni.
A példanevek közé tartozik a „Sikeres bevándorló” a türkiz színátmenetnél, a „Wozniak megtört szíve” a halványkék és a „Kegyes ellenség” a sárga és a zöld átmenet.
Szerezzen jegyet a Generate New York-ra
Vezető web design esemény Generálja New York-ot visszatért. Az április 25-27. Között megrendezésre kerülő főelőadók között szerepel a SuperFriendly's Dan Mall, a webanimáció tanácsadója, a Val Head, a teljes veremű JavaScript-fejlesztő, Wes Bos és még sok más. A műhelyek és a legjobb hálózati lehetőségek napja is van - ne hagyja ki. Most szerezze be Generate jegyét.