დიზაინის ხელსაწყოები არ გადარჩა. აქ მოცემულია, თუ როგორ შეგვიძლია მათი გამოსწორება.

იშვიათად მიდის დღე, სადაც არ ვატარებ სულ მცირე დროს, დიზაინის ინსტრუმენტებზე ფიქრი. რამდენიმე წლის წინ მე ავაშენე დიზაინის ინსტრუმენტი, რომელიც მარველმა შეიძინა. ეს ორი წლის წინ დასრულდა, მაგრამ მას შემდეგ ლანდშაფტი ბევრი რამ არ შეცვლილა და არც ჩემი ვნებებია მისი გაუმჯობესებისკენ.

ახლახანს, მე Twitter- ზე გამოვიტანე დიზაინის ხელსაწყოების შესახებ - რამ, რაც ცნობილია, რომ დროდადრო ხდება.

მე არ ვიყავი ერთადერთი, ვინც ამ დღეს ვფიქრობდი, სხვებიც ვერ ხვდებოდნენ.

2017 წლის 28 ივლისი არ იყო კარგი დღე დიზაინის ხელსაწყოებისთვის.

ამ ტვიტერის ძაფებში უამრავი შესანიშნავი შეხედულებაა დაკრძალული, მაგრამ დიდი ხანია, რაც მსურდა ვცდილობ დრო მივაღწიო ღრმად ჩაძირვას მხოლოდ იმაში, რაც მე ვფიქრობ, რომ ასე ფუნდამენტურად იშლება მიმდინარე დიზაინის ხელსაწყოს მოდელის შესახებ. როგორც მინიშნება მიმართულებით, ვფიქრობ, რომ ჩვენ უნდა ვიხელმძღვანელოთ.

ჩვენ ყველანი მხოლოდ სურათებს ვხატავთ. ეს არის თავხედური.

თითქმის ყველა პოპულარული დიზაინის ხელსაწყო ექსპორტზე გამოსახულია. ეს პრობლემურია მრავალი მიზეზის გამო:

  1. თქვენ ვერ ურთიერთობთ გამოსახულებას. პროტოტიპირების ხელსაწყოები გვაძლევს საშუალებას დავამატოთ ეკრანის გადასვლები და მარტივი ურთიერთქმედებები სურათებზე. ამასთან, რადგან ჩვენი პროდუქტები განაგრძობენ ეკრანზე უფრო მოწინავე გადასვლებსა და მიკრო ინტერაქციებს, სურათებს ვერ შეინარჩუნებს.
  2. სურათები არ არის თხევადი. სურათების საშუალებით საპასუხო დიზაინის გადაწყვეტილებების კომუნიკაცია ჩვეულებრივ რთულ ამოცანას წარმოადგენს.
  3. სურათები არ არის სახელმწიფო. იმისათვის, რომ ეფექტურად დაუკავშირდეს სხვადასხვა შტატები UI– სთვის, ხშირად საჭიროა მრავალი სურათი.
  4. Bitmap- ის სურათები დამოკიდებულია რეზოლუციაზე. ბადურის მოწყობილობების მოახლოებასთან ერთად, სურათებს ზოგჯერ ცუდად შეუძლია.
  5. სურათების ფაილები მძიმეა და ხშირად რთულია შესანახად, მართვაში ან გაზიარებაში.

სანამ დიზაინის ხელსაწყოები გააგრძელებენ სურათების ექსპორტს, ისინი ვერასდროს შეძლებენ ჩვენი პროდუქციის ზუსტი წარმოდგენების წარმოებას. სიზუსტის ეს ნაკლებობა აფერხებს დიზაინერებსა და დეველოპერებს შორის კომუნიკაციას. სანამ დიზაინერები აგრძელებენ უღიმღამოდ არაადეკვატური საშუალების გამოყენებას საკუთარი სამუშაოს კომუნიკაციისთვის, ეს ნამუშევარი ყოველთვის ღია იქნება არასწორი ინტერპრეტაციისთვის.

ეს ძალიან მნიშვნელოვანი პუნქტია, რადგან მათი ძირითადი დიზაინის თითქმის ყველა ხელსაწყო ვექტორის ფორმებს გამოსახულებად გარდაქმნის. Photoshop, Illustrator, Marvel, Adobe XD, Sketch და Figma ამ მხრივ ყველა ერთნაირია. სურათებს მხოლოდ ნაწილობრივ შეუძლიათ კომუნიკაცია დიზაინის განზრახვის მიზნით. როგორც ჩვენი პროდუქტები აგრძელებენ და ხელს უწყობენ რთული ურთიერთქმედებების, ხმოვანი შეტანის, ვიდეო შეყვანის, რეალობის გაძლიერებას, ვირტუალურ რეალობას, ტემპერატურის მგრძნობელობას და ა.შ., ამ ინსტრუმენტების მიწოდების ღირებულება სწრაფად შემცირდება. სურათზე დაფუძნებული დიზაინი ჩიხია.

ჩვენი დიზაინის ხელსაწყოებმა უნდა მოახდინონ რეალური პროდუქტის მანიპულირება და არა მისი სურათი.

ჩვენი პროდუქტები ინტერაქტიულია. ჩვენი ინსტრუმენტები სტატიკურია.

ამაზე ჩემს წინა წერტილში შევეხმიანე, მაგრამ ეს ძალიან კრიტიკულია, ასე რომ, მივხვდი, რომ ცოტათი შემუშავდება.

იფიქრეთ იმ მარტივი ურთიერთქმედებების ოდენობაზე, რომლებიც ჩვეულებრივია ჩვენს ყველა პროდუქტში, მაგრამ ჩვენი დიზაინის ხელსაწყოების კომუნიკაცია შეუძლებელია. აქ მოცემულია მოკლე სია ჩემი თავის ზედა ნაწილში:

  • ღილაკს ახვევს
  • შეყვანის ფოკუსირება
  • ყუთის შემოწმება
  • ჩანართების შინაარსი
  • გადაახვიეთ ადგილები
  • ჩანართების ინდექსი ფოკუსირებული სახელმწიფოებისთვის
  • კლავიშთა მალსახმობები

რა თქმა უნდა, ამ მახასიათებლების ზოგიერთ მახასიათებელს შეიძლება მიბაძოს ჰაკერული ინჟინერია, მაგრამ უნდა გაინტერესოთ, რას ნიშნავს დედამიწაზე? რატომ არ შეიძლება დიზაინერებმა შექმნან ნამდვილი პროდუქტი?! საბოლოო ჯამში, ყველა დაცინვა ერთჯერადია, მაგრამ დიზაინერები თვეებს ხარჯავენ სრულყოფილებისკენ. ეს დრო გაცილებით უკეთესი იქნებოდა ნამდვილი პროდუქტის გადასაცემად.

მე არ დავტოვებ კურდღლის ხვრელის "დიზაინერების კოდს", მაგრამ მე არ ვგულისხმობ ყველას რომ ვწერთ კოდს. მე მხოლოდ იმას ვამბობ, რომ არ არსებობს კარგი მიზეზი იმისა, რომ ჩვენი დიზაინის ხელსაწყოებს არ შეუძლიათ ჩვენი ცოცხალი პროდუქტების პირდაპირი მანიპულირება.

Framer აკეთებს უკეთეს საქმეს, ვიდრე უმეტესობა ამ განყოფილებაში, მხარს უჭერს მოწინავე და დეტალურ ურთიერთქმედებებს. დანარჩენი პაკეტი ძალიან ჩამორჩება.

ჩვენს ინსტრუმენტებს უნდა დაეხმაროს ვებ – ს განლაგების პარადიგმა

დაახლოებით, დაახლოებით ერთი წლის წინ, ქსელში განლაგებების შექმნის ერთადერთი გზა იყო დისპლეის გამოყენება: მაგიდა და CSS– ის თვისებები. ახლა ჩვენ გვაქვს Flexbox და მალე გვექნება CSS ბადე. ეს სამი განლაგებული ძრავა საკმაოდ ანალოგიურად ფუნქციონირებს, DOM- ის ნაკადის გამოყენებით. თითქმის ყველა ვებ – გვერდი აშენებულია ამ სამი განლაგებული სისტემის გამოყენებით.

ამრიგად, აზრი აქვს იმას, რომ ჩვენი დიზაინის ხელსაწყოები მხარს უჭერენ იმავე განლაგების მოდელს. არა?

თითქმის, დიზაინის თითქმის ყველა ხელსაწყო უგულებელყოფს ამ განლაგების სისტემებს, იმის ნაცვლად, რომ აირჩიოს თითოეული ფენის პოზიციონირება, მისი მუყაოს შიგნით. ეს ხსნის ფუნქციას, თუ როგორ მოქმედებს ვებ და როგორ მოქმედებს ჩვენი დიზაინის ხელსაწყოები, მრავალი საკითხის შემოღებაში:

  • საპასუხისმგებლო დიზაინი ძალიან რთულია, რადგან თითოეული ფენა უნდა მოხდეს ხელით ხელახლა გადანაწილება ყველა ავარია. გარდა ამისა, შეიძლება შემოღებულ იქნას შეზღუდვების დაფუძნებული განლაგების სისტემა, მაგრამ ეს სირთულეს მატებს, აძლიერებს სწავლის მრუდებს და საბოლოოდ ხელს უშლის დეველოპერებს განლაგების პირდაპირ ქსელში გადატანაში.
  • ვინაიდან თითოეული ფენა დოკუმენტის ნაკადის მიღმაა, შინაარსის მანიპულირება ხდება რთული. მაგალითად, თუ გსურთ დაამატოთ ელემენტი სიაში, უნდა ხელით გადაახვიოთ ამ სიაში არსებული სხვა ელემენტები. რა თქმა უნდა, განმეორებითი ფუნქციები და სხვა ლამაზი თვისებები შეიძლება დაინერგოს ტკივილის შესამსუბუქებლად, მაგრამ კიდევ ერთხელ, ეს ითვალისწინებს დამატებით სირთულეს და ართულებს იმას, რაც DOM გვაძლევს უფასოდ.
  • აბსოლუტური პოზიციონირება ბუნებრივად იწვევს პიქსელის ფიქსირებულ კოორდინატებს და ზომებს. ეს აწარმოებს მოქნილობას და, კიდევ ერთხელ, არის უზარმაზარი განშორება, თუ როგორ მოქმედებს ვებ. ვებგვერდი აგებულია სითხის ერთეულებზე, როგორიცაა em, rem, vh, vw და%. ჩვენი ინსტრუმენტები უნდა დაეხმაროს ამ განყოფილებებს.

დიზაინის ხელსაწყოებს არ უნდა დასჭირდეს ინტერნეტისა და მისი ნიუანსების მსგავსი ან ასახვა - ისინი უბრალოდ უნდა იყვნენ ინტერნეტში.

მონოლითური საშუალება არ არის

კარგი დიზაინი ხდება ეტაპად. კარგად სტრუქტურირებული დიზაინის სისტემას აქვს რამდენიმე განსხვავებული ფენა:

  1. სტილის პალიტრა ფერების, ჩრდილების, დაშორების, სასაზღვრო სხივების, ტიპის ტიპების, შრიფტის ზომების, ანიმაციების და სხვა სტილის კოლექცია, რომლებიც ქმნიან თქვენი ბრენდის იდენტურობას. ამჟამად, დიზაინის ხელსაწყოების უმეტესობა მხოლოდ ფერის პალიტრებს უჭერს მხარს. სანამ ისინი მხარს არ დაუჭერენ სხვა სტილის თვისებებს, ძალიან შრომატევადი იქნება სისტემატურად შედგენა.
  2. აქტივები ეს მოიცავს ელემენტებს, როგორიცაა ხატები, ილუსტრაციები და სურათები. იქ ფენომენალური გამოსახულების რედაქტორები არსებობს და ფიგმას ვექტორული ინსტრუმენტი შესანიშნავია, მაგრამ როდესაც საქმე SVG მხარდაჭერას ეხება, ჩვენი დიზაინის ხელსაწყოები ტოვებს სასურველს.
  3. კომპონენტის ბიბლიოთეკა კომპონენტი არის სტილისა და აქტივების კოლექცია, რომელიც მონაცემებს ერთ ელემენტად აქცევს სხვადასხვა ვარიაციით. მაგალითებში მოცემულია ღილაკები, მონაცემები, სამკერდე ნიშნები და ა.შ., როგორც აღვნიშნე, ახლახან Figma- მა და Sketch- მა ამოიღეს ეს პროცესი მთავარი ნახაზის ნაკადისგან - სამწუხაროა, რომ ეს მხოლოდ კომპონენტების სურათებია და არა ფაქტობრივი კომპონენტები.
  4. მოდულები მოდული / კომპოზიცია არის კომპონენტების კოლექცია, რომელიც მონაცემებს გადასცემს UI- ის დაქვემდებარებულ ნაწილზე სხვადასხვა შტატში. მაგალითები შეიძლება შეიცავდეს სათაურის ბარები, ჩანართების მენიუები, შესვლის ფორმები, ცხრილები და ა.შ., რადგან მოდულები მხოლოდ რთული კომპონენტებია, მე ვხვდები, რომ Figma- ს და Sketch- საც შეუძლია ამ. თუმც შეიძლება არსებობდეს დამსახურება ორივესგან.
  5. ეკრანები ეკრანზე არის მოდულის, კომპონენტების და მონაცემების კოლექცია, რომ შეიქმნას სრული ინტერფეისი, რომელზეც მომხმარებელს შეუძლია ურთიერთობა.

დიზაინის ხელსაწყოების უმეტესობა გთავაზობთ მახასიათებლებს, რომლებიც მხარს უჭერენ ამ დიზაინის თითოეულ სტადიას გარკვეულწილად, გარკვეულწილად. პრობლემა ის არის, რომ ყველა ეტაპი არის კონფლიქტური. დიზაინის თითქმის ყველა ხელსაწყო გთავაზობთ მხოლოდ ერთ რეჟიმში - ნახატის რეჟიმში. თქვენ შექმნით არტბორდების ერთობლიობას და მხოლოდ დაიწყეთ სურათების დახატვა. მხოლოდ ახლახანს აქვთ ინსტრუმენტები, როგორიცაა Sketch და Figma აბსტრაქტული კომპონენტები / სიმბოლოები დაშორებით მთავარი ნახაზის რეჟიმი - რაც უცნაურია, რადგან წინა განვითარების პროცესში, კომპონენტები მრავალი წლის განმავლობაში იქნა ამოღებული.

სტილის პალიტრის დიზაინის შექმნისას, მე არ მჭირდება არბორდის ან ვექტორული ხელსაწყოების ნახვა. მე მინდა ვნახო ინსტრუმენტები ჰარმონიული ფერების არჩევისთვის. მე მინდა presets ისეთი რამებისთვის, როგორიცაა 8dp ინტერვალიანი მასშტაბის ან ტიპის მასშტაბების შერჩევა.

ხატის შექმნა მოითხოვს მომხმარებლის ნაკადის დიზაინის სრულიად განსხვავებულ რეჟიმს. მარტივი SVG რედაქტორი, რომელიც საშუალებას მომცემდა მშობლიურ SVG ოთხკუთხედების, წრეების, ხაზებისა და ბილიკების დახატვა, მაშინ ექსპორტალიზებული ოპტიმიზირებული SVG კოდი იდეალური იქნებოდა.

კომპონენტის დიზაინის შექმნისას, მე აღარ უნდა ვიფიქრო ინდივიდუალურ სტილებზე - უბრალოდ უნდა გავარჩიო სტილი ჩემი წინასწარ განსაზღვრული სტილის პალიტრებიდან. მე არ შემიძლია მხოლოდ ერთი კომპონენტისთვის tweaking სტილის წამოწყება, რადგან ეს გამოიწვევს შეუსაბამობას, რაც შეავსებს ჩემი დიზაინის სისტემის ეფექტურობას. მას შემდეგ, რაც სტილის პალიტრა იქნება, ის მხოლოდ რედაქტირებადი უნდა იყოს წყაროში.

ანალოგიურად, მოდულის შედგენისას, მხოლოდ ჩემი წინასწარ განსაზღვრული კომპონენტის ბიბლიოთეკა უნდა გამოვცადო. არ უნდა იყოს სტილის თვისებები გვერდითა ხაზში. არ არსებობს ვექტორული ხელსაწყოები. მხოლოდ მეორადი კომპონენტების ბიბლიოთეკა, რომლის საშუალებითაც შემიძლია გადავდე და ჩამოაგდონ მოდულების კომპოზიცია.

იგივე ეხება ეკრანების კომპოზიციას. ამ ეტაპზე, ჩვენ მხოლოდ ვიყენებთ კომპონენტებს და მოდულებს UI- ს შესაქმნელად. ჩვენ არ ვფიქრობთ სტილისა და ფორმის ან სხვა შემოქმედებითი ძალისხმევის შესახებ. ჩვენ პირველ რიგში ორიენტირებულნი ვართ შინაარსისა და მომხმარებლის ნაკადების დიზაინზე.

დიზაინის თითოეული ეტაპი შეიძლება ჩატარდეს ცალკეულ ხელსაწყოებში მთლიანად ან უბრალოდ სხვადასხვა რეჟიმში იმავე ინსტრუმენტის შიგნით. არა მგონია, რომ ეს მნიშვნელოვანი იყოს. ერთი რამ ცხადია, თუმცა, დიზაინის თანამედროვე ინსტრუმენტები ვერც კი აღიარებენ ამ პროცესს.

ჩვენმა საშუალებებმა ხელი უნდა შეუწყოს კარგ დიზაინს

დიზაინერებს იშვიათი ფუფუნება აქვთ იმისთვის, რომ შეძლონ უნიკალური სტილის უსასრულო რაოდენობის დამატება პროექტში, ყოველგვარი შესამჩნევი შედეგების გარეშე. გჭირდებათ შრიფტის ოდნავ დიდი ზომა? უბრალოდ ააფეთქე იგი. არა ბიგლი. ოდნავ ნათელი ფერი გჭირდებათ? უბრალოდ გაეცალე. მაგარია. თქვენ შეგიძლიათ შექმნათ მრავალი ნამუშევარი იმავე პროექტში, თითოეული გამოიყენებს ოდნავ განსხვავებულ მნიშვნელობებს მსგავსი სტილისთვის და ეს ალბათ შეუმჩნეველი იქნებოდა.

თქვენი დიზაინის ინსტრუმენტი არასდროს აპირებს გითხრათ, რომ თქვენ ვერ შეძლებთ რაიმე გააკეთოთ. ის არასდროს აპირებს შეურაცხყოფას, თუ გსურთ გამოიყენოთ ბრენდის ფერი. ეს არასოდეს გიშლით ხელს სივრცის სივრცის მნიშვნელობის გამოყენებაში, რომელიც არ განეკუთვნება თქვენი ინტერვალის მასშტაბებს. ეს არასოდეს გაგაფრთხილებთ, რომ მოსახლეობის 20% სიტყვასიტყვით ვერ ხედავს ის ნაცრისფერ ნაცრისფერ ტექსტს, რომელიც თქვენ ახლავე შეიმუშავეთ.

Და რატომაც არა…? იმის გამო, რომ დიზაინის ხელსაწყოებს არ სჭირდება.

დიზაინის ხელსაწყოები ისე მიმზიდველია შეუზღუდავი შემოქმედების ხედვით, რომლებმაც დაკარგეს მხედველობა, რას გულისხმობენ გონივრულად შედგენა, ინკლუზიურად დაპროექტება, სისტემატურად შედგენა.

მარტივად რომ ვთქვათ, დიზაინის ხელსაწყოები საშუალებას გვაძლევს გავაკეთოთ ის, რაც გვსურს ჯოჯოხეთში. გარკვეულწილად, უსაზღვრო შემოქმედების ეს დონე სასარგებლოა, განსაკუთრებით იდეის ფაზებში. როგორც UI დიზაინერების, ჩვენი სამუშაო ნაკადის უმრავლესობა დიდ შემოქმედებას არ მოითხოვს. უფრო მეტიც, ჩვენი სამუშაო ნაკადი მოითხოვს ხელახლა გამოყენებას, განმეორებას, გაცნობას და სტანდარტიზაციას; სჭირდება ჩვენი ხელსაწყოების გაკეთება მცირედი დასაკმაყოფილებლად.

ეს შეუზღუდავი თავისუფლება ეწინააღმდეგება ვებ განვითარების რეალობას. მას შემდეგ, რაც დეველოპერები მუშაობენ ნამდვილ პროდუქტთან, ყველა მათგანი უნდა მუშაობდეს იმავე კოდებით. დეველოპერებს არ შეუძლიათ უბრალოდ დაამატოთ იზოლირებული შრიფტის ზომები ან შემთხვევითი ფერის მნიშვნელობები კოდის ბაზაში. პირველ რიგში, ლაინერი (განგაშის გაგზავნა, რომელიც გაფრთხილებულია ცუდად დაწერილი კოდის შესახებ), დაუყოვნებლივ დაიწყებს ყვირილს. თუ არა, მაშინ მათი ხელნაკეთი ოსტატობა სავარაუდოდ დააპატიმრეს კოდექსის განხილვის დროს. თუ მან როგორღაც მოახერხა ბზარების გადაღება, შესამჩნევი შესრულების ზემოქმედება საბოლოოდ განგაშის სიგნალს გახდიდა.

ერთ-ერთი ყველაზე დამაბრკოლებელი პრობლემა, რომელსაც პროდუქტის გუნდებზე ვხედავ, არის დიზაინის და განვითარების გუნდებს შორის გათიშვა. დეველოპერები წლების განმავლობაში მუშაობდნენ მკაცრი მითითებებითა და შეზღუდვებით. თუ ჩვენი დიზაინის ხელსაწყოები არ მიიღებენ ამ იგივე შეზღუდვებს, უფსკრული არასოდეს შემცირდება.

ჩვენ უნდა დავპროექტოთ ცოცხალი მონაცემებით

ცოცხალი მონაცემები გარკვეულწილად იქნა შეყვანილი უამრავი ინსტრუმენტის საშუალებით, რაც შესანიშნავად გამოიყურება. Adobe XD- ს აქვს ყალბი მონაცემების გენერირებისთვის ნამდვილად სისუფთავე თვისებები, რომლებიც წააგავს ჩვეულებრივ ცოცხალ მონაცემებს. Invision Craft ასევე გთავაზობთ რამდენიმე მაგარ ცოცხალ მონაცემთა მახასიათებელს Sketch– ისთვის.

ცოცხალი მონაცემები ტექსტით არ უნდა შეჩერდეს. სხვა ელემენტებს, როგორიცაა სურათები და ვიდეო, შეიძლება დიდი გავლენა მოახდინოს მომხმარებლის გამოცდილებაზე დატვირთვის დროის მნიშვნელოვნად გაზრდით. თუ ინტერნეტში მუშაობთ, ბრაუზერის dev ხელსაწყოები საშუალებას გაძლევთ გადააგდოთ კავშირი, რომ დაემსგავსოთ მრავალფეროვან ინტერნეტ სიჩქარეს. ამის შემდეგ, თქვენ ნახავთ, თუ როგორ შეიძლება გავლენა მოახდინოს ახალმა შინაარსმა მომხმარებლის გამოცდილებაზე.

გვაქვს თუ არა ჩვენი დიზაინის ხელსაწყოები ამ ფუფუნება?

ერთი სიტყვით: არა.

რაც უფრო ვუახლოვდებით ფაქტობრივი პროდუქტის დიზაინს, მით უფრო სასარგებლო და გავლენიანი შეიძლება იყოს ჩვენი დიზაინის მუშაობა.

ვებ – გვერდი ღიაა. ჩვენი ინსტრუმენტებიც უნდა იყოს.

ერთ – ერთი მართლაც მშვენიერი რამ არის ვებ – გვერდზე მისი ღია წვდომა. ვებსაიტს ნახავთ ნებისმიერ ბრაუზერში, ნებისმიერ მოწყობილობაზე.

როგორ არის ეს შედარება დიზაინის ხელსაწყოებთან? რამდენიმე დღის წინ, ჩემმა ძმამ, დავითმა მთხოვა, რომ შემუშავებულიყო შემუშავებული პროგრამა. მან გამომიგზავნა ესკიზის ფაილი. როდესაც გავხსენი ეს მოხდა…

დიზაინის ხელსაწყოების უმეტესობა კედლებიანი ბაღებია. თუ ერთი კოლეგა მუშაობს Photoshop– ში, სხვა კოლეგას არ შეუძლია ამ პროექტის გახსნა Sketch– ში. საკმარისი არ არის, რომ მთელი თქვენი გუნდი იგივე ინსტრუმენტის გამოყენებით გამოიყენოთ - ისინი ასევე უნდა გამოიყენონ ამ ინსტრუმენტის იგივე ვერსია.

Marvel და Figma აქ კარგ საქმეს აკეთებენ, გთავაზობთ უფასო გეგმებსა და თანამშრომლობის ინოვაციურ მახასიათებლებს.

რა არის მომავალი დიზაინის ხელსაწყოების შესახებ?

დიზაინის ინსტრუმენტებში ინოვაცია ძალზე ღირებულია და ამას ახლახან ბევრი რამ მოჰყვა. Airbnb დიზაინის ხელსაწყოებზე ჯონ გოლდი და ბენჯამინ უილკინსი მუშაობდნენ React-Sketchapp– ზე, რომელიც React– ის კომპონენტებს იღებს და მათ Sketch– ს შიგნით ასრულებს. ჯონი და ბენ ასევე მუშაობდნენ გონების ამაღელვებელ ახალ ინსტრუმენტზე, რომელიც ხელსახოცების ესკიზებს იღებს და რატომღაც მათ React კომპონენტებად აქცევს.

ადამ მორსი, ბრენტ ჯექსონი და ჯონ ოტანდერი მუშაობენ კომპოზიტორზე ინსტრუმენტების პაკეტზე, რომლებიც, ძირითადად, ამ სტატიასა და იქნებ მსოფლიოში არსებულ ყველა პრობლემას აგვარებენ.

ვმუშაობ Modulz- ზე, ახალი დიზაინის ხელსაწყოსა და ღია კოდების დიზაინის სისტემაზე, რომელიც ასევე მიზნად ისახავს პრობლემების მოგვარებას, რომელიც მე ამ სტატიაში ვახსენე. თუ გაინტერესებთ, გაჰყევით Twitter- ს განახლებების შესახებ.

მართალია, ინსტრუმენტებში ინოვაცია მნიშვნელოვანია, რეალური გამოწვევა არის განათლება. დიზაინის საზოგადოება უბრალოდ არ არის მზად სისტემური დიზაინის ხელსაწყოსთვის. ბევრ დიზაინერს ნაკლებად აქვს ინტერესი მშენებლობის სისტემების მიმართ. ზოგისთვის JPG არის საბოლოო მიზანი - Dribbble მოსწონს.

ჩვენ უნდა როგორმე შთააგონოთ ანგარიშვალდებულების კულტურა. დეველოპერებს წლების განმავლობაში აქვთ ანგარიშვალდებულების კულტურა. მათ აქვთ ინსტრუმენტები, რომ შეინარჩუნონ თავიანთი კოდი. თუ დეველოპერი განმეორებით გამოირჩევა მათი მკაცრი კოდექსის სახელმძღვანელო პრინციპებიდან, შეგიძლიათ დარწმუნებული იყოთ, რომ ეს საკითხი იქნება.

იმავდროულად, დიზაინერები ხშირად უყრიან ფენებს მთების არეულობის პირობებში, ფრთხილად არ ექცევიან ფენების დასახელებას, დაჯგუფებას და წესრიგს. ეს ძალიან ბევრია საკუთარი. იმის გამო, რომ გამომავალი (რასტერული სურათი) გავლენას არ ახდენს შეყვანის (ვექტორული ფენების) გავლენით, დიზაინერებზე ორგანიზება ნამდვილად არ დევს. დიზაინერები ხშირად ამართლებენ ამ ორგანიზებულობის ნაკლებობას, რომანტიზაციას უწევენ დიზაინის ხელოვნებას, ხატავენ თავს, როგორც ჯადოქრებს, რომლებიც ასრულებენ საკუთარ მოწყობილობებს.

ჩვენ ასევე უნდა შთაგონდეს ინკლუზიური კულტურა. ჩვენ აქტიურად უნდა დავიმახსოვროთ ისეთი ბოროტმოქმედება, როგორიცაა ულტრა მსუბუქი ტექსტის ფერები, რაც ტექსტს ბევრს ართულებს ან ძალიან მაღალხარისხიან ტიპებს, რომლებიც ვებგვერდებს ნელდება დატვირთვისთვის, ან UI უქსოვი ელემენტები, რომლებიც ვერ ხერხდება ფერების უსინათლოებისთვის გასაგებად. ამჟამად, ამ ტიპის დაურღვევლობა აპლოდისმენტდება დიზაინის საზოგადოებაში. თუ ჩვენ გვსურს მივესალმოთ ჭკვიანი დიზაინის ხელსაწყოს, ჩვენ უნდა გადავიტანოთ ეს კულტურა.

თუ სისტემური დიზაინის ხელსაწყო ჩვენი გულის მოსაგებად არის, მან პირველ რიგში უნდა ისწავლოს.