Figma: დიზაინი, პროტოტიპი და თანამშრომლობა საწარმოს მასშტაბით

ფიგურა

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

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

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

ფიგურა

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

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

ფიგმას აქვს უნიკალური თვისებები:

  • ლოგიკური ოპერაციები - ოთხი ფორმულასთან ერთად: გაერთიანება, გამოკლება, გადაკვეთა და გამორიცხვა, ფორმის ფენების ნებისმიერი ნაკრების სიზუსტით შეთავსება შეგიძლიათ.
  • კომპონენტები - ააშენეთ უფრო სწრაფად და თანმიმდევრულად თქვენი ფაილების მრავალჯერადი და მასშტაბური ელემენტებით. თითოეულ ინსტანციაში მიდით ფენებზე, რათა ინტუიციურად შეძლოთ ტექსტისა და სურათების ინტუიციურად რედაქტირება და გადახედვა.
  • შეზღუდვები - მასშტაბირეთ თქვენი დიზაინი ეკრანის ნებისმიერ ზომაზე, რათა დააფიქსიროთ საგნები მშობლის ჩარჩოზე, ობიექტი გაანაწილოთ ბადეზე ან თუნდაც ამ მასშტაბის კომპონენტები შექმნათ.
  • მოწყობილობის ჩარჩოები - წარმოადგინეთ თქვენი დიზაინები შესაბამის გარემოში. თქვენ შეგიძლიათ აირჩიოთ პორტრეტი და ლანდშაფტის რეჟიმიც კი.
  • ურთიერთქმედება - გაახალისეთ თქვენი პროტოტიპები, დააწკაპუნეთ ინტერაქციის შესახებ, დაწკაპუნების დროს, მაჯის ქვეშ, დაჭერისას და ა.შ.
  • გადახურვის - ფარდობითი და ხელით პოზიციონირებით თქვენ სრული კონტროლი გაქვთ იმაზე, თუ სად და როგორ ჩნდება გადახურვები.
  • პიქსელის სრულყოფა - 60fps ინტერაქტიული რედაქტირება შემოგთავაზებთ ულტრა მკაფიო, პიქსელის სრულყოფილ გადახედვას და ექსპორტს.
  • prototyping - სწრაფად ააშენეთ ნაკადები ეკრანების დამაკავშირებლად და ისეთი ელემენტების დამატებაში, როგორიცაა ურთიერთქმედება, გადასვლები, გადახურვები და ა.შ. სხვა ინსტრუმენტებთან სინქრონიზაციის ნაცვლად, უბრალოდ გააზიარეთ URL გამოხმაურების მისაღებად.
  • საპასუხო დიზაინი - გაჭიმეთ თქვენი განლაგებები და ნახეთ, როგორ რეაგირებენ ისინი ეკრანის ზომის ცვლილებებზე.

საპასუხო პროტოტიპები

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

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

დაიწყეთ ფიგმით

Figma– ს აქვს გაკვეთილების დიდი არჩევანი, რომლებსაც ისინი ინარჩუნებენ Youtube არხიაქ მოცემულია ვიდეოს დაწყება:

ფიგურა აძლევს დეველოპერებს შესაძლებლობას, დაათვალიერონ, დააკოპირონ, მოახდინონ აქტივების ექსპორტი და CSS კოპირება უშუალოდ დიზაინის ფაილიდან. ასევე შეგიძლიათ ჩართოთ თქვენი არსებული სამუშაო პროცესები ინტეგრაციით, მათ შორის airship, ავკოდი, Jira, Dropbox, ProtoPieდა პრინციპი მაკისთვის. მათ ასევე აქვთ ძლიერი API.

სცადეთ Figma უფასოდ

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