Top 4 suunnittelu puitteet 2018

suunnittelukehysten taistelu on kasvanut vuosi vuodelta kilpailukykyisemmäksi ja on täydessä vauhdissa nyt vuonna 2018. Voidaan sanoa, että koko avoimen lähdekoodin suunnittelukehysten eetos sai alkunsa, kun Twitter loi Bootstrapin vuoden 2010 puolivälissä. Seuraavaksi vuorossa oli Zurbin säätiö. Nämä kaksi ovat edelleen suosituimpia suunnittelukehyksiä markkinoilla. He ovat kuitenkin sittemmin liittyneet raskaansarjan jättiläiseen Googlen muodossa, ja heidän Materiaalisuunnitteluunsa.

on huomattava, että vaikka Microsoftin ja Applen kaltaiset jättiläiset ovat julkaisseet ohjeita ja resursseja suunnittelijoiden avuksi käyttöliittymäsuunnitelmien luomisessa (Microsoftin sujuva muotoilu & Applen inhimillinen vuorovaikutus), ne eivät tarjoa virallisia puitteita HTML: n, css: n & Javascript-komponenttien muodossa. Niin, laajuus tämän blogin, emme aio sisällyttää niitä.

neljäs kehys, josta keskustelemme, on avoimen lähdekoodin yhteisövetoinen ponnistus, joka on saanut uskomattoman määrän vauhtia viime aikoina on Bulma. Se on aika uskomaton tarina siitä, miten tämänkaltaisesta scrappy-projektista on tullut mobiilivastaavan & progressive web application development Worldin rakas.

1. Bootstrap

Bootstrap

ehkä tunnetuin designkehys maailmassa nykyään, ja hyvästä syystä. Paitsi että he olivat ensimmäiset paikalla, he määrittelivät uudelleen UI / UX-suunnitteluteollisuuden hyväksi. Twitterin Bootstrap teki valtavan määrän uusintatöitä, joita suunnittelijat & kehittäjät tekivät jokaisessa uudessa verkkosovelluksessa. Ottaa uudelleen rakentaa kontteja ja asetteluja, kirjoittaa sama CSS uudelleen oli tulossa urakka, ja mobiili reagoiva malleja tulossa eturintamassa, Bootstrap oli taivaan lahja. Kehittäjät voisivat nopeasti prototyyppi puhdas ja liukas näköinen UIs ja telineet, jotka tuottaisivat tyypillinen sivut & asetteluja heille heti kättelyssä.

alusta lähtien Bootstrap on pysynyt ajan tasalla ja kehittynyt jatkuvasti (Bootstrap 4 on uusin bleeding edge build), jotta se ei vain pidä muotoilua tuoreena, vaan myös omaksuu uusimmat kehitystrendit, jotka tulevat saataville, kuten se teki SaaS: n kanssa, ja nyt se tukee etupään kehyksiä, kuten React & Vue. Ei ole epäilystäkään siitä, että kun se tulee perusteellinen, hyvin rakennettu, kenttä testattu suunnittelu puitteet, joka on kaikki, Bootstrap on kiistaton kuningas.

2. Foundation

Zurb Foundation

mikä alkoi design & development agency Zurbin sisäisenä projektina, nousi lopulta verkon toiseksi suurimmaksi suunnittelukehykseksi. Tiimi yli Zurb totesi, että he joutuivat käyttämään uudelleen HTML, CSS & Javascript komponentteja usein ja piti tarvitse vetää niitä muista projekteista. Helpottaakseen tätä pullonkaulaa he päättivät rakentaa sisäisen kehyksen, jota he hyödyntäisivät hankkeissaan. Lopulta, tässä 2011, he päättivät avata lähdekoodin se, koska he näkivät web siirtyä mobiili reagoiva malleja, toivoen lisätä vauhtia, että liike.

siitä lähtien he ovat jatkuvasti julkaisseet päivityksiä (Foundation 6 on uusin versio), varmistaen, että heidän kehyksensä ei mene tunkkaiseksi — mikä voi tapahtua designmaailmassa silmänräpäyksessä. Heillä on myös avoimen lähdekoodin hankkeita, jotka tarjoavat integraatiolle etulinjan puitteet, kuten Vue, ja virallisesti tukevat Reactia täydestä sydämestään.

tarve suunnitella tuote?

käyttäjäkokemussuunnittelijatiimimme voi muuttaa projektimuistion visuaaliseksi prototyypiksi ja tehdä yhteistyötä kanssasi joka askeleella.

3. Materiaalisuunnittelu

materiaalisuunnittelu

kun suunnittelukehykset alkoivat putkahdella esiin kaikkialla ja saavuttivat yhtä suuren suosion kuin ennenkin, oli vain ajan kysymys, Milloin Google hyppäsi kehään. Materiaalisuunnittelulla Google kattoi kaikki pohjat verkosta mobiiliin älykelloihin ja televisioihin. Heidän uusin front-end framework (Flutter) kattaa myös materiaalisuunnittelun, emmekä näe Googlen muuttavan asioita lähiaikoina, kun he ovat saaneet fantastista palautetta web-sovelluskehitysyhteisöltä siitä, kuinka helppoa ja puhdasta materiaalisuunnittelu on. Me henkilökohtaisesti tykkäämme käyttää sitä myös täällä Cygnis mediassa.

etupään kehysten tukemisessa materiaalisuunnittelu saattaa olla erän parasta. Niissä on tuki Angular -, vue & React-ohjelmalle ja runsaasti kolmannen osapuolen komponentteja ja kirjastoja saatavilla verkossa.

4. Bulma

Bulma Design

helposti vähiten tunnettu suunnittelukehys tällä listalla, Bulma on suhteellisen uusi verrattuna muihin. Rakennettu ja omaksunut avoimen lähdekoodin yhteisö, mikä tekee Bulma todella houkutteleva on kuinka kevyt se on. Henkilökohtaisesti rakastan myös sen puhdas ulkoasu ja käytännöllinen mutta esteettisesti miellyttävä muotoilu. Koodi-base on myös erittäin hyvin kirjoitettu, Alhainen este pääsyn uusien front-end kehittäjät päästä ilman oppia pelottava syntaksi.

Bulma on koko sydämestään vue-yhteisön hyväksymä-molemmat ovat altavastaajia, jotka ovat tulleet samanlaisilla päämäärillä ja nostaneet suurempia, vakiintuneempia vastineitaan-ja heillä on fantastinen avoimen lähdekoodin projekti nimeltä Buefy, joka tarjoaa vue-integraation & komponentteja.

Haluatko rakentaa web-sovelluksen?

cross platform-yhteensopivuuden ansiosta verkkosovellukset pysyvät lopullisena välineenä tuotteelle. Kerro meille projektistasi ilmaiseen konsultointiin.

johtopäätös

tässä vaiheessa olet todennäköisesti kokeillut big 3-suunnittelukehyksiä. Jos vuonna 2018 haluat kokeilla uutta suunnittelukehystä, joka on nopea, kevyt, mutta myös käytännöllinen ja fiksu, anna Bulmalle mahdollisuus — varsinkin, jos olet parittamassa sitä Vue: n kanssa.js. Se sopii erinomaisesti rakennustelineisiin, hallintapaneeleihin ja kojelautoihin. Good luck & happy designing!

Jaa:

Vastaa

Sähköpostiosoitettasi ei julkaista.