10 jauni tīmekļa dizaina rīki 2018. gada aprīlim

Autors: Monica Porter
Radīšanas Datums: 17 Martā 2021
Atjaunināšanas Datums: 17 Maijs 2024
Anonim
Итоговый вебинар. Весна 2019
Video: Итоговый вебинар. Весна 2019

Saturs

Mūsu šī mēneša apkopojuma tēma ir ātrums un efektivitāte: daži no šiem tīmekļa dizaina rīki darīs pārsteidzošas lietas jūsu darbplūsmai, izgriežot garlaicīgus, neapmierinošus uzdevumus, kuriem nav nekāda sakara ar dizainu. Veikt Stackswell - tas automatizē visus kaitinošos elementus, veicot atsaucīgu dizainu Skicē. Vēl viens no mūsu rīkiem paātrina lietas, izvelkot un sakārtojot visus aktīvus no .sketch faila.

Papildus tam ir jauns jauks Stripe norēķinu produkts, lielisks Tīnas Rotas Eizenbergas tīkla rīks reklāmas materiāliem un fantastisks rīks, lai ekrānā redzamās lietas izmērītu pikseļos.

01. Projektēšanas sistēmas Repo

Ja jums ir uzdots izstrādāt dažas no jūsu organizācijas dizaina sistēmas sastāvdaļām vai varbūt pat izveidot vai kodēt pašu sistēmu, jūs vēlēsieties apgūt jaunāko informāciju par šo tēmu.


Šim nolūkam Design Systems Repo ir jūsu draugs. Tā ir grāmatu, rakstu, sarunu, vietņu, rīku, dizaina sistēmu, rakstu bibliotēku un stila ceļvežu kolekcija, kuru varat izmantot, lai saprastu, kā top organizācijas un vadošie domātāji.

02. PixelSnap

PixelSnap ir ļoti izveicīga lietotne, kas padara lietas ekrānā daudz, daudz mazāk kaitinošas. Novietojiet kursoru starp diviem elementiem, piemēram, attēlu un virsrakstu, un tas automātiski norāda pikseļu skaitu starp tiem. Ap elementu uzzīmējiet taisnstūri, un tas to apvelk un pasaka tā izmērus. Jā. Jūs varat ātri izmērīt lietas.

Lai iegūtu ideju, skatiet videoklipu mājaslapā. Lietotnes cena ir 15 USD, un vienīgais trūkums ir tas, ka pagaidām tā ir pieejama tikai kā Mac lietotne. Bet, ja esat Mac lietotājs, tā ir lieliska lieta.


03. Skice. Ripper

Aktīvu eksportēšana un sagatavošana no Sketch, lai tos nodotu citai komandai, var būt īsts pavilciens, tāpēc iespējas izmantot rīku, kas to dara jūsu vietā ar vienu klikšķi, ir diezgan aizraujoša. Skice. The Ripper ekstrahē un sakārto ekrānus, kopē un rastra attēlus no visiem mākslas paneļiem .sketch failā un parāda tos ērti. Šeit varat redzēt izvilkta faila izvades piemēru.

Šis rīks ir balstīts uz tīmekli, tāpēc tas darbojas jebkurā OS, kas var novērst zināmu berzi no jūsu darbplūsmas, ja cilvēki izmanto dažādas sistēmas. To ir izveidojusi ikonas8, un vairāk par to varat izlasīt šeit.

04. Stackswell

Stackswell paātrina jūsu atsaucīgo dizaina darbplūsmu, iekļaujot multivides vaicājumus Skicē un automatizējot katra pārtraukuma punkta tipa stilu un simbolu atjaunināšanu. Tā vietā, lai veiktu šo darbu manuāli, kad pielāgojat artboard platumu, stili tiek automātiski atjaunināti.


Stackswell arī ietaupa jums darbu, pārbaudot vertikālo atstarpi katram pārtraukuma punktam, lai jūs iegūtu konsekventu atstarpi ar minimālu problēmu. Jūs varat uzzināt vairāk par to šajā rakstā.

05. Mainīgie fonti

Mainīgie fonti ļauj izmantot daudz dažādu fontu svaru un platumu, neiekļaujot katram atsevišķu failu: jūs iekļaujat vienu failu un pēc tam modificējat fontu, izmantojot CSS. Tā ir lieliska situācija, jo tā ļauj maksimāli izmantot tipogrāfiju dizainā, nepalielinot lapas svaru.

Ne visi mainīgie fonti tomēr ir vienādi; daži ir elastīgāki nekā citi. Šis rīks ļauj jums atrast dažādus fontus un eksperimentēt ar tiem, lai redzētu, vai tie atbilst jūsu vajadzībām. Lai iegūtu papildinformāciju par mainīgajiem fontiem un iegūtu priekšstatu par to, ko var sasniegt, izmēģiniet šo demonstrāciju.

06. Stripes norēķini

Stripe jaunais norēķinu produkts tiešsaistes uzņēmumiem piedāvā trešo iespēju uzņēmumiem, kuri apsver dilemmu par to, vai veidot vai iegādāties norēķinu sistēmu (lai uzzinātu vairāk par to, skatiet mūsu rakstu par tiešsaistes veikalu risinājumiem). Stripe Billing API viegli integrējas esošajā vietnē un ļauj izmantot celtniecības blokus, lai izveidotu elastīgu sistēmu, kas pielāgota jūsu vajadzībām.

Kad sistēma ir iestatīta, viss tiek pārvaldīts, izmantojot informācijas paneli, kurā varat sekot līdzi abonementiem, rēķiniem un finanšu pārskatiem. Jūs saņemat arī tādas jaudīgas funkcijas kā Stripe globālā maksājumu sistēma, kas apstrādā dažādas valūtas un kredītkartes, kā arī elastīgos norēķinu komponentus, kas ļauj eksperimentēt ar cenām.

07. CreativeGuild

CreativeGuild ir ikmēneša bezmaksas lekciju sērijas CreativeMornings, kuru pirms desmit gadiem dibināja Tīna Rota Eizenberga, Bruklinā. Koncepcija bija hit, un tagad CreativeMornings nodaļas ir vairāk nekā 185 pilsētās visā pasaulē, un katrai no tām ir sava dinamiska kopiena, kas kopj un iedvesmo tās biedrus.

CreativeGuild ir paredzēts, lai daži kopienas aspekti būtu tiešsaistē, lai tie būtu pieejami vairāk cilvēkiem. Jūs varat domāt, ka tas nedaudz atgādina LinkedIn, bet domāts reklāmām. Ir radošu uzņēmumu, personu un darba vietu katalogs, un jūs varat meklēt pēc atrašanās vietas, lai atrastu iespējas savā pilsētā.

08. Mobbins

Mobbin ir mobilo lietotņu dizaina galerija, kuru varat izmantot, lai iegūtu idejas saviem projektiem - tā vietā, lai instalētu daudz lietotņu, varat tos pārlūkot vienā vietā, lai redzētu, kā citi risina dizaina problēmas. Katrai lietotnei tiek parādīti seši ekrāni, lai jūs varētu gūt priekšstatu par lietotāja ceļojumu un katras lietotnes dizainu. Ir arī sānjosla, kurā parādīti darba saraksti.

09. HueSnap

Nekad nevar zināt, kad radīsies iedvesma; iespējams, viesnīcas dekors vai parka gaisma jutīsies kā pareiza krāsu gamma jūsu darbam. Ja tas notiks, varat nofotografēt fotoattēlu un izmantot HueSnap, lai no attēla izvilktu krāsas un padarītu tās par paleti.

Lietotne ir paredzēta mobilajam lietojumam, tāpēc tā vislabāk darbojas jūsu tālrunī, un jūs varat saglabāt un kopīgot savas paletes ar citiem. Paletes modificēšanai ir dažādas funkcijas, piemēram, papildu un salikto krāsu izvēles iespējas. Katrā paletē var būt līdz sešām krāsām.

Lai uzzinātu vairāk, apskatiet mūsu labāko dizaina rīku apkopojumu tīmekļa dizaineriem.

10. Eggradienti

Ikvienam, kurš salika šo skaisto gradientu kolekciju, ir lieliska acu krāsa un interesanta humora izjūta. Katrs gradients tiek parādīts olu formas traukā, un tam tiek piešķirts nosaukums, kas kaut kādā veidā var būt saistīts ar krāsām. Ja ir kāda saistība, mēs to neesam spējuši atšifrēt.

Vārdu piemēri ietver “Veiksmīgais imigrants” tirkīza gradientam, “Wozniaka salauztā sirds” - gaiši zilo un “Žēlsirdīgais ienaidnieks” - pāreju no dzeltenās līdz zaļajai.

Iegūstiet biļeti uz Generate New York

Vadošais tīmekļa dizaina pasākums Ģenerēt Ņujorku ir atpakaļ. Laikā no 25. līdz 27. aprīlim galvenie runātāji ietver SuperFriendly Dan Mall, tīmekļa animācijas konsultantu Val Head, pilna kaudzes JavaScript izstrādātāju Wes Bos un daudz ko citu. Ir arī semināru un labāko tīkla iespēju diena - nepalaidiet garām to. Iegūstiet savu ģenerēšanas biļeti tūlīt.

Interesanti Vietnē
Lightroom vs Photoshop: kas ir labākais?
Atklāt

Lightroom vs Photoshop: kas ir labākais?

PĀRIET UZ: Ka ir Lightroom? Ka ir Photo hop? Lightroom priekšrocība Photo hop priekšrocība Izmantojot Photo hop un Lightroom Lightroom v Photo hop: cenu noteikšana Lightroom v Photo hop01. Ka ir Ligh...
7 web dizaina kļūdas, ko pieļauj katrs iesācējs
Atklāt

7 web dizaina kļūdas, ko pieļauj katrs iesācējs

Ek perimentēšana un kļūdu pieļaušana ir varīga mācību a tāvdaļa. Katru gadu univer itāte pa niedzēja darbā e redzu, kā jaunie tudenti avā tīmekļa dizaina darbā pieļauj tāda paša kļūda . Ceram , ka šei...
Izstrādājiet portfeli, kas iesaiņo perforatoru
Atklāt

Izstrādājiet portfeli, kas iesaiņo perforatoru

E katru dienu kato daudzu radošo CV un portfeļu avā darbā Fanta y, aptverot plašu di ciplīnu un talantu loku. Tā kā to ir tik daudz, man bija jāiz trādā tratēģija, ka man ļautu ātri pateikt, vai dizai...