Bir ayda necə bir sənətkar kimi oğurlamağı öyrəndim və yeni şirkətimin veb saytını tərtib edib qurdum

# 4 - Çağırışımın Dördüncü Ayı: 12 Ayda 12 Mövzunu Öyrənin

Pikasso şəhəri Malaqada (İspaniya) çəkdiyim bir şəkil. Rəng ilhamı üçün çox gözəl bir rəsmdir

Bu məqaləni niyə "Sənətçi kimi necə oğurlamağı necə öyrəndim" adlandırdığımı düşünə bilərsiniz. Əslində oğurlamağı öyrənmədim, çünki onsuz da bilirəm. Əslində bu başlıq müəllimimin oxumağımı tövsiyə etdiyi Austin Kleon - Bir sənətçi kimi çalın kitabından gəlir.

"Sənət oğurluqdur." - Pablo Picasso

Bu ayda əvvəlcə öyrənmək istədiyim dizayn nəzəriyyələri idi. Mentorumla danışdıqdan sonra rənglərin və ya mətbəənin mənası barədə bir şey öyrənməyimi istədi. Daha ümumi bir şeyin başlamasını istədiyim üçün mənə ilham tapmağı, motivasiya saxlamağı, yaxşı dizayn iş axını əldə etməyi və yaradıcı və məhsuldar olmağı öyrətməyin əyləncəli bir yolu olan bu kitabdan danışdı. Təsəvvür etdiyiniz kimi, bir aylıq iş üçün rəng nəzəriyyələrini və tipoqrafiyanı saxlayacam!

Mən əslində özüm dizaynı öyrənməmişəm, özümü dizayner və inkişaf etdirici hesab edirəm, çünki təcrübə ilə öyrənmişəm və nəzəriyyələr haqqında daha çox öyrənmək istədiyim əsas səbəb budur. Bəlkə məndə imposter sindromu var və bu iş ayı onu dayandırmaq üçün burada!

Meydana 6 iyulda başladım. İlk mütərəqqi veb tətbiqimi yaratmış Learning Lab Challenge-da əvvəlki yazını oxusanız, onu 13 iyulda bitirdiyimi görə bilərsiniz. Bəli, bu iki tarix arasında biraz çalışdım və pisdir. Bunun əsas səbəbi, yeni şirkətimizin veb saytına ev sahibliyi etmək öhdəliyini götürməyimdir.

hazırlıq

  1. Mentor tapmaq Vera'yı öz rəhbərim olaraq seçdim. Əvvəlki şirkətimdə həmkarım idi və çox istedadlıdır.
  2. Mövzu sahəsinin tərifi Aşağıda göstərildiyi kimi, bu mövzunun dizayn axını və necə ilham tapmaqla məhdudlaşacağam.
  3. Öyrənmə mənbəyini seçmək Əsas öyrənmə mənbəyim bu kitab olacaq: Steal Like An Artist - Austin Kleon.
  4. Bir layihə müəyyənləşdirin Veb agentliyi olaraq işləyəcək yeni bir şirkət yaratdığım üçün əvvəlcə veb saytlarını dizayn edib sonra quracağam. Həm də bütün layihələrimdə istifadə edə biləcəyim bir veb dizayn yoxlama siyahısı yaratmaq istəyirəm.

Kurs / oxu

Austin Kleon-dan bir sənətkar kimi çalın çox qısa və oxunması asan bir kitabdır. Çox gülməlidir. Kitab illüstrasiyalar və təsvirlərlə doludur, bu da oxumağı çox maraqlı edir. Hər fəsildə həyatınızda və ya işinizdə tətbiq edə biləcəyiniz bəzi tövsiyələr və ya konsepsiyalar təsvir olunur.

Bu tövsiyələrin hər biri ya dizayn iş axını, dizayn hackləri və ya həyat haqqında idi. Diqqət yetirdim və ən dəyərlilərini özüm üçün tətbiq etməyə çalışdım və bəzilərini tətbiq etdiyimi görmək çox sərin oldu.

İş axını dizayn edin

Austin Kleon bir dizayn iş axınını özü təsvir etməyib, sadəcə "dizayn iş axınım üçün ipuçları" olaraq bir araya gətirdiyim bir sıra tövsiyələr.

Bu kitabın verdiyi ilk və ən yaxşı tövsiyə bir çalmak faylı yaratmaqdır. Əsasən sənət, veb saytlar, musiqi, foto, küçə sənəti, hiss etdirən, sevdiyiniz və ya sonradan ilham üçün istifadə edə biləcəyiniz hər şeydən ibarətdir. Kolleksiya fiziki, bir notebookda və ya rəqəmsal ola bilər, məsələn Pinterest, Google Keep, Google Drive, Evernote-da ... Hər dəfə bir layihəyə başlamağınız lazım olduqda bu çalmak faylına gedib mənbələri seçə bilərsiniz. Siz ilham verəcəksiniz. Buna görə bir çalmak dosyası adlandırır. Tinder kimi bir az .

Bu şəkli çaldığım sənəddə saxlayardım, indiyə kimi ən yaxşısıdır

İkinci ən vacib tövsiyə kopyalamaq və kopyalamaqla öyrənməkdir. Plagiat deyilən şey barədə düşünmədən cansıxıcı bir nüsxə çıxarmamalı olduğunuzu vurğulamalıyam, əksinə dizaynı “tərs mühəndis” etməli, arxasındakı mənanı axtarıb öz anlayışınızla yenidən qurmalısınız. Bundan əlavə, birini kopyalamağın plagiat olduğunu, bir çox mənbədən kopyalamağın araşdırma olduğunu söyləyirlər. Şeyi görmək çox müsbət bir yoldur. Bu açıq səslənir, amma bilmək və bilmək maraqlıdır.

İş axınlarının dizaynına dair son vacib tövsiyə ekrandan kənarda qalmaq və dizaynınızın son versiyası üçün texnologiyanı qorumaqdır. Kağız kimi həqiqi alətlərdən istifadə etmək və vücudunuzu işin yaradıcı hissəsi üçün istifadə etmək daha yaxşıdır. Həqiqətən yaratdığınızı və tinker etdiyinizi hiss edirsiniz. Həm də dizayn prosesində hər zaman etdiyim bir şeydir.

Dizayn hackləri

Dizayn hackləri olaraq seçdiyim şey, iş axınınızın bir hissəsi olmayan daha yaxşı bir dizayn yaratmanıza kömək edəcək məsləhətlərdir. Hər dəfə yeni bir dizayn layihəsi olduqda onları çalıştırmanıza ehtiyac yoxdur.

Hər sənətkar hərəkətləri və bəzi təsir edənləri təqib edir, hər sənətkarın bir müəllimi və ya hətta mentoru var. Birtəhər təqlid etməyə, kopyalamağa və onları təsir edən digər sənətkar qədər yaxşı olmağa çalışırlar. Həmişə orada olub və hər hansı bir sənətkara aiddir. Niyə sənə Bu səbəbdən kitabda sevdiyiniz 3 sənətkarı tapmağı və onlar haqqında hər şeyi etməyi təklif edir. Rəssamlar, dizaynerlər, təşəbbüskarlar, musiqiçilər, hətta tətbiqetmə ustaları ola bilərlər! Mümkünsə, təsir edənləri də tapa bilərsiniz və təsir edənlərin böyük bir "ailə ağacı" yarada bilərsiniz. Beləliklə, təsir edənlər haqqında yalnız hər şeyi deyil, onlar haqqında da bilirsiniz və həqiqətən bacarıqlarınızı inkişaf etdirirsiniz. Məsələn, mənim işimdə necə işlədiyini görmək üçün tez-tez yoxladığım ən sevimli tətbiqlərim var: Airbnb, Trainline, Google, ...

Yetkin olmayan şairləri təqlid edin; yetkin şairlər oğurlayır; pis şairlər götürdüklərini təhrif edirlər və yaxşı şairlər bunu daha da yaxşılaşdırır və ya heç olmasa fərqli bir şey edir. Yaxşı şair oğurluğunu parçalayan hissdən tamamilə fərqli, bənzərsiz bir hissə qaynaqlayır; pis şair onu birliyi olmayan bir şeyə atır. Yaxşı bir şair ümumiyyətlə zaman baxımından uzaq, dildə xarici və ya fərqli maraqda olan yazıçılardan borc alır. - TS Eliot

Kitabın təklif etdiyi digər bir məqam da istədiyiniz şeyləri istehsal etmək və mümkünsə gündəlik yaratmaqdır. Həm də naməlum olduğunuzdan faydalanmaq üçün bir başlanğıcsınız, heç kim sizi mühakimə etməyəcək, uğursuz ola bilərsiniz. Özünüzü inkişaf etdirin və istehsal etdiyinizi həmişə bölüşün. Çalışıram, amma gündəlik etmək asan deyil. Buna görə müəllif hər gün bir şey istehsal edərkən yoxladığınız 365 onay qutusu ilə bir təqvim saxlamağı təklif edir. Gözəl bir oyun!

Nəhayət, çox ağıllı bir hack verir: aldığınız yaxşı rəylərin hamısına sahib bir fayl yaradın. Bir gün motivasiyaya ehtiyacınız varsa, sadəcə oxuyun, təkan var,!

Həyat planı

Bu kitabda sağlam qalmaq və yaxşı işi davam etdirmək üçün özünüzü və həyatınızı necə inkişaf etdirəcəyinizə dair bir çox həyat düzəlişləri var! Bəziləri çox sadə və açıq səslənir, amma olduqca maraqlı olan 2-yə diqqət yetirdim.

İstedadla əhatə olun, çünki Jim Rohn-a görə, həmişə çox vaxt keçirdiyiniz 5 nəfərin ortalamasınız. Beləliklə, maaşınız, səviyyəniz və məhsuldarlığınız bu beş dəyərin ortalamasıdır. Bu, çox mənalı bir bəyanatdır. İstədiyinizdən asılı olaraq, işləmək üçün uyğun insanları tapın və fiziki olaraq uzaqdan işləməyə yaxın olmağı düşünməyin.

Hər gün bir dəftərə (və ya virtual) daxil olun və aşağıdakı suala cavab verin: bu gün baş verən ən yaxşı şey nədir? Hər gün etdiklərinizi xatırlamağınıza kömək edir və müsbət və motivasiya saxlamaq üçün ən yaxşı şeylərə diqqət yetirməyinizə kömək edir.

Çalmak sənədimi necə yaratdım

Bu kitabdakı bütün tövsiyələrdən, çalma faylını yaradaraq mənim üçün ən maraqlı şeyə ehtiyac duyduğunuz hər dəfə istifadə edərək "kopyalama iş axınını" tapdım (və başqa bir layihənin fərqli bir hissəsini istifadə etdim və niyə başa düşdüm).

Beləliklə çalma sənədimi necə yaratdığımı təsvir edəcəyəm:

  1. Evernote-da İlham adlı bir dəftər düzəltdim
  2. Veb agentliyimin veb sayt layihəsinə başladığımdan bəri bu çalmak faylını doldurmaq üçün müxtəlif mənbələr axtardım (Dribbble, Awwwards, Google axtarışı).
  3. "Agentlik", "portfel", "minimalist agentlik" açar sözlərini axtardım (minimalist veb saytları sevdiyim üçün minimalist)
  4. Hər dəfə bəyəndiyim bir dizayn tapanda onu kopyalayaraq və ya Evernote Clipper uzantısını istifadə edərək Evernote-a əlavə etdim. Sonra etiketləri niyə bir çalma sənədinə qoyduğumu görmək üçün əlavə etdim, məsələn: Agentlik, Veb, Mobil, Rənglər, Tarix, Animasiyalar, Tipoqrafiya
  5. Həm də Airbnb, Spotify və Apple Music kimi yaxşı dizaynı ilə ən sevdiyim böyük veb saytlarımı əlavə etdim.
  6. Bitirmək üçün tək düşünürəm ki, hər dəfə xoş bir şey tapanda unutmaq əvəzinə Evernote-a qoyuram və ya şəkil çəkdirib oraya qoyuram.
  7. İndi çalma sənədim hər dəfə yeni bir layihəyə başlayanda açılır və istifadə edə bilərəm və ya istifadə etməzdən əvvəl doldurmaq üçün əvvəlki addımları təkrarlayıram. Ayrıca, Google Fotoşəkildə bu faylla sürüşmədən əvvəl çəkdiyim bəzi muzey şəkillərim var. İlhamı tapmaq üçün axtarışdan da istifadə edə bilərəm.

Çalmak sənədiniz yoxdursa, mütləq yeni bir layihəyə başlayan kimi bir sənəd yaratmağınızı məsləhət görürəm.

İndi bu çalmak faylını istifadə edərək veb dizayn iş axınımı necə inkişaf etdirə biləcəyimi görək.

Dizayn yoxlama siyahısı

Bu veb dizayn siyahısını ümumiyyətlə etdiyim işlərə, əlavə araşdırmalara, bu kitabdan öyrəndiklərimə və şirkət veb saytım layihəsinə əsasən yaratdım. Mümkün qədər ümumiləşdirməyə çalışdım.

  • Tətbiqinizin / veb saytınızın məlumatlarının arxitekturasını müəyyənləşdirin (təmiz məzmun)
  • İlham toplamaq (Dribbble, əvvəlcədən və sevimli səhifələr)
  • İlk 7-nin siyahısını yaratmaq üçün barmağınızı faylınızın üzərinə sürüşdürün
  • Tel örgü dizaynı (kağız üzərində)
  • Rəy toplayın
  • Veb saytını boz rəngdə dizayn edin (sevdiyiniz dizayn alətindən istifadə edə bilərsiniz)
  • Rəy toplayın
  • 2 şrift seçin
  • Logo dizaynı
  • Rəng paletini təyin edin (loqoya uyğun olmalıdır)
  • Şriftləri, rəngləri və loqotipi tətbiq edərək dizaynınızı inkişaf etdirin
  • Rəy toplayın
  • İcra etmək üçün animasiyaları müəyyənləşdirin (proqram təminatı ilə mürəkkəbdirsə, onları dizayn edə bilərsiniz və ya sadəcə xatırlaya və ya kağıza çəkə bilərsiniz.)

Ən son versiyanı GitHub deposumda da tapa bilərsiniz: https://github.com/sandoche/Webdesign-checklist

Əvvəlcə boz rəngli dizayn etmək qərarına gəlməyimin səbəbi rəngləri sınamaqdan daha çox boşluq və düzənin özünə diqqət yetirməkdir. Bu barədə daha çox məlumatı buradan oxuyun: https://medium.springboard.com/a-designers-guide- to-select-colors-your-product-9944756838d4

Portfelimi yenidən dizayn edək

Yeni şirkətim iki markadan ibarət olacaq: agentlik Snitco və tədbir təşkilatı Sconférenciers. Və Snitco markasından başlamağa qərar verdik. Diqqət yetirəcəyim yer budur.

Snitco markamız üç kateqoriyadan müxtəlif xidmətlər təklif edir: yaradıcılıq emalatxanaları, ünsiyyət, inkişaf və dizayn.

Heç bir şey qurmadıq, buna görə 0-dan başlayaq!

Məzmunu müəyyənləşdirin

Əvvəlcə məzmunu iyerarxik olaraq təyin etməyə başladıq. İndi həmişə yeni bir tətbiq və ya veb sayt yaratdığım zaman bunu edirəm.

Görünüşü budur: https://github.com/sandoche/Snitco-information-architecture-example (memarlığımı Fransız dilində etdiyim üçün üzr istəyirəm )

Sonda memarlıq inkişaf edir və dizaynı mükəmməl uyğunlaşdırmaq üçün dəyişdirirsiniz.

Ancaq əsasən 5 bölmə var idi: unikal dəyər təklifi başlığı, layihələr, xidmətlər, komanda və nəhayət altbilgi.

Çalmak faylını doldurun və ilhamı seçin

Növbəti addım, əsasən Dribbble və Awwwards istifadə edərək Agentlik, Veb, Mobil, Rənglər, Qradiyent, Animasiyalar, Tipoqrafiya açar sözləri ilə Evernote çalma sənədimi doldurmaqdır.

Çalmak sənədim Evernote-da belə görünür

Kifayət qədər məlumatım olduğunu hiss etdikdən sonra aşağıdakı seçim siyahısını hazırladım:

  • https://dribbble.com/shots/3272390-HBK-Creative-Agentur
  • https://dribbble.com/shots/3638273-Creative-Design-Agency-Website/attachments/812598
  • https://appico.com/ (animasiyalar, minimalizm)
  • https://bitesizeinc.com/home (animasiyalar, şekiller)
  • https://www.spotify.com/fr/ (rənglər, tipoqrafiya)
  • http://wearecocoon.co.uk/ (minimalist)
  • http://www.size.agency/ (sadə məzmun)
  • http://www.revstudio.pl/ (minimalist, sadə)
  • https://www.packwire.com/ (animasiyalar, rənglər)
  • https://revolut.com/ (sadə, tipoqrafiya)

Bu siyahıdan komandamdan favoritlərinə (qalın olanlara) səs vermələrini və səbəbini mənə söyləmələrini xahiş etdim. Bu məlumatları fərqli dizaynlarda yaxşı işləyənləri istifadə etmək və boz rəngli model yaratmaq üçün istifadə etdim.

Gri tonlamalı model

Modelimi hazırlamaqda pulsuz olan Adobe Xd (Beta) istifadə edirəm. Həqiqətən də minimalist olmağa çalışdım, eyni zamanda komandanın qalan hissəsi kimi "vay faktoru" olması üçün bəzi animasiyalar təyin etməyə çalışdım.

Beləliklə əvvəlki dizayn qısa siyahısından götürdüyüm fərqli elementlər:

  • Qalın bənzərsiz dəyər təklifi olan böyük başlıq
  • düz fon
  • ikinci hissədəki boşluqlar, fərdi layihələri izah edən kartlarla
  • Xidmətlərin siyahısı çox sadə, çox aydın şəkildə göstərilir
  • animasiya biraz görünür
  • əsən ürək

Bu fərqli elementlərin hamısını çox ahəngdar bir şəkildə birləşdirməyə çalışdım və öz şəxsiyyətimizi yaratmağa kömək edən digər elementləri inkişaf etdirdim. Həm də asanlaşdırmaq üçün yalnız 2 şrift və bir neçə şrift ölçüsü istifadə etmək istədim.

Adobe Xd-də boz rəngli ilk model

Həm də bu modeldən fərqli şrift kombinasiyalarını sınamaq üçün istifadə etdim və iki Heebo və Noto mono şriftlə başa çatdım.

Rəngləri sınayın

Rəngləri tapmaq üçün bir neçə rəng palitrası mənbəsini sınadım:

  • www.colorlisa.com - şah əsərlərindən rəng palitrası
  • https://color.adobe.com/ - Adobe Color CC. Geniş çeşiddə axtarışdan istifadə edə və açar söz yaza bilərsiniz
  • http://colorhunt.co - əvvəlki ilə bənzər, lakin daha çox moda palitrası olan rəng axtarışı
  • http://www.rehabcenter.marketing/tintui/index.html - Ən Məşhur Palet, Material Dizayn, Pantone, Twitter, Düz UI Rəngləri

Onlarla oynadım və aşağıdakıları tapdım.

Altı fərqli rəng birləşməsi.

Mentorum Vera və komandamla söhbət etdikdən sonra Snitco üçün bənövşəyi, digər Sconférenciers markası üçün bəlkə də qırmızı birini seçməyə qərar verdik.

Bundan palitra və qısa bir dizayn təlimatı hazırladım.

Bir logo yaradın

Loqotipi yaratmaq üçün əvvəlcə bir kağız götürdüm və Snitcodan gələn hərflərlə oynamağa çalışdım. Həm də “Snitco” nun sonuna markanın bir hissəsi olaraq kəskin, dəqiq və şık görünməsi üçün bir müddət əlavə etmək qərarına gəldim. Bu səbəbdən də "" istifadə edirəm.

Bəli bu bir qarışıqlıqdır

Sonra kompüterdə bir neçəsini etdim.

Bəzi logo alternativləri üçün sonuncusunu seçdik

Bunu komanda ilə müzakirədən sonra tapdıq. "S" də tapdığınız mənfi boşluğun iki hissəsindən ibarət olanı iki qanad halına gətirmək üçün döndürülür və hərəkət etdirilir.

Tada - son logo

Son dizayn

İndi rənglərim və loqotipim var, hamısını bir yerə yığdım və boşluğu və ölçüləri yenidən düzəltdim, nəhayət tapdım.

Layihələrimizin məzmununa əsasən hər kiçik kart üçün illüstrasiyalar da yaratdım.

tətbiqetmə

Dizayn qrup və mentorum tərəfindən təsdiqləndikdən sonra onu həyata keçirmək üçün ən yaxşı texniki həlli axtardım. Fransız və İngilis dilində olması üçün daxililəşdirmə plagini ilə Jekyll'i seçdim.

Narahatlıqları ayırdım: məzmun, HTML, üslub, mümkün qədər müstəqil etmək üçün Javascript.

Son nəticə

Budur son nəticə : http://snit.co

Yalnız bir baxın və bütün rəyləriniz açıqdır!

Son versiyanın onlayn görüntüsü

Bu öyrənmə ayından geribildirim

Nə yaxşı keçdi

  • Oxu
  • Oxu tətbiqi
  • Dizayn prosesi
  • Hamımıza uyğun bir şəxsiyyət yaratmaq üçün komandamla işləyirik
  • Mentorla əlaqə
  • Zamanlama - 25 İyulda sona çatdı
  • Adobe Xd istifadə
  • Çalmak faylı inanılmazdır
  • Bu son nəticə ilə çox qürur duyuram

Nə yaxşılaşdırılmalıdır?

  • Əvvəlki mövzunu bitirəndə bu mövzuya başladım
  • Dizaynın özü və ya necə ilham alacağından daha çox şey öyrənəcəyimi düşünürdüm
  • Bəlkə də bu ay rəng nəzəriyyəsi haqqında öyrənə bilərdim, amma rəngli kitabın çıxması biraz vaxt aldı

Bu yazını bəyəndinizsə, dəstəyinizi göstərmək üçün zəhmət olmasa bir neçə dəfə ap düyməsini vurun! Ayrıca, şərh verməkdən və hər cür rəy bildirməkdən çəkinməyin. Məni izləməyi unutmayın!

Buna oxşar daha çox məhsul görmək istərdinizmi? Patreon'da mənə dəstək olun