Adobe XD: დიზაინი, პროტოტიპი და გაზიარება Adobe's UX / UI Solution- ით

დღეს მე დავაინსტალირე Adobe XD, Adobe– ის UX / UI გადაწყვეტა ვებ – გვერდების, ვებ – პროგრამებისა და მობილური აპლიკაციების პროტოტიპირებისთვის. Adobe XD საშუალებას აძლევს მომხმარებლებს გადაადგილდნენ სტატიკური მავთულის ჩარჩოებიდან ინტერაქტიულ პროტოტიპებზე ერთი დაწკაპუნებით. შეგიძლიათ შეიტანოთ ცვლილებები თქვენს დიზაინში და ავტომატურად იხილოთ თქვენი პროტოტიპის განახლება - სინქრონიზაცია საჭირო არ არის. თქვენ შეგიძლიათ წინასწარ დაათვალიეროთ თქვენი პროტოტიპები, სრული გადასვლებით iOS და Android მოწყობილობებზე, შემდეგ კი გაუზიაროთ ისინი თქვენს გუნდს სწრაფი უკუკავშირისთვის.

Adobe XD

Adobe XD თვისებები მოიცავს:

  • ინტერაქტიული პროტოტიპები - გადადით დიზაინისგან პროტოტიპის რეჟიმში ერთი დაწკაპუნებით და დააკავშირეთ არტბორდები მრავალეკრანული აპლიკაციების ნაკადის და ბილიკების კომუნიკაციისთვის. დააკავშირეთ დიზაინის ელემენტები ერთი არტიდან მეორეში, მათ შორის, გამეორება ბადის უჯრედებში. დაამატეთ ურთიერთქმედება ინტუიციურ ვიზუალურ კონტროლთან გამოცდილების შესამოწმებლად და დასადასტურებლად.
  • გამოაქვეყნეთ პროტოტიპები გამოხმაურებისთვის - შექმნით გასაზიარებელ ვებ – ბმულებს თქვენი დიზაინის შესახებ გამოხმაურების მისაღებად, ან ჩადეთ ისინი Behance– ზე ან ვებ – გვერდზე. მიმომხილველებს შეუძლიათ კომენტარი გააკეთონ უშუალოდ თქვენს პროტოტიპებზე და თქვენი დიზაინის კონკრეტულ ნაწილებზე. თქვენ მიიღებთ შეტყობინებას, როდესაც ისინი კომენტარს გააკეთებენ, და მათ უბრალოდ შეუძლიათ განაახლონ ბრაუზერები თქვენი ცვლილებების სანახავად.
  • სწრაფი, მრავალმხრივი არტბორდები - მიუხედავად იმისა, მუშაობთ ერთ არტბორდთან თუ ასთან, XD იგივე სწრაფ შესრულებას გაძლევთ. დიზაინი სხვადასხვა ეკრანებისა და მოწყობილობებისთვის. პანელის და მასშტაბირება შუალედის გარეშე. შეარჩიეთ წინასწარ განსაზღვრული ზომებიდან ან განსაზღვრეთ თქვენი საკუთარი და გადაწერეთ არტბორდებს შორის თქვენი დიზაინის ელემენტების განლაგების დაკარგვის გარეშე.
  • გამეორება ქსელის - შეარჩიეთ თქვენი დიზაინის ელემენტები, როგორიცაა კონტაქტების სია ან ფოტოგალერეა და გაიმეორეთ ჰორიზონტალურად ან ვერტიკალურად, რამდენჯერაც გსურთ - თქვენი ყველა სტილი და ინტერვალი უცვლელი რჩება. ერთხელ განაახლეთ ელემენტი და თქვენი ცვლილებები განახლდება ყველგან.
  • Cross-platform მხარდაჭერა - Adobe XD ადგილობრივად მხარს უჭერს Windows 10 (უნივერსალური Windows პლატფორმა) და Mac, თანმხლები მობილური აპებით Android და iOS.
  • აქტივების პანელი - ადვილად გამოსაყენებლად გახადეთ ფერები და სიმბოლოების სტილები მათი დამატება აქტივების პანელში (ყოფილი სიმბოლოების პანელი), რომელიც ავტომატურად შეიცავს სიმბოლოებს. პანელში შეიტანეთ ნებისმიერი ფერის ან პერსონაჟის სტილის რედაქტირება და ცვლილებები აისახება თქვენს დოკუმენტში.
  • გადაიფიქრა სიმბოლოები - დაზოგე დრო სიმბოლოებით, მრავალჯერადი დიზაინის ელემენტებით, რომლებიც გამორიცხავს აქტივის თითოეული ინსტანციის მოძიებას და რედაქტირებას დოკუმენტში. განაახლეთ ერთი და ისინი ყველგან განაახლებენ ან აირჩიონ კონკრეტული ინსტანციების უგულებელყოფა. სიმბოლოები შეიძლება იყოს ვექტორული გრაფიკა, რასტრული გამოსახულება ან ტექსტის ობიექტი და ისინი ასევე შეიძლება გამოყენებულ იქნეს როგორც გამეორების ქსელების ობიექტები.
  • შემოქმედებითი ღრუბლის ბიბლიოთეკები - Creative Cloud Libraries ინტეგრაციის საშუალებით შეგიძლიათ წვდომა და გამოყენება რასტრული სურათების, ფერების და პერსონაჟების სტილის შესაქმნელად Photoshop CC, Illustrator CC და სხვა Creative Cloud პროგრამებში XD შიგნიდან და მათი გამოყენება ხელახლა გამოიყენოთ თქვენს დოკუმენტებში.
  • კონტექსტუალური საკუთრების ინსპექტორი - იმუშავეთ უწესრიგო სივრცეში კონტექსტზე გათვლილი ქონების ინსპექტორის წყალობით, რომელიც აჩვენებს მხოლოდ ვარიანტებს თქვენს მიერ არჩეული ობიექტებისთვის. შეცვალეთ თვისებები, როგორიცაა საზღვრის ფერი და სისქე, შეავსეთ ფერები, ჩრდილები, დაბინდვა, გაუმჭვირვალობა და ბრუნვა და გასწორების, ზომებისა და ქსელის გამეორების წვდომის ვარიანტები.
  • ჭკვიანი ტილო ნავიგაცია - მარტივად გაადიდეთ თქვენი დიზაინის კონკრეტულ არეზე, ან გააკეთეთ არჩევანი არტბორდზე და გამოიყენეთ მალსახმობი, რომ მოახდინოთ მასზე მასშტაბირება. მაუსის, სენსორული პანელის ან კლავიატურის მალსახმობებით გადაადგილება ან მასშტაბირება. და მიიღეთ შესანიშნავი შესრულება მაშინაც კი, თუ ასობით არტბორდი გაქვთ.
  • კონტექსტური ფენები - იყავით ორგანიზებულები და კონცენტრირებულნი რთული დიზაინის მართვისას, ფენების მიმართ კონტექსტუალური მიდგომის წყალობით. XD ხაზს უსვამს მხოლოდ იმ შრეებს, რომლებიც დაკავშირებულია არტბორდთან, რომელზეც მუშაობთ, ასე რომ თქვენ სწრაფად და მარტივად იპოვით თქვენთვის სასურველს.
  • განლაგების სახელმძღვანელო ინსტრუმენტები - შეუფერხებლად დახაზეთ, გამოიყენეთ ხელახლა და შეარჩიეთ დიზაინის ელემენტები სწრაფი ქსელების და სხვა ინტუიციური განლაგების საშუალებების გამოყენებით, რაც დაგეხმარებათ შექმნათ ფარდობითი გაზომვები ობიექტებს შორის, ფორმის ნიღაბი, ჯგუფის დაბლოკვა, დიზაინის ელემენტების გასწორება და განაწილება და ა.შ.
  • დაბინდვის ეფექტები - სწრაფად გაანადგურეთ კონკრეტული ობიექტი ან მთელი ფონი თქვენი დიზაინის ფოკუსური წერტილის შესაცვლელად, რაც მას სიღრმეს და განზომილებას მისცემს.
  • მრავალმხრივი ხაზოვანი გრადიენტები - შექმენით ლამაზი წრფივი გრადიენტები მარტივი, მაგრამ ზუსტი ვიზუალური მართვის საშუალებების გამოყენებით Color Picker- ში. გრადიენტების იმპორტი ასევე შეგიძლიათ Photoshop CC და Illustrator CC– დან.
  • თანამედროვე კალამი კალმის საშუალებით მარტივად დახაზეთ ფორმები და ბილიკები. გამოიყენეთ მორგებული ბილიკები, დაამატეთ ან წაშალეთ წამყვანის წერტილები, მარტივად მოახდინეთ ხაზების მანიპულირება და გადახვიდეთ დახრილ და დახრილი ბილიკებს შორის - ეს ყველაფერი იგივე ინსტრუმენტით არის.
  • ლოგიკური ჯგუფის რედაქტირება - რთული ფორმების შექმნა და ექსპერიმენტი ობიექტების ჯგუფების შერწყმით არა დესტრუქციული ლოგიკური ოპერატორების გამოყენებით.
  • ტიპოგრაფიის სტილი - ტექსტის სტილი ზუსტი კონტროლით, მომხმარებლის გამოცდილების გასაუმჯობესებლად. მარტივად მოერგეთ ტიპოგრაფიული ელემენტები, როგორიცაა შრიფტი, ტიპაჟი, ზომა, გასწორება, სიმბოლოების ინტერვალი და ხაზების ინტერვალი. შეცვალეთ თქვენი ტექსტის გარეგნობა XD– ში სხვა ელემენტების შეცვლის მსგავსად, როგორიცაა გაუმჭვირვალობა, შევსება, ფონის და დაბინდვის ეფექტები და საზღვრები.
  • გამარტივებული ფერის კონტროლი - შეარჩიეთ ფერები ზუსტი მნიშვნელობების შეყვანით ან Eyedropper- ით XD- ის შიგნიდან ან გარეთ შერჩევით. შექმენით და შეინახეთ ფერადი ჯგუფები და გამოიყენეთ მალსახმობები თექვსმეტობითი კოდებისთვის Color Picker- ში.
  • UI რესურსები - სწრაფად შეიმუშავეთ და შეასრულეთ პროტოტიპი Apple iOS, Google Material Design და Microsoft Windows მოწყობილობებისათვის მაღალი ხარისხის ინტერფეისის კომპონენტების გამოყენებით.
  • დააკოპირეთ და ჩასვით სხვა დიზაინის აპებიდან - შემოიტანეთ ნამუშევრები XD– ში Photoshop CC და Illustrator CC– დან.
  • კონტექსტში iOS და Android გადახედვა - გადახედეთ თქვენს დიზაინს და ყველა ურთიერთქმედებას იმ რეალურ მოწყობილობებზე, რომლებზეც მიზნად ისახავთ. შეიტანეთ ცვლილებები დესკტოპზე და შემდეგ შეამოწმეთ ისინი თქვენს მოწყობილობებზე ერთგულებისა და გამოსაყენებლად.
  • ცხელი წერტილის მინიშნება - ავტომატურად მონიშნეთ ცხელი წერტილები თქვენს პროტოტიპში, რათა მომხმარებლებმა ნახონ რომელი ადგილებია ინტერაქტიული და დაწკაპუნება.
  • პროტოტიპის მართვა - შექმენით ერთი და იგივე ფაილიდან მრავალი URL თქვენი პროტოტიპის სხვადასხვა ვერსიის გასაზიარებლად. გააზიარეთ შეუზღუდავი რაოდენობის პროტოტიპები და მარტივად შეხვიდეთ და წაშალოთ ისინი თქვენი Creative Cloud ანგარიშიდან.
  • პროტოტიპის ურთიერთქმედების ვიდეოებად ჩაწერა - გადახედვისას დააჭირეთ, ჩაწერეთ MP4 ფაილი, რომ გაუზიაროთ თქვენს გუნდს ან დაინტერესებულ მხარეებს (მხოლოდ Mac).
  • ექსპორტის ნიმუშების, აქტივებისა და არტბორდების ექსპორტი - ექსპორტისა და სურათების ექსპორტი PNG და SVG ფორმატებში, რომელთა კონფიგურაცია შეგიძლიათ iOS, Android, ვებსაიტი ან თქვენი საკუთარი მორგებული პარამეტრებისთვის. ექსპორტის მთელი დაფა ან ცალკეული ელემენტები. გააზიარეთ აქტივები და დაფები ექსპორტით, როგორც ინდივიდუალური PDF ფაილები, ან როგორც ერთი PDF ფაილი.
  • მრავალენოვანი მხარდაჭერა - მხარდაჭერილი ენებია ინგლისური, ფრანგული, გერმანული, იაპონური და კორეული.
  • ელ.ფოსტით შეტყობინებები კომენტარებისთვის - მიიღეთ ელ.ფოსტის შეტყობინებები, როდესაც დაინტერესებული მხარეები კომენტარს აკეთებენ თქვენს ვებ – პროტოტიპებზე. ელ.ფოსტის გაგზავნა შესაძლებელია ინდივიდუალურად ან ყოველდღიურად დაიჯესტს

ყველაზე კარგი, Adobe XD თან ახლავს ჩემი ლიცენზია Adobe Creative Suite– ზე.

გამჟღავნება: ჩვენ Adobe- ის შვილობილი კომპანიები ვართ.

რას ფიქრობთ?

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