Įrankiai Ir Pamokos
Atotrūkis tarp kūrėjų ir dizainerių nyksta
Nuo pastarojo dešimtmečio tarp dizainerių ir kūrėjų vyko šaltas karas. Dizaineriai skundėsi, kaip jie turi būti priklausomi nuo kūrėjų, kuriančių maketai kad peržengia statinius vaizdus. Kita vertus, kūrėjai piktinosi, kad reikia dizainerių įgūdžių, kurie padėtų jiems paversti savo koncepcijas patogiomis sąsajomis, kurios būtų patogios vartotojui.
Bet kai dizaino įrankius tampa vis lengviau naudoti, šaltasis karas artėja prie pabaigos.
Dabar galima sukurti gana įspūdingą interaktyvų prototipą su programa be jokios kodavimo patirties. Tai reiškia, kad dizaineriai gali išbandyti naujas programas nereikalaudami parašyti vienos kodo eilutės, o tai reiškia, kad kūrėjai gali naudoti paprastus įrankius, kad profesionaliai dirbtų kurdami savo dizainą, nereikalaudami jokios profesionalios pagalbos.
Dizaineriai, be abejo, vis tiek gali gauti daugiau naudos, jei išmoks naudotis kodu, o kūrėjai tikriausiai turėtų studijuoti dizainą, tačiau atotrūkis tarp šių dviejų įgūdžių tampa vis lengvesnis.
Ne taip seniai internete, toli toli ...
Pagrindinis vaidmuo skaitmeniniai dizaineriai Prieš penkerius – septynerius metus ji kūrė statinius puslapių ir ekranų „Photoshop“ vaizdus, kad jie būtų siunčiami stebuklingam kūrėjui, kuris juos paverstų funkcionalia svetaine ar programa. Maketas visada buvo ribotas rezultatas. Tai buvo statiška, duomenys buvo netikri ir nebuvo sąveikos. Ar kada nors atlikote vartotojo testą su statiniu vaizdu? Tai nėra labai toli.
Dizainerių ir kūrėjų, bandančių suprasti dizainerio ketinimus, bendravimas pirmyn ir atgal sukurs pakankamai ilgas el. Pašto grandines, kad apgaubtų visą pasaulį. Kūrimo savaitės praeis tik tada, kai po paleidimo bus atrasta, kad tai, ką kūrėjas suprato kaip „braukimą aukštyn“, labai skiriasi nuo to, ką galvojo dizaineris. Tai buvo pragaras.
Tokiame pasaulyje nėra jokių abejonių, kodėl kiekvienas kūrėjas parašė straipsnį, kuriame dizaineriai turėjo išmokti naudotis kodu. Kūrėjas, gavęs PSD be anotacijų su dešimtimis sluoksnių be pavadinimų, nebūtų kaltas, norėdamas iššokti pro langą.
Tuo pat metu kūrėjai, kurie domėjosi savo programų kūrimu, buvo nusivylę tokiais sudėtingais įrankiais kaip „Photoshop“ ar „Illustrator“. Norint įgyvendinti savo idėjas, jiems reikalingas išsamus grafinio dizaino išsilavinimas, be informatikos pameistrystės. Kūrėjai, bandantys sumažinti jų briaunas ir dizainą skriejant, baigiasi žemo dizaino ir testavimo programomis, kurios suklumpa vos patekusios į rinką.
Skaitmeninis dizainas nebesmirdi
Dabar situacija tarp dizainerių ir kūrėjų yra žymiai geresnė. Išradę išmaniuosius dizaino įrankius ir platformas, tokias kaip „Craft by InVision“, „InVision“ programa, „Framer“, „Flow“, „Flinto / Principle“ ir „Sketch“, dizaineriai Y Kūrėjai gali lengvai suprojektuoti programos prototipą ir jį išbandyti, vartotojui nežinant, kad jie naudoja programą be vidinės programos.
Atrodo, kad programa veikia visiškai iš vartotojo perspektyvos. Kiekviena sąveika ir srautas bus ten. Dizaineriai gauna vertingos informacijos neliesdami kodo eilutės, o kūrėjas gali sukurti savo dizainą keliais paprastais paspaudimais.
Pažvelkime į šiuos šešis dizaino įrankius atidžiau:
Šis programų paketas leidžia dizaineriams gauti tikrus duomenis, o ne standartinį „Lorem ipsum“ ir Michaelo Jacksono piktogramų užpildą. Įvairios programos veikia kartu, kad projektavimo procesas būtų sklandesnis ir labiau automatizuotas. Programos palaiko bendradarbiavimą, prototipų maketą, sinchronizavimą ir, svarbiausia, jūsų pačių duomenis.
„InVision“ iš tikrųjų pakeitė žaidimą leisdamas dizaineriams kurti ne statinius maketus. Naudodami paprastus „InVision“ įrankius vaizdai gali būti transformuojami į paspaudžiamus, interaktyvius prototipus, kurie jaučiasi tikromis programomis. „InVision“ palaiko bendradarbiavimą, todėl kolegoms dizaineriams ir vartotojams lengviau komentuoti pokyčius kiekviename žingsnyje.
Pažvelkite į prototipą, kuris buvo sukurtas naudojant „Marvel“ („Invision“ konkurentas):
Kadruotojas Tai beveik kaip „InVision“, tačiau ji turi galimybę pasiekti sudėtingesnę sąveiką. Kai kurios didelės kompanijos naudoja „Framer“, kad galėtų kurti intuityvias ir naudingas, bet ir paprastas programas. „Uber“ yra geras pavyzdys, jie sukūrė „Framer“ „Apple Watch“ programa Y „UberPOOL“ .
Abi programos gali būti naudojamos kuriant sudėtingos animacijos per kelias minutes. Abu jie šiek tiek praktikuojasi, tačiau kai dizaineriai puikiai išmoka šias programas, jie gali lengvai sukurti animacijas, kurios atrodys ir jausis itin profesionaliai, o ne be reikalo užgriozdintos. Galite pamatyti čia daugybė nuostabių pavyzdžių, ką vartotojai gali padaryti naudodamiesi „Principle“.
„Sketch“ yra kaip „Photoshop“, tačiau apytiksliai keturis kartus didesnis nei interneto ir mobiliųjų kūrėjų funkcijų skaičius. Šis galingas įrankis išsprendžia statinio dizaino nieko neveikimo problemą, leisdamas dizaineriams kurti visiškai unikalias ir rankų darbo piktogramas, sąsajas ir svetaines.
Šis jaučiasi kaip Mike'o Tysono kablys. „Webflow“ iš esmės pašalina dizainerių poreikį rašyti „front-end“ kodą. Dabar dizaineriai naudoja šį gražų WYSIWYG redaktorių, kad susidorotų su sunkiais sunkumais.
Programos be jokio kodo
Heco : Ši agentūra sukūrė nepaprastai sudėtingas animacijas ir pasiekė gana sudėtingą „front-end“ be front-end kūrėjų, naudodama tik „Webflow“.
Kaip jūsų darbų sąrašas (arba darbų sąrašas ) veikia prie šio gyvo maketo. Palietę programą, be spėlionių galite pamatyti visą funkciją, kaip veikia „Todoist“.
Kuriant CSS animacijas prireikė CSS vedlių, kurie mokėjo dirbti su transformacijomis, 3D vėlavimais ir nesibaigiančiais CSS ir JS įsilaužimais, kad sukurtumėte kažką sudėtingo. Naudodami „Webflow“ galite ką nors sukurti kaip ši animacija per pusę laiko ir nerašant vienos kodo eilutės.
Ateitis yra dizainas ir yra daug ką pamatyti
Naudodamiesi tokiomis dizaino priemonėmis, dizaineriai neturi sutelkti dėmesio į statinius vaizdus ir neprivalo pasikliauti kūrėjais, kurdami gražius, funkcionalius, profesionalius prototipus.
Tuo pačiu kūrėjai nebeturi pasikliauti dizaineriais, norėdami pateikti puikių idėjų. Kūrėjai gali ir turėtų pradėti kurti savo gyvenimo aprašymą, pradedant aukščiau paminėtais įrankiais. Nei viena iš šių programų nėra ypač sudėtinga mokytis, ir jei kūrėjai nustotų pasikliauti dizaineriais ir patys pradėtų kurti gražius prototipus, jie galėtų palengvinti profesionalų samdymą ir patirti pasitenkinimą (jau nekalbant apie taupymą), kai idėjos įgyvendinamos pagal koncepciją į parduotuvę.
Tai dizaineriams gali pasirodyti bloga žinia, tačiau taip nėra. Pridedant paprastą API integraciją, automatizuotas darbo eigas ir galimybę surinkti tikrus duomenis, dizaineriai gali sukurti sudėtingus ir išbandomus prototipus, nuolat neturėdami eiti pirmyn atgal su kūrėju. Rezultatas yra tas, kad dizaineris gali sutelkti dėmesį į tai, ką moka geriausiai: dizainas .
Nebereikia, kad dizainerio darbas būtų interpretuojamas ir neišvengiamai suteptas to, kas nepritaria jo vizijai. Taigi, nors tie patys įrankiai leidžia kūrėjams kurti, tai neturėtų kelti grėsmės patyrusiems dizaineriams. Užuot jaudinęsi dėl to, kad kūrėjai pateks į savo sritį, dizaineriai turėtų turėti viršenybę su visais aukščiau aprašytais įrankiais ir toliau judėti į priekį su savo kūryba.
