25+ tuoreita web-suunnittelutyökaluja
Viime kuukausina on tuonut paljon hyviä juttuja suunnittelijoille jokaisella taitotasolla.
Meillä on työkalut web-sivustojen suunnitteluun. Jotkut yrittävät luoda eräänlaisen hybridi visuaalisen / koodin työnkulun, kun taas toiset piilottavat koodin kokonaan aloittelijoille.
Meillä on myös prototyyppityökalut molemmille sovelluksille ja sivustoille sekä pari testaustyökalua. Jotkut ovat aivan uusia. Toiset ovat olleet noin vähän aikaa, mutta äskettäin on päivitetty mahtavia uusia asioita.
Kaivaa sisään! Discovery on puoli hauskaa.
Suunnittelutyökalut
Macaw Scarlet
Ensin luettelo on Macaw Scarlet , työkalu niin tuore, se ei vielä ole! Mutta sitten, ne ovat kaverit, jotka toivat meille alkuperäisen Macawin, joten monet ihmiset ovat innoissaan joka tapauksessa.
Laskuttamalla itsensä "eläväksi suunnitteluympäristöksi" Macaw Scarlet pyrkii tekemään reagoivasta web-suunnittelusta helpompaa kaikille.
Heiluttaa häntää
Heiluttaa häntää ei ole suunnittelutyökalu, se on CMS. Ja silti se voisi helposti sisällyttää suunnittelutyövirtaan, varsinkin sisällön suunnitteluun liittyen.
Näet, se on fantastinen ominaisuus nimeltä Streamfield , joka toimii paljon kuin Mediumin editori. Ero on se, että se on muokattavissa ja siten tehokkaampaa. Tämän ansiosta käyttäjä voi helpommin suunnitella sisältöä jokaisella sivulla.
Taikuuspiirros sketchille 3
Tässä on yksi Sketch-käyttäjille. Pohjimmiltaan se on eräänlainen älykäs objekti, joka on suunniteltu auttamaan sinua tekemään mockapeleja valokuvista.
Wire-kehystystyökalut
Wire Flow
Tämä saa henkilökohtaisen hyväksymisleiman. Se kulkee nopeasti tavalliseen, ei-piirtämiseen sopivaan tabletteeseeni, ja se sisältää lähes kaikki, mitä voisit odottaa lanka-kehystyssovelluksesta.
Se on myös suunniteltu toimimaan puhelimen kokoisten laitteiden kanssa, mikä voi olla erinomainen tapa visualisoida puhelinsovelluksen käyttöliittymä.
Apple Watch lanka-runko pakki
Wire-frame UI elementit Apple Watch! Mitä muuta sinun tarvitsee tietää?
PowerMockup
Applen Keynote-ohjelmistossa on ollut useampi kuin yksi johdinkehyksen työkalu. Se oli vain ajan kysymys, ennen kuin joku teki sen tapahtuneen Powerpointin kohdalla. Ja heillä on. Tässä se on.
Prototyyppityökalut
Origami
Tulee koko matkan Facebookista itse: " Origami on ilmainen työkalu nykyaikaisten käyttöliittymien suunnitteluun. Nopeasti koota prototyyppi, aja se iPhonessa tai iPadissa, toista se ja vie koodinpätkiä, joita insinöörit voivat käyttää. "
Ei vielä sanaa siitä, kuinka hyödyllisiä koodinpätkiä todella ovat. Mutta se on Facebook. Heillä on hyvät insinöörit.
ihme
Yksinkertaisilla työkaluilla ja vankalla vapaalla suunnitelmalla, ihme tekee suuren prototyyppausohjelman. Se integroituu Dropboxin ja Google Driven kanssa, tuodaan määrittämäsi kuvat ja voit yhdistää ne yhteen sovelluksen nopeassa mallinnuksessa.
Se pitää myös tuodut kuvat synkronoidusti. Jos tallennat uusia versioita Dropboxiin tai Google Driveen, prototyyppisovelluksesi päivittyy automaattisesti.
Protosketch
Protosketch on iPadille suunniteltu prototyyppausohjelma (eräänlainen). Mukana on UI-paketti (mukaan lukien tonnia komponentteja), perusvektorityökalut, kohdistusvälineet ja paljon muuta.
Se on tällä hetkellä beta-versiossa, ja se on vain iPadille, mutta jos se on sinun alustasi, tämä voi olla täydellinen sinulle. Se toimii mukavasti myös muiden sovellusten kanssa: se voi viedä tiedostosi rasterimuodossa, SVG: ssä ja PDF: ssä.
Frontify
Kuten monet muut tämän luettelon työkalut, Frontify prototyyppaus. Se tarjoaa myös työkaluja, joiden avulla brändäys- ja tyylioppaiden työskentely ryhmään helpottuu. Luo värivalikoima, määritä tyyli ja luo kirjasto käyttöliittymän elementeistä ja jakaa se muuhun tiimiisi.
Atomi
Käyttää Atomi vetää tiedostot Photoshopista tai Sketchista ja tehdä niistä prototyyppejä. Versionhallinta, yhteistyöominaisuudet ja paljon muuta tekevät siitä erinomaisen työkalun liukas, nopea, iteratiivinen muotoilu.
muoto
muoto on kehittynyt prototyyppien luoja, joka toimii yhdessä iPhonen kanssa. Luo prototyyppi työpöydällesi tai kannettavaan tietokoneeseesi ja näe tulokset välittömästi puhelimellasi. Lisäksi se käyttää Googlen Material Design -periaatteita, jotta prototyyppi näyttää hyvältä.
Pixate
Pixate erikoistunut korkealaatuisiin "natiiviin" prototyyppeihin, jotka näkyvät puhelimessa ja toimivat paljon kuin todellinen.
Web-rakennuttajat
Sandvox
Sandvox on Mac-sovellus ei-koodaajille keskuudessamme. Se on pitkälti mallipohjainen (kuten yhä kasvava osa Internetistä), mutta se tekee varautuneemmiksi käyttäjille lisäämällä manuaalisia tietoja.
Se kaksinkertaistuu eräänlaiseksi CMS: ksi tietyille sivustoille, kuten blogeille, ja vaikka ohjelmisto ei ole "uusi", viimeaikaiset versiot ovat ottaneet käyttöön Sandvox Hosting. Käsi-kooderit keskuudessamme saattavat hämätä ideasta, mutta aloittelijoille paketti on todella hieno.
Se toimii millä tahansa isännällä, joten jos haluat käsitellä sitä itse, voit.
XPRS
Sivuston rakentaja aloittelijoille, XPRS tarjoaa ilmaisia sivustoja henkilökohtaiseen käyttöön, taiteilijoille ja opiskelijoille. On olemassa pro suunnitelmat liiketoiminnan ja sähköisen kaupankäynnin.
WordPressin rakentajat
Ilmoita virta
WordPressillä voi olla sen vastustajia, mutta toiset taas ottavat sen yllättävinä uusina suuntiin. Esimerkiksi Themify-kaverit päättivät, että oli aika luoda suunnittelutyökalu julkaisualustan päälle.
Tulos on Ilmoita virta jonka avulla voit luoda mukautettuja, reagoivia WordPress-teemoja vedä-n-drop-rajapinnasta. Mikä parasta, se on ilmainen ja avoin lähdekoodi.
Kulmakivi
Kulmakivi on eräänlainen kilpailee Themify Flowin kanssa, koska se tarjoaa visuaalisen tavan luoda WordPress-teemoja suoraan WordPressin päällä.
Se toimii kuitenkin erikseen. Esimerkiksi se sisältää live-koodinmuokkauksen ja muut ominaisuudet, jotka antavat kehittäjien tason pääsyn etusuunnitteluun. Lisäksi se ei ole ilmainen, ellei ostat X teema .
Qards
Quards on WordPressin toinen sivunvalmistaja-laajennus. Suurin osa suunnittelutyöstä tehdään sinulle, mutta sen sijaan, että valitsisit yksittäisen mallin, voit luoda jokaisen sivun "kortilla".
Nämä ovat pohjimmiltaan valmiita layout-osioita, jotka voidaan sekoittaa ja sovittaa yhteen koko sivun luomiseksi. Se on hyvä aloitussivuille, yksittäisten artikkeleiden järjestäminen uusille ja alkuperäisille tavaroille, mainospaikoille ja sellaisille asioille.
Yhteistyö- ja tuottavuustyökalut
Rele
Nopea ja helppo työkalu Löytää käyttäjiä, jotka tarvitsevat jakaa suunnittelutyötä paljon. Adobe CC: n, Sketchin, Chromein ja OSX: n laajennuksilla / sovelluksilla se helpottaa jakamista, mitä olet tekemässä.
Skala Esikatselu
Haluatko nähdä esityksiä siitä, mitä työskentelet Photoshopissa tai Androidissa? Asenna vain Skala Esikatselu , ja voit lähettää häviöttömiä, värikylläisiä esikatseluja lähes mihin tahansa mobiililaitteeseen.
Mukana on mahdollisuus kytkeä laite tietokoneeseen USB: n kautta USB-liitännän sijasta.
RightFont
RightFont on nopea ja melko fonttiohjain Macille, joka integroituu Adobe CC: n ja Sketchin kanssa.
Tuore koodi
jQuery 3
jQuery 3 alpha jQuery 3 alpha on julkaistu. Ei ole olemassa uusia ominaisuuksia, mutta vanhoja ominaisuuksia, virheenkorjauksia ja suorituskyvyn parannuksia on tehty uudelleen.
Yksinkertaisempi sivupalkki
Puhuen jQuerystä, on olemassa useita uusia laajennuksia, jotka saattavat tehdä suunnittelijan työstä paljon helpompaa, varsinkin jos olet suunnittelija, joka myös koodaa hieman.
Aloitamme Yksinkertaisempi sivupalkki , joka tekee sivupalkkeja. Se on pieni, se on nopeaa, se on kaunis. Älä vain käytä a hampurilainen menu käynnistää se, luulisin.
Labelauty
Merkitse valintanappeja ja valintaruutuja tyylissä. Suuri suunnittelija, joka ei voi vain antaa selaimia tekemään asioita omalla tavallaan.
Smart-paikkamerkki
Kun täytät lomakkeita, satunnaisesti napsautan kenttää, häiritsen jotain ja sitten palaan siihen. Jos kyseinen kenttä oli merkitty paikannusominaisuudella, minun täytyy joskus poistaa un-valinta, jotta se muistaa, mitä minun pitäisi kirjoittaa.
Hullu, mutta inhimillinen.
Smart-paikkamerkki ratkaisee suunnittelun ongelman pitämällä paikkamerkin näkyvänä tekstin alapuolella. Siisti, eikö?
Päivitetyt työkalut
Olisimme häpeällisiä, jos emme kiinnittäneet huomiota siihen, että suuri työ tehdään jo tunnetuissa sovelluksissa. Tässä on viime aikoina ollut huomattavia päivityksiä:
Webflow
Webflow on ollut kolmannen osapuolen palveluiden integrointi (aivan kuten muualla Internetissä) joillakin uusilla tavoilla. Tällä hetkellä voit lisätä toimintoja Web-lomakkeisiin heti Webflowista.
Voit lisätä sähköpostiviestejä Mailchimp-luetteloihin, lähettää tweetejä, lisätä tietoja Googlen laskentataulukkoihin tai tehdä uuden merkinnän Evernoteilla. Voit myös muokata lomakkeen lähettämällä sähköpostiviestin.
InVision
InVision on ottanut käyttöön uudet ominaisuudet jatkuvasti, mukaan lukien vapaa, rajoittamaton mobiilikäyttäjän testaus, työnkulunhallinta, Dribbble-integraatio ja emojät. Kyllä, emoja.
häkellyttävän
Viime kuukausina on hätkähdyttävästi a uusi sivunmuokkaus , yhteistyö , ja se jopa lisäsi RSS-syöte sen blogin toimivuus ... Parempi myöhään kuin koskaan.
Adobe Muse
Lopuksi, Adobe Muse on vielä asia - hei, kaikki eivät tarvitse Dreamweaverin voimaa. Kuten sen tehokkaampi vanhempi sisar, Muse voi nyt käyttää mitä tahansa TypeKit-fonttia.
Se voi myös luoda blogeja, sähköisen kaupankäynnin sivustoja ja parantaa yhteydenottolomakkeita. Lisäksi, kuten jotkut sovellukset CC -sovellusohjelmissa, se voi nyt käyttää massiivista Adobe Stock kirjasto.
