Kuidas ma õppisin kuu aja jooksul kunstnikuna varastama ning oma uue ettevõtte veebisaiti kavandama ja ehitama

# 4 - minu väljakutse neljas kuu: 12 teemat, mida 12 kuu jooksul õppida

Pilt, mille tegin Malagas (Hispaanias), Picasso linnas, See on väga kena maal, mis pakub inspiratsiooni värvide jaoks

Võib-olla huvitab, miks ma nimetasin seda artiklit “Kuidas ma õppisin, kuidas varastada nagu kunstnik”, tegelikult ma ei õppinudki, kuidas varastada, sest ma juba tean seda .. tegin lihtsalt nalja hehe . Tegelikult pärineb see pealkiri raamatust Varasta nagu kunstnik - Austin Kleon, mida mu mentor soovitas mul lugeda.

“Kunst on vargus.” - Pablo Picasso

Mida ma alguses sel kuul õppida tahtsin, olid disainiteooriad ja pärast mentoriga arutamist käskis ta mul õppida tundma värvide või tüpograafia tähendust. Kuna soovisin, et alustataks midagi üldisemat, rääkis ta mulle sellest raamatust, mis õpetab teile lõbusalt, kuidas inspiratsiooni leida, kuidas motivatsiooni hoida, milline on hea disaini töövoog ja kuidas olla loov ja produktiivne. Nagu võite ette kujutada, hoian värviteooriaid ja tüpograafiat veel ühe õppekuu ​​jooksul!

Ma ei ole kunagi ise disaini õppinud, pean ennast disaineriks ja arendajaks, sest õppisin praktiseerides ja see on peamine põhjus, miks tahan teooriatest rohkem teada saada. Võib-olla on mul põgenenud sündroom ja see õppekuu ​​on käes, et seda peatada!

Alustasin väljakutsega 6. juulil. Kui loete eelmist õppelabori väljakutse postitust, kus ehitasin mu esimese progressiivse veebirakenduse, näete, et lõpetasin selle 13. juulil. Jah, tegin nende kuupäevade vahel natuke mõlemat ja see on halb. Peamiselt seetõttu, et pühendusin meie uue ettevõtte veebisaidi edastamisele .

Ettevalmistus

  1. Mentori leidmine
    Valisin mentoriks Vera. Ta oli minu kolleeg minu eelmises ettevõttes ja ta on väga andekas.
  2. Teema ulatuse määratlemine
    Nagu allpool kirjeldatakse, piirdun selle teema ulatuse kujundamise töövooga ja sellega, kuidas inspiratsiooni leida.
  3. Õppevara valimine
    Minu peamine õppematerjal on see raamat: Varasta nagu kunstnik - Austin Kleon.
  4. Projekti määratlemine
    Kuna ma just asutasin uue ettevõtte, mis hakkab tööle veebiagentuurina, kavandan kõigepealt selle veebisaidi ja siis ehitan selle üles. Lisaks tahaksin luua veebidisaini kontrollnimekirja, mida saaksin kasutada kõigis oma projektides.

Kursus / lugemine

Austin Kleoni varastatud kunstnik on väga lühike ja hõlpsasti loetav raamat. See on väga naljakas. Raamat on täis illustratsioone ja joonistusi, mis teeb lugemise väga huvitavaks. Igas peatükis kirjeldatakse nõu või kontseptsiooni, mida oma elus või tööl kasutada.

Kõik need nõuanded puudutasid kas disaini töövoogu, disaini häkkimist või elu. Võtsin teadmiseks ja proovisin kõige väärisesemeid enda jaoks rakendada ja oli lahe näha, et rakendasin juba mõnda teist.

Kujundamise töövoog

Austin Kleon ei kirjeldanud ise disaini töövoogu, vaid ainult nõuandekomplekti, mille koostasin kui „näpunäidet, mida oma disaini töövoogu lisada”

Selle raamatu esimene ja parim nõuanne on pühkimisfaili tegemine.
Põhimõtteliselt on see kunstikogumike, veebisaitide, muusika, fotode, tänavakunsti ja kõige muu, mis paneb teid midagi tundma, mis tahes, mis teile meeldib, või mis tahes, mida saate hiljem inspiratsiooniks kasutada. Kogumik võib olla füüsiline, märkmikus või digitaalne, näiteks Pinterestis, Google Keepis, Google Drive'is, Evernote'is ...
Iga kord, kui peate projekti käivitama, võite minna selle pühkimisfaili juurde ja valida ressursid, mis teid inspireerivad, sellepärast nimetab ta seda pühkimisfailiks. Natuke nagu kõvem .

Ma hoiaksin seda oma pühkimisfailis, mis on kõigi aegade parim maalimine

Teine kõige olulisem nõuanne on kopeerimine ja kopeerimise teel õppimine. Pean rõhutama, et te ei peaks tegema mõtlemata kopeerimata eksemplari, mida nimetatakse plagiaadiks, vaid disaini “ümberprojekteerima”, otsima selle taga olevat tähendust ja ehitama seda omaenda arusaamade järgi ümber. Pealegi ütlevad nad, et ühest koopia tegemine on plagiaat, paljudest allikatest kopeerimine on uurimistöö. Mis on väga positiivne viis asjade nägemiseks. See kõlab ilmselgelt, kuid on huvitav teada ja seda teadlikult teha.

Pilt, mis leiti teosest “Varasta nagu kunstnik” - Austin Kleon; see illustreerib kunstniku varastamise mõistet

Viimane kõige olulisem nõuanne töövoo kujundamisel on ekraanist eemal hoidmine ja tehnoloogiate hoidmine oma disaini lõpliku versiooni jaoks. Parem on kasutada tõelisi tööriistu, näiteks paberit, ja kasutada oma keha töö loova osa jaoks. See paneb tundma, et loote ja meisterdate tõesti. See on ka asi, mida teen alati oma disainiprotsessis.

Kujunduse häkked

See, mille valisin disainilahendusteks, on näpunäited, mis aitavad teil paremat disainitööd teha, kuid ei kuulu teie kujundamise töövoogu, ei pea te neid tegema iga kord, kui teil on uus kujundusprojekt.

Iga kunstnik jälgib liikumisi ja mõned mõjutajad, igal kunstnikul on mentor või isegi juhendatav. Nad proovivad kuidagi jäljendada, kopeerida ja olla sama head kui teine ​​neid mõjutav kunstnik. See on midagi, mis on alati olemas olnud, ja see on rakendatav iga artisti jaoks. Miks mitte sulle? Seetõttu soovitab raamat leida 3 artisti, keda armastate, ja otsida neilt kõike. See võib olla maalrid, disainerid, ettevõtjad, muusikud, isegi rakenduste tegijad! Ja kui see on võimalik, võite leida ka nende mõjutajad ja ehitada tohutu mõjutajate genealoogilise puu. Sellega saate teada mitte ainult kõike oma mõjutajate, vaid ka nende kohta ja omandada oma oskused. Näiteks minu puhul on mul lemmikrakendusi, mida ma tihti kontrollin, et näha, kuidas nad asju teevad: Airbnb, Trainline, Google,…

Ebaküpsed luuletajad jäljendavad; küpsed luuletajad varastavad; halvad luuletajad rikuvad seda, mida nad võtavad, ja head luuletajad muudavad selle millekski paremaks või vähemalt millekski muuks. Hea luuletaja ühendab oma varguse tunde tervikuks, mis on ainulaadne, täiesti erinev sellest, millest see rebiti; halb luuletaja viskab selle millekski, millel pole ühtekuuluvust. Hea luuletaja laenab tavaliselt autoritest, kes on ajaliselt kaugel või on keeleliselt võõrad või huvitavad. - T.S. Eliot

Veel üks näpunäide, mida raamat soovitab, on hakata tootma asju, mis teile meeldivad, luua ja võimaluse korral ka igapäevaselt luua. Samuti selleks, et ära kasutada asjaolu, et olete tundmatu, olete algaja, keegi ei mõista teid kohut, võite ebaõnnestuda. Täiustage ennast ja jagage alati seda, mida toodete. Proovin seda, kuid igapäevaselt pole seda lihtne teha. Sellepärast soovitab autor hoida kalendrit 365 ruuduga, mida kontrollite iga päev, kui midagi toodete, see on tore trikk!

Lõpuks annab ta väga nutika häki: looge fail, mis sisaldab kogu saadud head tagasisidet. Kui teil on vaja motivatsiooni, lihtsalt lugege seda, annab see tõuke !

Elukujundus

See raamat sisaldab ka palju elu ümber kujundamist, kuidas ennast ja oma elu paremaks muuta, et tervena hoida ja head tööd jätkuks! Mõned neist kõlavad väga lihtsalt ja ilmselgelt, kuid märkasin 2, mis on üsna huvitavad.

Jääge talendi ümbritsetud, sest Jim Rohni sõnul - „olete alati nende 5 inimese keskmine, kellega veedate kõige rohkem aega.“ Nii et teie palk, teie tase, tootlikkus on nende 5 keskmine. See on väga võimas avaldus, nii et sõltuvalt sellest, mida soovite, leidke sobivad inimesed, kellega koos töötada, ja mõelge mitte ainult füüsilise läheduse peale, vaid töötada ka eemalt.

Logi iga päev märkmikku (või virtuaalsesse) ja vasta sellele küsimusele: Mis on parim, mis täna juhtus? see aitab teil meeles pidada, mida te igapäevaselt tegite, ja aitab keskenduda parimatele asjadele positiivsuse ja motivatsiooni hoidmiseks.

Kuidas pühkimisfaili lõin

Kõigist selle raamatu antud nõuannetest leidsin kopeerimise töövoo, luues pühkimisfaili ja kasutades seda iga kord, kui vajate minu jaoks kõige huvitavamat (ning võttes ka osa teisest projektist ja mõistes, miks).

Seetõttu kirjeldan, kuidas ma oma pühkimisfaili lõin:

  1. Lõin Evernotes märkmiku nimega Inspiratsioon
  2. Alates veebiagentuuri veebisaidi projekti käivitamisest käisin selle pühkimisfaili asustamiseks erinevates allikates (Dribbble, Awwwards, Google'i otsing)
  3. Otsisin sealt märksõnu „agentuur“, „portfell“, „minimalistlik agentuur“ (minimalistlik, sest ma armastan minimalistlikke veebisaite)
  4. Iga kord, kui leidsin endale meelepärase kujunduse, lisasin selle Evernote'i, kopeerides kleepimise või kasutades Evernote Clipperi pikendust. Seejärel lisasin sildid, et teada, miks lisasin selle pühkimisfaili, näiteks: agentuur, veeb, mobiil, värvid, gradient, animatsioonid, tüpograafia
  5. Jätkasin ka oma suurte lemmikute veebisaitide lisamist, millel on hea disain, nagu Airbnb, Spotify, Apple Music.
  6. Lõpetuseks pean lihtsalt meeles, et iga kord, kui leian midagi ilusat, selle asemel, et seda lihtsalt unustada, panen selle Evernote'i või teen pildi ja panen sinna.
  7. Nüüd avatakse minu pühkimisfail iga kord, kui ma käivitan uue projekti ja saan seda enne kasutamist kasutada või korrata neid eelnevaid samme. Lisaks on mul google'i fotode hulgas muuseumide pilte, mis ma enne selle pühkimisfaili tegemist tegin, ja saan neid otsida inspiratsiooni leidmiseks.

Kui teil pole pühkimisfaili, soovitan teil kindlasti luua see kohe, kui alustate uut projekti.

Vaatame nüüd, kuidas selle pühkimisfaili abil oma veebidisaini töövoogu täiustada.

Kujunduse kontroll-leht

Koostasin selle veebidisaini kontrollnimekirja selle põhjal, mida tavaliselt teen, veel mõne uurimistöö põhjal, sellest raamatust õppinud ja ka oma ettevõtte veebisaidi projekti põhjal. Püüdsin muuta selle võimalikult üldiseks.

  • Määratlege oma rakenduse / veebisaidi teabe arhitektuur (puhas sisu)
  • Koguge inspiratsiooni (Dribbble, Awwwards ja lemmikute saidid)
  • Pühkige oma faili, et moodustada 7 parimat nimekirja
  • Kujundusraamid (paberil)
  • Koguge tagasisidet
  • Kujundage veebisait halltoonides (saate kasutada oma lemmikkujundustööriista)
  • Koguge tagasisidet
  • Valige 2 fonti
  • Kujundage logo
  • Määrake värvipalett (see peaks sobima logoga)
  • Parandage oma kujundust, rakendades fonte, värve ja logo
  • Koguge tagasisidet
  • Määrake rakendatavad animatsioonid (saate neid kujundada, kui need on tarkvara abil keerukad, vastasel juhul pidage neid lihtsalt meeles või joonistage paberile)

Selle värskeima versiooni leiate ka minu GitHubi hoidlast: https://github.com/sandoche/Webdesign-checklist

Põhjus, miks otsustasin kõigepealt kujundada halltoonides, on keskenduda värvide proovimise asemel rohkem vahekaugustele ja paigutusele endale, loe lähemalt siit: https://medium.springboard.com/a-designers-guide- teie toote jaoks värvide valimiseks -9944756838d4

Kujundame ümber oma portfelli

Minu uus ettevõte koosneb kahest kaubamärgist: agentuuri üks nimega Snitco ja üritust korraldava ettevõtte nimega Sconférenciers. Ja otsustasime alustada brändiga Snitco. Sellele keskendungi siin.

Meie kaubamärk Snitco pakub erinevaid teenuseid kolmest kategooriast: loovuse töötoad, kommunikatsioon, arendus ja disain.

Meil pole midagi üles ehitatud, nii et alustame 0-st!

Sisu määratlemine

Esmalt hakkasime sisu määratlema hierarhiliselt. Teen seda alati uue rakenduse või veebisaidi loomisel.

Kuidas see välja nägi: https://github.com/sandoche/Snitco-information-architecture-example (vabandust, et tegin oma arhitektuuri prantsuse keeles )

Lõpuks areneb arhitektuur ja te muudate seda nii, et see sobiks ideaalselt kujundusega.

Kuid põhimõtteliselt oli see 5 sektsiooni: ainulaadse väärtuse pakkumisega päis, projektid, teenused, meeskond ja lõpuks jalus.

Pühkimisfaili täitmine ja inspiratsiooni valimine

Järgmine samm on minu Evernote pühkimisfaili asustamine, kasutades märksõnu Agentuur, Veeb, Mobiil, Värvid, Gradient, Animatsioonid, Tüpograafia, kasutades enamasti Dribbble'i ja Awwwards.

Nii näeb minu pühkimisfail Evernote'is välja

Kui ma tundsin, et olen kogunud piisavalt andmeid, koostasin järgmise nimekirja:

  • https://dribbble.com/shots/3272390-HBK-Creative-Agency
  • https://dribbble.com/shots/3638273-Creative-Design-Agency-Website/attachments/812598
  • https://appico.com/ (animatsioonid, minimalism)
  • https://bitesizeinc.com/home (animatsioonid, kujundid)
  • https://www.spotify.com/fr/ (värvid, tüpograafia)
  • http://wearecocoon.co.uk/ (minimalistlik)
  • http://www.size.agency/ (lihtne sisu)
  • http://www.revstudio.pl/ (minimalistlik, lihtne)
  • https://www.packwire.com/ (animatsioonid, värvid)
  • https://revolut.com/ (lihtne, tüpograafia)

Sellest loendist palusin oma meeskonnal hääletada nende lemmiku (rasvases kirjas) poolt ja öelda, miks. Kasutasin seda teavet selleks, et kasutada hästi, mis erinevates kujundustes hästi sobib ja halltoonide maketi ehitamiseks.

Halltoonide makett

Oma maketi koostamiseks kasutan tasuta Adobe Xd (beeta). Püüdsin seda hoida minimalistlikuna, kuid proovisin määratleda ka mõned animatsioonid, et saada “vau efekt”, nagu ülejäänud meeskond soovis.

Erinevad elemendid, mis ma eelmisest kujundusloendist võtsin

  • suur päis unikaalse väärtuse pakkumisega paksus kirjas
  • tasane taust
  • teise osa valged ruumid koos kaartidega iga projekti kirjeldamiseks
  • teenuste loetelu, mis kuvatakse väga lihtsalt, väga selgelt
  • mõned ilmuvad animatsioonid
  • puhub süda

Püüdsin ühendada kõiki neid erinevaid elemente väga harmooniliselt, lisaks ehitasin teisi, mis käivad kaasas ja aitavad meil oma identiteeti luua. Samuti soovisin kasutada ainult 2 fonti ja paar fonti, et see lihtsamaks muuta.

Esimene halltoonide makett Adobe Xd-s

Kasutasin seda maketi ka erinevate fondikombinatsioonide proovimiseks ja lõpuks saime kahe Heebo ja Noto monoga.

Proovin värve

Värvide leidmiseks proovisin värvipaleti jaoks erinevaid ressursse:

  • www.colorlisa.com - meistriteostest eraldatud värvipalett
  • https://color.adobe.com/ - Adobe Colour CC, rohke paletiga võite lihtsalt kasutada otsingut ja sisestada märksõna
  • http://colorhunt.co - värvijaht, sarnane eelmisele, kuid trendikamate palettidega
  • http://www.rehabcenter.marketing/tintui/index.html - kuulsaim palett, materjalidisain, Pantone, Twitter, lamedad kasutajaliidese värvid

Mängisin nendega ja lõpetasin järgmisega.

Kuus erinevat värvi kombinatsiooni.

Pärast vestlemist oma mentori Vera ja minu meeskonnaga otsustasime, et jätkame Snitco jaoks Violetti ja võib-olla jätkame punase värviga teise kaubamärgi Sconférenciers kasutamist.

Sellest tegin paleti ja lühikese kujundusjuhendi.

Logo loomine

Logo loomiseks võtsin kõigepealt paberi ja proovisin mängida Snitco tähtedega. Samuti otsustasin panna brändi osana tähe “Snitco” lõppu, et see näeks välja terav, täpne ja stiilne. Seetõttu mängisin ka “.”

Jah ... see on jama

Seejärel tegin arvutiga paar.

Mõned logode alternatiivid, valisime lõpuks viimase

Sellega jõudsime pärast meeskonnaga läbi arutamist. Mis on tehtud kahest negatiivsest ruumist, mille leiate "S" -st, pööratud ja liigutatud, et saada sellest kaks tiibu.

Tada  lõplik logo

Lõplik kujundus

Nüüd on mul värvid ja logo, panin selle kõik kokku ja kohandasin ruumid ja suurused, siin ma lõpuks sain.

Samuti lõin iga väikese kaardi jaoks illustratsioonid, mis põhinevad meie projektide sisul.

Rakendamine

Kui meeskond ja mu mentor disainilahenduse kinnitasid, otsisin parimat tehnilist lahendust selle rakendamiseks. Otsustasin valida Jekylli koos sisestamise pistikprogrammiga, et see oleks prantsuse ja inglise keeles.

Eraldasin probleemid: sisu, html, stiil, javascript, et see oleks võimalikult sõltumatu.

Lõpptulemus

Siin on lõpptulemus : http://snit.co

Vaadake julgelt ja kogu tagasiside on teretulnud!

Veebikujutis lõplikust versioonist

Selle õppekuu ​​tagasiside

Mis läks hästi

  • Lugemine
  • Lugemise rakendamine
  • Kujundusprotsess
  • Koostöö minu meeskonnaga, et luua identiteet, mis sobib meile kõigile
  • Suhtlus mentoriga
  • Aeg - lõppes 25. juulil
  • Adobe Xd kasutamine
  • Pühkimisfail on hämmastav
  • Olen selle lõpptulemuse üle väga uhke

Mida parandada

  • Alustasin seda teemat eelmist lõpetades
  • Ma eeldasin natuke rohkem õppimist disaini enda kui protsessi või selle kohta, kuidas inspiratsiooni saada
  • Võib-olla oleksin võinud ka sel kuul õppida värvide teooriat, kuid värvi käsitlev raamat jõudis kohale jõudmiseni aega

Kui teile see postitus meeldis, klõpsake oma toetuse näitamiseks mõni kord alloleval plaksutusnupul . Samuti kommenteerige ja andke igasugust tagasisidet. Ära unusta mind jälgida!

Kas soovite näha rohkem selliseid artikleid? Toeta mind Patreonis on