Felső 4 tervezési keretek 2018

a design keretrendszerek csatája évről évre egyre versenyképesebbé vált, és 2018-ban teljes lendületben van. Elmondható, hogy az egész nyílt forráskódú tervezési keretrendszer-etosz akkor kezdődött, amikor a Twitter 2010 közepén létrehozta a Bootstrap-ot. A következő a helyszínre Zurb alapítványa volt. Ez a kettő továbbra is a legnépszerűbb tervezési keretrendszer a piacon. Azóta azonban csatlakozott hozzájuk egy nehézsúlyú óriás a Google formájában, valamint Anyagtervezésük.

meg kell jegyezni, hogy míg az olyan óriások, mint a Microsoft és az Apple kiadtak iránymutatásokat és forrásokat, hogy segítsék a tervezőket a felhasználói felületek kialakításában (a Microsoft Fluent Design & az Apple emberi interakciója), nem kínálnak hivatalos keretrendszert HTML, CSS & Javascript komponensek formájában. Tehát a blog hatóköréhez nem fogjuk bevonni őket.

a negyedik keretrendszer, amelyet megvitatunk, egy nyílt forráskódú közösség által vezérelt erőfeszítés, amely hihetetlen mennyiségű lendületet kapott a késői Bulma óta. Ez elég egy hihetetlenül történet, hogy egy scrappy projekt, mint ez lett a Drágám a mobil reagáló & progresszív webes alkalmazás fejlesztési világ.

1. Bootstrap

Bootstrap

talán a legismertebb tervezési keretrendszer a mai világban, és jó okkal. Nem csak ők voltak az elsők a helyszínen, hanem végleg újradefiniálták az UI/UX tervezőipart. A Twitter Bootstrap hatalmas mennyiségű újbóli munkát végzett, amelyet a tervezők & Fejlesztők végeztek minden új webes alkalmazásban. Mivel újra kellett építeni a konténereket és az elrendezéseket, újra meg kellett írni ugyanazt a CSS-t, és a mobil érzékeny tervek előtérbe kerültek, a Bootstrap egy áldás volt. A fejlesztők gyorsan prototípus tiszta és sima látszó UI és állványzat, amely létrehozna tipikus oldalak & elrendezések számukra közvetlenül a dobozból.

megalakulása óta a Bootstrap lépést tartott a korral, folyamatosan fejlődik (a Bootstrap 4 a legújabb bleeding edge build), hogy ne csak frissen tartsa a dizájnt, hanem elfogadja a legújabb fejlesztési trendeket is, amelyek elérhetővé válnak, mint a SaaS esetében, és most a front-end keretrendszerek támogatásával, mint például a React & Vue. Kétségtelen, hogy amikor egy alapos, jól felépített, terepen tesztelt tervezési keretrendszerről van szó, amely mindent tartalmaz, a Bootstrap a vitathatatlan király.

2. Alapítvány

Zurb alapítvány

mi indult, mint egy belső projekt a design & Fejlesztési Ügynökség Zurb, végül lett a második legnagyobb tervezési keret az interneten. A Zurb csapata megállapította, hogy a HTML, CSS & Javascript összetevőket gyakran újra kell használniuk, és folyamatosan be kell vonniuk őket más projektekből. Annak érdekében, hogy enyhítsék ezt a szűk keresztmetszetet a folyamatukban, úgy döntöttek, hogy egy belső keretet építenek ki, amelyet felhasználnak a projektjeikben. Végül 2011-ben úgy döntöttek, hogy nyílt forráskódú it-t nyitnak, mivel látták, hogy a web a mobil érzékeny tervek felé halad, abban a reményben, hogy lendületet ad ennek a mozgalomnak.

azóta folyamatosan kiadtak frissítéseket (a Foundation 6 a legújabb verzió), biztosítva, hogy a keretrendszerük ne maradjon el — ami egy szempillantás alatt megtörténhet a design világában. Nyílt forráskódú projektek is rendelkezésre állnak, amelyek integrációt biztosítanak a front-end keretrendszerekkel, mint például a Vue, és hivatalosan teljes szívvel támogatják a React-ot.

meg kell terveznie egy terméket?

felhasználói élményt nyújtó tervezőkből álló csapatunk egy projektleírást vizuális prototípussá alakíthat, és az út minden lépésében együttműködhet Önnel.

3. Material Design

Material Design

miután a tervezési keretek elkezdtek felbukkanni mindenhol, és ugyanolyan népszerűségre tettek szert, mint ők, csak idő kérdése volt, mielőtt a Google beugrott a ringbe. Az anyagtervezéssel a Google lefedte az összes alapot, a webtől a mobilig, az intelligens órákig és a Tévékig. Legújabb front-end keretrendszerük (Flutter) szintén magában foglalja az Anyagtervezést, és nem látjuk, hogy a Google bármikor megváltoztatná a dolgokat, miután fantasztikus visszajelzést kaptak a webes alkalmazásfejlesztő közösségtől arról, hogy milyen egyszerű és tiszta Anyagtervezés. Mi személy szerint nagyon szeretem használni itt Cygnis Media is.

amikor a front-end keretek támogatásáról van szó, az Anyagtervezés lehet a legjobb a tételből. Támogatják az Angular, Vue & React alkalmazást,és rengeteg harmadik féltől származó összetevővel és könyvtárral rendelkeznek az interneten.

4. Bulma

Bulma Design

könnyen a legkevésbé ismert tervezési keret ezen a listán, Bulma egy viszonylag új, mint a többiek. A nyílt forráskódú közösség által épített és magáévá tett Bulma igazán vonzóvá teszi, hogy mennyire könnyű. Személy szerint én is szeretem a tiszta megjelenés és a praktikus, mégis esztétikus design. A kódbázis is rendkívül jól meg van írva, alacsony belépési korláttal az új front-end fejlesztők számára, hogy bejuthassanak anélkül, hogy ijesztő szintaxist kellene tanulniuk.

a Bulma — t teljes szívvel elfogadta a Vue közösség — mindkettő underdog keretrendszer, amely hasonló célokkal jött létre, és nagyobb, megalapozottabb társaikat emelte fel -, és van egy fantasztikus nyílt forráskódú projektje, a Buefy, amely Vue integrációt biztosít & komponensek.

kell építeni egy webes alkalmazás?

a platformok közötti kompatibilitással a webes alkalmazások továbbra is a termék végső médiumai. Mondja el nekünk a projektjét egy ingyenes konzultációra.

következtetés

ezen a ponton valószínűleg kipróbálta a big 3 tervezési keretrendszereket. Ha 2018 – ban egy új tervezési keretet szeretne kipróbálni, amely gyors, könnyű, de praktikus és okos is, adjon egy lövést Bulma — nak-különösen, ha párosítja a Vue-val.js. Kiválóan alkalmas állványokhoz, admin panelekhez és műszerfalakhoz. Sok szerencsét & boldog tervezést!

Megosztás:

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.