Nilalaman
- 01. Repo ng Mga Disenyo ng Disenyo
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. Stackswell
- 05. Mga Variable na Font
- 06. Stripe Billing
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Mga Eggradient
- Kunin ang iyong tiket sa Generate New York
Ang tema ng aming pag-iipon sa buwang ito ay ang bilis at kahusayan: ilan sa mga ito mga tool sa disenyo ng web gagawa ng mga kamangha-manghang bagay para sa iyong daloy ng trabaho sa pamamagitan ng paggupit ng nakakapagod, nakakabigo na mga gawain na walang kinalaman sa disenyo. Dalhin ang Stackswell - ginagawa nitong awtomatiko ang lahat ng mga nakakainis na piraso ng paggawa ng tumutugong disenyo sa Sketch. Ang isa pa sa aming mga tool ay nagpapabilis sa mga bagay para sa iyo sa pamamagitan ng pagkuha at pag-aayos ng lahat ng mga assets mula sa isang .sketch file.
Bukod doon mayroong isang cool na bagong produkto ng pagsingil mula sa Stripe, isang mahusay na tool sa networking para sa mga malikhaing ni Tina Roth Eisenberg at isang kamangha-manghang tool para sa pagsukat ng mga bagay sa iyong screen sa mga pixel.
01. Repo ng Mga Disenyo ng Disenyo
Kung napagtulungan ka sa pagtatrabaho sa ilan sa mga sangkap para sa sistema ng disenyo ng iyong samahan, o marahil sa pagbuo o pag-codify mismo ng system, gugustuhin mong makakuha ng bilis sa mga pinakabagong mapagkukunan sa paksa.
Para sa mga ito, ang Design Systems Repo ay iyong kaibigan. Ito ay isang koleksyon ng mga libro, artikulo, pag-uusap, website, tool, sistema ng disenyo, mga library ng pattern at mga gabay sa istilo na maaari mong magamit upang makakuha ng pag-unawa sa kung paano gumagawa ng mga bagay ang mga nangungunang samahan at nangungunang mga nag-iisip.
02. PixelSnap
Ang PixelSnap ay isang napaka nakakatawang app na gumagawa ng pagsukat ng mga bagay sa iyong screen nang higit na mas nakakainis. Ilagay ang iyong cursor sa pagitan ng dalawang elemento tulad ng isang imahe at isang heading, at awtomatiko nitong sinasabi sa iyo ang bilang ng mga pixel sa pagitan nila. Gumuhit ng isang rektanggulo sa paligid ng isang elemento at ito ay pumutok sa paligid nito at sinasabi sa iyo ang mga sukat nito. Oo Maaari mong sukatin ang mga bagay nang mabilis.
Suriin ang video sa homepage upang makuha ang ideya. Ang app ay nagkakahalaga ng $ 15, at ang tanging sagabal ay magagamit lamang ito bilang isang Mac app sa ngayon. Ngunit kung ikaw ay isang gumagamit ng Mac, ito ay isang mahusay na bagay.
03. Sketch.The.Ripper
Ang pag-export at paghahanda ng mga assets mula sa Sketch upang maabot sa ibang koponan ay maaaring maging isang tunay na pag-drag, kaya't ang pag-asam ng isang tool na ginagawa ito para sa iyo sa isang pag-click ay medyo kapanapanabik. Sketch. Ang. Rperper ay kumukuha at nag-aayos ng mga screen, kopyahin at raster ng mga imahe mula sa lahat ng mga artboard sa isang .sketch file, at ipinapakita ang mga ito sa isang maginhawang pamamaraan. Maaari kang makakita ng isang halimbawa ng output mula sa isang napunit na file dito.
Ang tool na ito ay batay sa web kaya gumagana ito sa anumang OS, na maaaring mag-alis ng ilang alitan mula sa iyong daloy ng trabaho kung ang mga tao ay gumagamit ng iba't ibang mga system. Ginawa ito ng Icons8, at maaari mong mabasa ang tungkol dito.
04. Stackswell
Pinapabilis ng Stackswell ang iyong tumutugong daloy ng trabaho sa disenyo sa pamamagitan ng pagdadala ng mga query sa media sa Sketch, at pag-automate ng proseso ng pag-update ng mga estilo ng uri at simbolo para sa bawat breakpoint. Sa halip na manu-manong gawin ang gawaing ito, kapag naayos mo ang lapad ng isang artboard awtomatikong nag-a-update ang mga istilo.
Pinipigilan ka rin ng Stackswell ng gawain ng pagkakaroon upang suriin ang iyong patayong spacing para sa bawat breakpoint, upang makakuha ka ng pare-parehong spacing na may kaunting abala. Maaari mong basahin ang higit pa tungkol dito sa artikulong ito.
05. Mga Variable na Font
Pinapayagan ka ng mga variable na font na gumamit ng maraming iba't ibang mga bigat at lapad ng font nang hindi kinakailangang magsama ng isang hiwalay na file para sa bawat isa: nagsasama ka ng isang file at pagkatapos ay binago ang font gamit ang CSS. Napakagandang sitwasyon dahil binibigyang-daan ka nitong gamitin ang typography sa pinakamahusay na epekto nito sa iyong mga disenyo, nang hindi kinakailangang dagdagan ang timbang ng iyong pahina.
Hindi lahat ng mga variable na font ay pantay pantay; ang ilan ay mas nababaluktot kaysa sa iba. Pinapayagan ka ng tool na ito na makahanap ng iba't ibang mga font at mag-eksperimento sa kanila upang makita kung naaangkop sa iyong mga pangangailangan. Para sa karagdagang impormasyon sa mga variable na font at upang makakuha ng ideya kung ano ang maaaring makamit, subukan ang demo na ito.
06. Stripe Billing
Ang bagong produkto ng pagsingil ng Stripe para sa mga negosyong online ay nag-aalok ng pangatlong paraan para sa mga kumpanya na isinasaalang-alang ang problema kung magtatayo o bumili ng isang sistema ng pagsingil (para sa higit pa tungkol dito, tingnan ang aming artikulo sa mga solusyon sa online shop). Madaling isinasama ang Stripe Billing API sa isang mayroon nang site at binibigyan ka ng kakayahang gumamit ng mga bloke ng gusali upang lumikha ng isang nababaluktot na system na naayon sa iyong mga pangangailangan.
Kapag na-set up ang iyong system, pinamamahalaan ang lahat mula sa isang dashboard kung saan maaari mong panatilihin ang tuktok ng mga subscription, invoice at ulat sa pananalapi. Nakakakuha ka rin ng mga malalakas na tampok tulad ng system ng mga pagbabayad sa pandaigdigan ng Stripe, na humahawak ng iba't ibang mga pera at credit card, at ang mga nababaluktot na bahagi ng pagsingil na hinayaan kang mag-eksperimento sa pagpepresyo.
07. CreativeGuild
Ang CreativeGuild ay isang spin-off ng CreativeMornings, isang libreng buwanang serye ng panayam na itinatag ni Tina Roth Eisenberg sa Brooklyn isang dekada na ang nakalilipas. Ang konsepto ay isang hit at mayroon na ngayong mga CreativeMornings na kabanata sa higit sa 185 mga lungsod sa buong mundo, ang bawat isa ay may sariling buhay na pamayanan na nangangalaga at nagbibigay inspirasyon sa mga miyembro nito.
Inilaan ang CreativeGuild na magdala ng ilan sa aspeto ng komunidad sa online upang ma-access ito ng mas maraming tao. Maaari mong isipin ito bilang isang medyo katulad ng LinkedIn, ngunit para sa mga malikhain. Mayroong isang direktoryo ng mga malikhaing kumpanya, indibidwal at trabaho, at maaari kang maghanap ayon sa lokasyon upang makahanap ng mga pagkakataon sa iyong lungsod.
08. Mobbin
Ang Mobbin ay isang gallery ng mga disenyo ng mobile app na maaari mong gamitin upang makakuha ng mga ideya para sa iyong sariling mga proyekto - sa halip na mag-install ng maraming mga app, maaari mong i-browse ang mga ito sa isang lugar upang makita kung paano nalulutas ng iba ang mga problema sa disenyo. Anim na mga screen para sa bawat app ay ipinapakita upang maaari kang makakuha ng isang ideya ng paglalakbay ng gumagamit at pattern ng disenyo para sa bawat isa. Mayroon ding isang sidebar na nagpapakita ng mga listahan ng trabaho.
09. HueSnap
Hindi mo malalaman kung kailan sasabog ang inspirasyon; marahil ang palamuti ng isang hotel o ang ilaw sa parke ay magiging pakiramdam ng tamang scheme ng kulay para sa iyong trabaho. Kung nangyari iyon, maaari kang mag-snap ng larawan at gamitin ang HueSnap upang makuha ang mga kulay mula sa imahe at gawin itong isang palette.
Nilalayon ang app sa paggamit ng mobile kaya pinakamahusay na gumagana sa iyong telepono, at maaari mong i-save at ibahagi ang iyong mga palette sa iba. Mayroong iba't ibang mga tampok upang matulungan kang baguhin ang isang palette, tulad ng mga pagpipilian upang pumili ng mga pantulong at mga kulay ng tambalan. Ang iyong mga paleta ay maaaring magkaroon ng hanggang anim na kulay bawat isa.
Para sa higit pa, tingnan ang aming pag-iipon ng pinakamahusay na mga tool sa kulay para sa mga web designer.
10. Mga Eggradient
Sinumang pagsamahin ang koleksyon ng mga magagandang gradient na ito ay may isang mahusay na mata para sa kulay at isang kagiliw-giliw na pagkamapagpatawa. Ang bawat gradient ay ipinapakita sa isang lalagyan na hugis itlog at binigyan ng isang pangalan na maaaring o hindi maaaring nauugnay sa mga kulay sa ilang paraan. Kung mayroong isang ugnayan, hindi namin ito maintindihan.
Kasama sa mga halimbawa ng pangalan ang 'Matagumpay na Imigrante' para sa isang turkesa gradient, 'Wozniak's Broken Heart' para sa isang maputlang asul at 'Maawain na Kaaway' para sa isang dilaw hanggang berde na paglipat.
Kunin ang iyong tiket sa Generate New York
Nangungunang kaganapan sa disenyo ng web Bumuo ng New York ay nagbalik. Naganap sa pagitan ng 25-27 Abril, ang mga nagsasalita ng headline ay kasama ang Super Mallor's Dan Mall, consultant ng animasyon sa web na Val Head, tagabuo ng JavaScript na Wes Bos at marami pa. Mayroon ding araw ng mga pagawaan at nangungunang mga pagkakataon sa networking - huwag palampasin ito. Kunin ang iyong tiket na Bumuo ngayon.
