Od proÅ¡le godine prelazili smo na koriÅ¡tenje WebFlowa za naÅ¡u marketinÅ¡ku stranicu, dnevno.CO. Ako ste nepoznati, WebFlow je responzivan alat za web dizajn, CMS i hosting platforma. Omogućuje nam izgradnju naÅ¡e web lokacije bez oslanjanja na naÅ¡e programere za implementaciju. Zauzvrat mogu biti usredotoÄeni na poboljÅ¡anje naÅ¡ih proizvoda.
Panel stilova u WebFlow je nevjerovatno moćan i robustan. Ako dolazite iz skice, Adobe XD itd. Tada ćete se osjećati pravo kod kuće. Ovdje možete manipulirati predmetima, rasporedom, razmakom, bojom, tipografijom, pozicioniranju i još mnogo toga. Samo odaberite objekt koji želite urediti, za podešavanje.
Na flip strani, ne možete direktno premjestiti predmete oko "platna", tako da govorite. To ima smisla kao Webflow generira neko priliÄno dobar kod. Da su nam dozvolili da premjestimo predmete oko stvari bi bili nered. Predmeti bi trebali biti apsolutno postavljeni, Dom bi se slomio, a reagiranje dizajna bi bilo vrlo teÅ¡ko.
Jednostavno je kreirati i stil klase u WebFlow-u. Časovi omogućavaju vam da ponovo koristite stilove po elementima. Na primjer, možete stilizirati Div, P, H1 oznake i gotovo sve ostalo. Nadalje, može stvoriti i kombinirane klase za izmjenu atributa klase.
Nažalost, nema koncepta selektora ID-a. Možete dodati ID putem ploÄe postavki za stvari poput stranice koji povezuju ili postavljaju dogaÄ‘aj za pomicanje. Ipak, CSS stilovi za selektor ID-a moraju se dodati kao prilagoÄ‘eni kod. Želim da klase i id funkcionira viÅ¡e kao "pravi" kod, a ipak mentalni model ukljuÄen je složen, pa razumijem ovu strukturu. Ako ste upoznati sa HTML / CSS-om, ovo se može primiti.
Webflow je u svoje interakcije i animacije stavio puno rada i pokazuje. Na visokom nivou možete dodati interakciju na elemente (tj. Lebdeći gumb) ili putem stranice (I.E. na teret). Stvorili smo priliÄno nekoliko prilagoÄ‘enih interakcija za naÅ¡u API demo stranicu, a jednostavnije žive drugdje preko puta.
JoÅ¡ veće, interakcije su reakcije i mogu se testirati u realnom vremenu! Oni nam omogućavaju da koristimo kretanje i animaciju da bismo usmjerili pažnju korisnika, ispriÄajte priÄu ili jednostavno dodajte viÅ¡e emocija na dizajn. Nema Å¡anse da ovaj zrnati u alatu poput skice.
Kad god ažurirate simbol, ta ažuriranja s poÅ¡tovanjem kaskade u svim instancama. Na primjer, možete promijeniti vezu u svom FOOTER simbolu ureÄ‘ivanjem bilo kojeg instancije tog simbola samo da biste to ažurirali odrazili u svim ostalim sluÄajevima.
Onaj polja simbola je da, od danas, ne možete ih gneziti. Moderni dizajnerski alati omogućavaju dizajnerima da izgrade i izgrade UI putem objektiva stabla komponenata. Nestađene simbole donijeli bi puno plavog neba na ono što biste mogli stvoriti u WebFlow.
:
Rotato može izvoziti svoju vremensku animaciju kao visokokvalitetnu animaciju za Web. Možete kontrolirati animaciju sa JavaScript-om i koristiti ga svuda u lottie formatu - poput WebFlow-a, pa Äak i izvorne iOS i Android aplikacije.
Kontrolni popis dizajna web stranica koristan je kako bi se osiguralo da izgradite najbolju moguću web stranicu kako bi se kupci vratili natrag.