Sisältö
- 01. Suunnittelujärjestelmät Repo
- 02. PixelSnap
- 03. Piirrä Ripper
- 04. Stackswell
- 05. Muuttuvat fontit
- 06. Raidan laskutus
- 07. Luova rakennus
- 08. Mobbin
- 09. HueSnap
- 10. Eggradientit
- Hanki lippusi Generate New Yorkiin
Tämän kuun yhteenvedon teema on nopeus ja tehokkuus: muutama näistä web-suunnittelutyökalut tekee upeita asioita työnkulkusi kannalta leikkaamalla tylsiä, turhauttavia tehtäviä, joilla ei ole mitään tekemistä suunnittelun kanssa. Ota Stackswell - se automatisoi kaikki häiritsevät palat reagoivan suunnittelun tekemisessä Sketchissä. Toinen työkaluistamme nopeuttaa asioita purkamalla ja järjestämällä kaikki resurssit .sketch-tiedostosta.
Tämän lisäksi on Stripen upea uusi laskutustuote, Tina Roth Eisenbergin loistava verkostointityökalu mainoksille ja upea työkalu näytöllä olevien asioiden mittaamiseen pikseleinä.
01. Suunnittelujärjestelmät Repo
Jos sinulle on annettu tehtävä työstää joitain organisaation suunnittelujärjestelmän ainesosia tai ehkä jopa rakentaa tai koodata itse järjestelmä, sinun kannattaa päästä vauhtiin uusimpien aiheen resurssien avulla.
Tätä varten Design Systems Repo on ystäväsi. Se on kokoelma kirjoja, artikkeleita, keskusteluja, verkkosivustoja, työkaluja, suunnittelujärjestelmiä, kuvakirjastoja ja tyylioppaita, joiden avulla voit saada käsityksen siitä, miten huippujärjestöt ja johtavat ajattelijat tekevät asioita.
02. PixelSnap
PixelSnap on erittäin hieno sovellus, joka tekee näytöllä olevien asioiden mittaamisesta paljon vähemmän ärsyttävää. Aseta kohdistin kahden elementin, kuten kuvan ja otsikon, väliin, jolloin se kertoo automaattisesti niiden välisten pikselien määrän. Piirrä suorakulmio elementin ympärille, ja se napsahtaa sen ympärille ja kertoo sen mitat. Joo. Voit mitata asioita nopeasti.
Katso video kotisivulta saadaksesi idean. Sovelluksen hinta on 15 dollaria, ja ainoa haittapuoli on, että se on toistaiseksi saatavilla vain Mac-sovelluksena. Mutta jos olet Mac-käyttäjä, se on hieno asia.
03. Piirrä Ripper
Varojen vieminen ja valmisteleminen Sketchistä luovuttamiseen toiselle tiimille voi olla todellinen vetovoima, joten mahdollisuus työkaluun, joka tekee sen puolestasi yhdellä napsautuksella, on melko jännittävä. Sketch.The.Ripper poimii ja järjestää näytöt, kopioi ja rasterikuvat kaikista taulukoista .sketch-tiedostona ja esittää ne kätevästi. Täältä näet esimerkin kopioidun tiedoston lähdöstä.
Tämä työkalu on verkkopohjainen, joten se toimii kaikilla käyttöjärjestelmillä, mikä voi poistaa jonkin verran kitkaa työnkulusta, jos ihmiset käyttävät eri järjestelmiä. Sen on tehnyt Icons8, ja voit lukea lisää täältä.
04. Stackswell
Stackswell nopeuttaa reagoivaa suunnittelun työnkulkua tuomalla mediakyselyt Sketchiin ja automatisoimalla tyyppityylien ja symbolien päivitysprosessin jokaiselle katkaisupisteelle. Työn manuaalisen sijasta tyylit päivittyvät automaattisesti, kun säädät taulun leveyttä.
Stackswell säästää myös työtä, jonka mukaan sinun on tarkistettava pystysuora etäisyys jokaiselle katkaisupisteelle, joten saat tasaisen välimatkan mahdollisimman vähän vaivaa. Voit lukea lisää tästä artikkelista.
05. Muuttuvat fontit
Muuttuvien kirjasinten avulla voit käyttää monia erilaisia fonttien painoja ja leveyksiä tarvitsematta sisällyttää erillistä tiedostoa kullekin: sisällytät yhden tiedoston ja muokkaat sitten fonttia CSS: n avulla. Se on loistava tilanne, koska sen avulla voit käyttää typografiaa parhaalla mahdollisella tavalla suunnittelussa ilman, että sinun tarvitsee lisätä sivusi painoa.
Kaikki muuttujien fontit eivät kuitenkaan ole samanarvoisia; jotkut ovat joustavampia kuin toiset. Tämän työkalun avulla voit löytää erilaisia fontteja ja kokeilla niitä nähdäksesi, sopivatko ne sinun tarpeisiisi. Kokeile tätä esittelyä saadaksesi lisätietoja vaihtelevista kirjasimista ja saadaksesi käsityksen saavutettavissa olevista.
06. Raidan laskutus
Stripen uusi verkkoyritysten laskutustuote tarjoaa yrityksille kolmannen tavan harkita dilemmaa laskutusjärjestelmän rakentamisesta tai ostamisesta (lisätietoja tästä on artikkelissamme verkkokaupparatkaisuista). Stripe Billing -sovellusliittymä integroituu helposti olemassa olevaan sivustoon ja sen avulla voit luoda rakennuspalikoita joustavan järjestelmän luomiseksi tarpeidesi mukaan.
Kun järjestelmäsi on määritetty, kaikkea hallitaan hallintapaneelista, josta voit seurata tilauksia, laskuja ja taloudellisia raportteja. Saat myös tehokkaita ominaisuuksia, kuten Stripen globaali maksujärjestelmä, joka käsittelee eri valuuttoja ja luottokortteja, sekä joustavat laskutuskomponentit, joiden avulla voit kokeilla hinnoittelua.
07. Luova rakennus
CreativeGuild on spin-off CreativeMornings, ilmainen kuukausittainen luentosarja, jonka Tina Roth Eisenberg perusti Brooklynissa vuosikymmen sitten. Konsepti oli osuma, ja CreativeMornings-lukuja on nyt yli 185 kaupungissa ympäri maailmaa, joista jokaisella on oma elinvoimainen yhteisö, joka ruokkii ja inspiroi jäseniään.
CreativeGuild on tarkoitettu tuomaan osa yhteisön näkökulmasta verkkoon niin, että se on useamman ihmisen saatavilla. Voit ajatella sen olevan vähän kuin LinkedIn, mutta mainoksille. Siellä on luettelo luovista yrityksistä, henkilöistä ja työpaikoista, ja voit etsiä sijainnin mukaan löytääksesi mahdollisuuksia kaupungistasi.
08. Mobbin
Mobbin on galleria mobiilisovellussuunnitelmista, joiden avulla voit saada ideoita omiin projekteihisi - sen sijaan, että asennat paljon sovelluksia, voit selata niitä yhdessä paikassa nähdäksesi, kuinka muut ratkaisevat suunnitteluongelmia. Kullekin sovellukselle näytetään kuusi näyttöä, jotta voit saada käsityksen käyttäjän matkasta ja kunkin mallista. Siellä on myös sivupalkki, joka näyttää työluettelot.
09. HueSnap
Et voi koskaan tietää, milloin inspiraatio iskee; ehkä hotellin sisustus tai puiston valo tuntuu oikealta värimaailmalta työhösi. Jos näin tapahtuu, voit napsauttaa valokuvan ja poimia värit HueSnapilla kuvasta ja tehdä niistä paletin.
Sovellus on tarkoitettu mobiilikäyttöön, joten se toimii parhaiten puhelimellasi, ja voit tallentaa ja jakaa palettejasi muiden kanssa. Paletin muokkaamiseen on useita ominaisuuksia, kuten vaihtoehdot valita täydentävät ja yhdistetyt värit. Paleteissasi voi olla enintään kuusi väriä.
Jos haluat lisätietoja, tutustu yhteenvetoon parhaista verkkotyökalujen värityökaluista.
10. Eggradientit
Kuka on koonnut tämän kokoelman kauniita kaltevuuksia, hänellä on upea väri ja mielenkiintoinen huumorintaju. Jokainen kaltevuus näytetään munanmuotoisessa astiassa ja niille annetaan nimi, joka saattaa tai ei liity väreihin jollakin tavalla. Jos on suhde, emme ole kyenneet tulkitsemaan sitä.
Esimerkkien nimiä ovat 'Successful Immigrant' turkoosin kaltevuudelle, 'Wozniak's Broken Heart' vaaleansiniselle ja 'armollinen vihollinen' siirtymiselle keltaisesta vihreään.
Hanki lippusi Generate New Yorkiin
Johtava verkkosuunnittelutapahtuma Luo New York on palannut. 25. – 27. Huhtikuuta välisenä aikana pidettyihin pääpuhujiin kuuluvat SuperFriendlyn Dan Mall, verkkoanimaatiokonsultti Val Head, täyden pinon JavaScript-kehittäjä Wes Bos ja paljon muuta. Siellä on myös työpajojen päivä ja parhaat verkostoitumismahdollisuudet - älä missaa sitä. Hanki Generate-lippusi nyt.
