თუ არსებობს ასოს მუშაობის Illustrator, რომ მე ნამდვილად არ სარგებლობენ ეს კონვერტაცია ხაზის ხელოვნების SVG სურათები მობილური ან ვებ. ექსპორტის ექსპორტის ექსპორტის გამოყენება როგორც მენიუ, ისე სასტიკად პატიოსანი, შენახვა ვებ ფუნქცია - ექსპორტი> შენახვა ვებ -თვის არ იყო ზუსტად მარტივი.
.svg ფორმატისთვის გადაღებისას საკმაოდ სახიფათო დიალოგური ფანჯარა გაიხსნა, რომ ამ სამუშაოსთვის ახალი ადამიანებისათვის შესთავაზეს დამაბნეველი მასალების პარამეტრები, რომ აღარაფერი ვთქვათ, რომ იყო მთელი რიგი სიმბოლოები და მხოლოდ ერთი მათგანი იყო ფორმატი. ამ სამუშაოს შესრულების შემდეგ, ეს არ იყო დიდი საქმე, მაგრამ სასწავლო მრუდი ციცაბო იყო.
ეს ყველაფერი შეიცვალა ექსპორტისთვის Screens- ის ექსპორტით - Export> ექსპორტისათვის Screens - და აქტივების ექსპორტი პანელი, რომლებიც დაინერგა Illustrator CC 2015 წლის ივნისში 2016 წელს. ამ "როგორ" მე ვაჩვენებ, თუ როგორ გამოიყენოთ ორივე მახასიათებლები. დავიწყოთ.
04 01
როგორ წვდომა ექსპორტი ეკრანებზე Adobe Illustrator CC 2015
Illustrator 88 წლიდან მე ვფიქრობ, რომ თქვენ შეგიძლიათ გაიგოთ ჩემი თავშეკავება Illustrator განიხილოს სერიოზული დიზაინის ინსტრუმენტი ვებ და მობილური ინტერფეისები და პროექტები.
2008 წლის CS4 ვერსიაში შემოღებულ იქნა artboards, ვფიქრობდი, რომ ეს იყო საინტერესო გარდა განაცხადის. როდესაც მე პირველად ვნახე ახლადაქვეითებული შენახული ვებ ფუნქციის Illustrator- ში, ისევ საინტერესო აღმოჩნდა, მაგრამ მე ვიპოვე იგივე ფუნქცია, რომელიც Adobe Fireworks- ში უფრო შეესაბამებოდა ვებ გრაფიკას, ვიდრე Illustrator.
პორტალის პროექტებისთვის მობილური პირველი მიდგომის შექმნისა და SVG სურათების მობილური პროექტების ზრდასთან ერთად, Illustrator იყო SVG- ისთვის ჩემი "გადადით" ინსტრუმენტი და გახდა მნიშვნელოვანი გაჩერება UI დიზაინის სამუშაო პროცესში.
მიუხედავად ამისა, თუ საჭიროა მობილური მოწყობილობების ექსპორტისთვის, Sketch 3 და Photoshop CC 2015 ჩემი არჩევანი არჩევანი. ილუსტრატორი სიაში შევიდა 2016 წლის ივნისში, სინამდვილეში, ექსპორტისთვის მენიუს ექსპორტისთვის.
ზემოთ მოყვანილი მაგალითში მაქვს ორი ეკრანები, რომლებიც განკუთვნილია iPhone- ზე და ისინი ცალკეულ მხატვართან სახელწოდებით "სახლი" და "ადგილები" არიან. გამომავალი მათთვის, აირჩიეთ ფაილი> ექსპორტი> ექსპორტი ამისთვის ეკრანები. ექსპორტის ეკრანები დიალოგური ფანჯარა იხსნება.
04 04
როგორ გამოვიყენოთ ექსპორტი Screens დიალოგური ყუთი
როდესაც გამოჩნდება დიალოგური ფანჯარა, შეარჩიეთ თითოეული არტიკულირება. ეს იქნება სპორტის გამშვები პუნქტი. ასევე შეგიძლიათ ორკლასიანი სახელის შერჩევა მხატვრების სახელის შესარჩევად და შეცვალოთ იგი. ეს არის კარგი რამ, თუ თქვენი არტბორდები სახელწოდებით "Artboard 1" და "Artboard 2", რომელიც გულწრფელად გითხრათ.
თქვენ გაქვთ სამი არჩევანი აირჩიეთ არეალში:
- ყველა: ეს არჩევანი ექსკლუზიურად თითოეულ არტბორდს დოკუმენტში ცალკე ფაილს აწვდის.
- დიაპაზონი: შეიტანეთ ექსპორტირებული არტბორდები. ეს განსაკუთრებით სასარგებლოა რამდენიმე ათეული არტბორდის პროექტებისთვის.
- სრული დოკუმენტი: აირჩიეთ ეს და ყველა არტბორდი იქნება ერთი დოკუმენტი.
ექსპორტი ტერიტორია საშუალებას გაძლევთ აირჩიოთ დანიშნულების საქაღალდე გამომავალი. ნაგულისხმევი ფოლდერი იქნება Illustrator დოკუმენტის ამჟამინდელი მდებარეობა.
ფორმატები, სადაც "ჯადოსნური ხდება. შეამჩნევთ, რომ არსებობს სამი ხატი- iOS. Android და Gear. პირველი ორი თვითმმართველობის ახსნა-განმარტებაა. Gear ხატულა იწყებს ფორმატირების პარამეტრებს, რომელიც საშუალებას აძლევს საშუალებას გაკონტროლოთ, თუ როგორ უნდა მოხდეს თითოეული ფაილის ფორმატი ოპტიმიზაციაში. ეს პარამეტრები "ფორმატის სპეციფიკურია" და თქვენი ცვლილებების შემდეგ, დააჭირეთ ღილაკს "შენახვის ღილაკზე" და ამ ცვლილებებს გამოვიყენებთ გამოსატანად.
მას შემდეგ, რაც თქვენ iOS ან Android აირჩიოთ სია შეიცვლება მოიცავს ყველა რეზოლუციებს, რომ პლატფორმა. IOS ჩამონათვალი გამოჩნდება სკალირების ფაქტორები ბადურის ჩვენების და Android შერჩევის ექნება სასწორები დაწყებული .75x to 4x რომელიც გათვალისწინებულია პრაქტიკულად ყველა Android მოწყობილობა არსებობს.
თუ არსებობს ფორმატი, რომელიც გსურთ ამოიღოთ, დააჭირეთ "x". თუ არსებობს ერთი გსურთ დაამატოთ დააჭირეთ + დამატება Scale ღილაკს.
დასრულების შემდეგ, დააჭირეთ ექსპორტის ხელოვნების ღილაკს და პროგრესი ბარი გაჩვენებთ პროცესის დასრულებისას.
04 04
გამოყენება ექსპორტი ამისთვის Screens ფაილები Adobe Illustrator CC 2015.
როდესაც თქვენ შეამოწმეთ შედეგები ექსპორტის ეკრანები, თქვენ აღმოაჩენთ, რომ Illustrator აქვს გამომავალი flattened ვერსია თითოეული ეკრანზე. ზედაპირზე, ეს შეიძლება ცოტა სუსტი აღმოჩნდეს, განსაკუთრებით იმ შემთხვევაში, თუ თქვენ ილუსტრატორის მოლოდინში იყავით ექსპორტზე ყველა ბიტი და ცალი, როგორც გამოსახულება.
თუ უკან დახევას და ერთი წუთით ფიქრობთ, ეს არის ზუსტად ის, რაც გჭირდებათ, რადგან შეგიძლიათ გამოიყენოთ ეს გამომუშავება პროტოტიპების გამოყენებისას, როგორიცაა Adobe Experience Design , Principleformac, Atomic.io , UXPin ან სხვა პროტოტიპების გამოყენება
ამ მაგალითში, მე ვიყენებ Adobe Experience Design (XD) შექმნას მარტივი click-thru. ამ პროცესში პირველი ნაბიჯი იყო iPhone 6 ზომა, რომელიც შეესაბამებოდა ილუსტრატორის ინტერფეისის ზომებს
როდესაც ინტერფეისი გაიხსნა, მე არჩეული Artboard ინსტრუმენტი და დაწკაპავთ ერთხელ pasteboard რომ დაამატოთ სხვა არტბორდი. მე დავურეკე მათ "სახლი" და "ადგილები", შერჩეული თითოეული არტილერია და იმპორტირებული სურათის გამოსახულება Illustrator- ში არტბორდზე.
დაწკაპეთ- thru- სთვის "ცხელი წერტილების" შესაქმნელად სახლის ეკრანზე შეისწავლეთ ღილაკი Explore- ზე და შეავსეთ მისი შევსება და სასაზღვრო ფასეულობები, რომლებსაც არც Properties Properties პანელში არ მოახდენენ. მე იგივე რამ გავაკეთე უკან ღილაკზე მდებარე გვერდზე.
ინტერქტურობის დასამატებლად, პროტოტიპის რეჟიმი შევასრულე და შემდეგ დააჭირეთ "ჰოსპეტს". მე გადავედი arrow- სახელწოდების მავთული - ადგილები გვერდზე და დააყენეთ გარდამავალი სამიზნე ადგილები, მოძრაობა დააყენებს მარცხნივ, გამარტივება განმუხტვის out და ხანგრძლივობა გადასვლას .6 წამი.
მე განმეორდა ამ ნაბიჯს ცხელ წერტილში მდებარე ადგილები გვერდზე. ერთადერთი განსხვავება იყო გარდამავალი იყო დააყენებს მარჯვნივ. როდესაც დაკლიკეს Play ღილაკზე, მე ვცადე ჩემი პროტოტიპი.
04 04
როგორ გამოვიყენოთ ექსპორტის აქტივების პანელი Adobe Illustrator CC 2015
გარდა ამისა, Save Screens მენიუ Adobe- მა ასევე დაამატა ახალი პანელი - ასეტ ექსპორტი - რომელმაც წაშალა უზარმაზარი ტკივილის წერტილი UI Design Workflow- ში.
ტკივილის წერტილი ხატები იყო. Illustrator არის დიდი ვექტორული ნახაზი პროგრამა, მაგრამ გამომავალი, ვთქვათ 10 ხატები, გვერდზე 40 ან 50 მათგანი საჭირო თითოეული გადაარჩინა, როგორც SVG სურათი. ეს აუცილებელია მეტი დრო, ვიდრე ჩვეულებრივი წყალობით წარმატებული ვიზიტების SVG პანელი. ეს ტკივილი არის წარსულის საკითხი.
ეს ახალი პანელი შეგიძლიათ იხილოთ Window> Asset Export- ში. როდესაც პანელი იხსნება, აირჩიეთ აქტივი, რომელიც გსურთ SVG- ს ან სხვა ფორმატში გადაიყვანოთ და გადაიტანოთ პანელში. როდესაც მაუსის გათავისუფლება პანელში აქტივის მინიატურის დამატებაა. დაასახელეთ აქტივი. შეინახეთ ობიექტების პანელი სანამ დასრულდება.
აირჩიეთ თითოეული ელემენტი ექსპორტის პარამეტრების არეალში, ან შეარჩიეთ ისინი ყველაფრის მიხედვით, რომლებიც იყენებენ Shift ღილაკს და დაწკაპეთ თითოეულზე. აირჩიეთ ფორმატი - ამ მაგალითში, მე აირჩია SVG- და დააჭირეთ ექსპორტის ღილაკს. შერჩეული ელემენტი გამოვა როგორც SVG ფაილებს იმავე ადგილას, როგორც Illustrator ფაილი.
თუ ეს მთელი პროცესი მიიღებს თუნდაც neater, თქვენ არ უნდა გამოიყენოთ აქტივების ექსპორტი პანელი. თუ თქვენ დააჭირეთ Screens for ღილაკს ბოლოში პანელი დიალოგი ყუთი იხსნება.
პირიქით, თქვენ შეგიძლიათ დააჭიროთ აქტივების ჩანართს Save for Screens პანელი წვდომისათვის აქტივების ექსპორტი პანელი. მაგალითად, თუ თქვენ გაქვთ საბაჟო ხატულა მხატვარზე შეგიძლიათ გახსენით აქტივების ექსპორტის პანელის გახსნა ეკრანის დიალოგურ ფანჯარაში და გადაათრიეთ ეს ელემენტი აქტივების ექსპორტის პანელში.