დასაწყისი: ნიუანსების გარკვევა. კონტროლისა და სიზუსტის გაზრდილი დონე
ამ გვერდზე ვისაუბრებ ვექტორული გრაფიკის რედაქტორში მუშაობის ტექნიკაზე. Corel Draw. ისინი შემუშავდა რამდენიმე დიზაინერი მეგობრისგან კითხვების დასმის შემდეგ, რომლებსაც არ ჰქონდათ ვებსაიტების შემუშავების გამოცდილება და აიღეს ვალდებულება შექმნან მხოლოდ გვერდის გრაფიკული განლაგება. კითხვები ჩამოყალიბდა შემდეგნაირად: "რა არის ჩემი ნახატის ველის ზომები?" და "შემიძლია დავხატო ყველაფერი?" ქვემოთ აღწერილი ყველა ნაბიჯი დაახლოებით ერთ წუთს მიიღებს და საშუალებას მოგცემთ ერთხელ და სამუდამოდ ამოიღოთ ზომის საკითხი. მუშაობა ჩატარდა Corel Draw X4-ში, ამიტომ ზოგიერთი მენიუს სახელები შეიძლება განსხვავდებოდეს პროგრამის სხვა ვერსიებისგან.
ასე რომ, დავიწყოთ. პირველ რიგში, მოდით გავხსნათ Internet Explorerდა გააფართოვეთ იგი სრულ ეკრანზე. ნებისმიერი საიტის ჩატვირთვის გარეშე - ბრაუზერის ფანჯარა სუფთა უნდა იყოს - დააწკაპუნეთ ბეჭდვის გასაღებიეკრანი. ზოგჯერ შეიძლება დაგჭირდეთ დაჭერა ბეჭდვის ეკრანიზედიზედ 2-ჯერ. ვიღებთ ბრაუზერის ეკრანის სურათს (სკრინშოტს), რომელიც მდებარეობს კომპიუტერის ბუფერში. გახსენით Corel, შექმენით ახალი ფაილი. შემდეგ სახაზავზე 2-ჯერ უნდა დააწკაპუნოთ მაუსის მარჯვენა ღილაკით, ხოლო Ruler მენიუში, რომელიც გამოჩნდება, საზომ ერთეულებად აირჩიეთ Points. ჩასვით ჩვენი სურათი (Shift+Insert) ბუფერიდან. ჩასმული სურათის ზომები, თუ ყველაფერი სწორად აღმოჩნდა, უნდა შეესაბამებოდეს თქვენი მონიტორის გარჩევადობას. ჩვენ ვაკეთებთ ჩვენს გვერდს იგივე ზომის. კვლავ აირჩიეთ სურათი და გაასწორეთ იგი გვერდის ცენტრში (მოწყობა > გასწორება და განაწილება > გვერდის ცენტრიან უბრალოდ დააჭირეთ ღილაკს "P"). მონიშვნის მოხსნის გარეშე დააჭირეთ მარჯვენა ღილაკიმაუსის და დაბლოკვის ობიექტი (აირჩიეთ Lock Object ჩამოსაშლელ მენიუში). ობიექტის ჩაკეტვის ნაცვლად, შეგიძლიათ განათავსოთ იგი ახალი ფენადა ჩაკეტეთ თავად ფენა - მთავარია, რომ გამოსახულება არ შეგეშალოთ თქვენს მუშაობაში.
ახლა გადავწყვიტოთ ნახაზის ველი. იმისდა მიუხედავად, რომ ეს აშკარად არის მითითებული ჩვენი ფოტოს ბრაუზერის თეთრი ველით, უნდა გახსოვდეთ, რომ თქვენი მომავალი საიტის პოტენციურ ვიზიტორს შეიძლება ჰქონდეს მონიტორი სხვადასხვა ზომის - უფრო დიდი ან პატარა. თუ მუშაობთ 21 დიუმიან მონიტორზე და შეავსეთ ბრაუზერის ეკრანის მთელი სივრცე გაუსვლელად დამატებითი ფართებიკიდეების გასწვრივ, მაშინ 17 დიუმიანი მონიტორის მქონე მომხმარებელი ვერ დაინახავს ყველაფერს - საიტის ნაწილი გაწყდება და გამოჩნდება გადახვევის ზოლები. თუ ისინი ვერტიკალურია, პრობლემა არ არის. მაგრამ ჰორიზონტალური გარეგნობა არ იქნება სასურველი. თქვენ უნდა მოძებნოთ კომპრომისული ზომა. იმის გათვალისწინებით, რომ სულ უფრო და უფრო ნაკლებია 17 დიუმიანი მონიტორები, საფუძვლად ავიღებდი ნახაზის ველის ზომას. სტანდარტული განმარტება 19 დიუმიანი მონიტორი - 1280x1024 პიქსელი გამოკლებული დესკტოპის დავალების ზოლისა და ბრაუზერის ყველა პანელის ზომები. ზუსტი ზომების არჩევა შეუძლებელია - ერთ მომხმარებელს აქვს დავალების პანელი გვერდით, მეორეს კი ზედა. და ხატების რიგების რაოდენობა იცვლება. ზომები სხვადასხვა პანელებიდა ღილაკები სხვადასხვა ბრაუზერებიასევე განსხვავებული... ჩემს ნამუშევარში ყურადღებას ვამახვილებ ნახაზის ველის შემდეგ ზომებზე: სიგანე - 1280 გამოკლებული 30 პიქსელი გადახვევის ზოლით; სიმაღლე - 1024 მინუს 132 პიქსელი ამოცანების ზოლისა და ბრაუზერის სხვადასხვა პანელების, და მინუს 32 პიქსელი წაღებული სტატუსის ზოლის ბოლოში. სულ არის 1250x860. რას გვეუბნება ეს რიცხვები? რომ ყველაფერი არ ჯდება 17 დიუმიან მონიტორზე - გამოჩნდება ჰორიზონტალური გადახვევის ზოლები, ხოლო 21 დიუმიან ან მეტ მონიტორზე ისინი გამოჩნდება კიდეებზე. თავისუფალი ადგილები. ამრიგად, თუ თქვენ გაქვთ 19 დიუმიანი მონიტორი და თქვენს საიტს კონკრეტულად ამიზნებთ ასეთ მონიტორებს, თავისუფლად იმუშავეთ ბრაუზერის მთელ თეთრ ველში. თუ თქვენი მონიტორი უფრო დიდია, დახაზეთ ოთხკუთხედი 1250x860 პიქსელის ზომებით და განათავსეთ იგი ბრაუზერის სნეპშოტის თეთრი ველის ცენტრში. ეს ცარიელი ადგილები მაშინვე გამოჩნდება გვერდებზე, რომლებიც შეიძლება იყოს მოხატული ფერით ან ფონით, მაგრამ რომლებშიც არ უნდა იყოს ტექსტები, ბანერები, ცხრილები და გვერდის სხვა ელემენტები. შემდეგ თქვენ უნდა გაასწოროთ მართკუთხედის ზედა საზღვარი თეთრი ველის ზედა საზღვართან და, 3 სახელმძღვანელო ხაზის გაფართოებით, გაასწოროთ ისინი მართკუთხედის გვერდებთან (ორი გვერდი და ქვედა), და თავად მართკუთხედი შეიძლება იყოს წაშლილია. ეს სახელმძღვანელოები ზღუდავს ნახაზის ველს. ვიმეორებ, რომ ნახაზის ველის ზომა შედარებითია და შეიძლება იყოს უფრო მცირე, თუ, მაგალითად, მომხმარებელს აქვს 4 სტრიქონი ხატულა დავალების პანელზე და არა ერთი, როგორც ჩემი. დავუშვათ, რომ გვაქვს სამუშაო სფერო, შეგვიძლია მუშაობა. მიზანშეწონილია შეინახოთ ასეთი ფაილი შაბლონად - როდესაც დაიწყებთ ახალი ვებსაიტის შექმნას, გახსენით იგი და დაუყოვნებლივ იმუშავეთ რაიმე ზომების გამოთვლის გარეშე.
ახლა ერთის შესახებ საინტერესო შესაძლებლობა Corel Draw. მანამდე, თქვენ უნდა დარწმუნდეთ, რომ არ არსებობს ობიექტები, რომლებიც ამოიწურება ან მდებარეობს გვერდის სამუშაო არეალის გარეთ და გახსენით დამატებითი დოკერის პანელები. დააჭირეთ F4 (ან აირჩიეთ Zoom Level-ის ჩამოსაშლელ ფანჯარაში მორგება).
შემდეგ F9 (სრული ეკრანის ხედი). მივიღეთ ჩვენი ბრაუზერის ოდნავ გადიდებული სურათი. შემდეგი ნაბიჯი არის Zoom Level-ში ახალი მასშტაბის მნიშვნელობის შეყვანა - წინაზე ოდნავ დიდი და მისი შეცვლის შემდეგ კვლავ დააჭირეთ F9-ს. ეს უნდა გაკეთდეს რამდენჯერმე და მასშტაბის შეცვლით, დარწმუნდით, რომ სკრინშოტი F9 კლავიშის დაჭერის შემდეგ დაიკავებს მთელ ეკრანს, ანუ ვიზუალურად სკრინშოტი ჰგავს ჩვენს ღია ბრაუზერს. როდესაც ეს მოხდება, თქვენ უნდა გახსოვდეთ მასშტაბის მნიშვნელობა. რისთვის არის ეს ყველაფერი? ადრე თუ გვიან საჭირო იქნება ვინმეს აჩვენოს დახატული განლაგება ახსნა-განმარტების გარეშე, მაგალითად: „აქ იქნება ასე, მაგრამ მთელი საიტი ასე გამოიყურება“ და ა.შ. ამ ახსნა-განმარტების ნაცვლად დააჭირეთ F4, დააყენეთ ადრე დამახსოვრებული მასშტაბის მნიშვნელობა Zoom Level-ში, დააჭირეთ F9 და ჩვენს თვალწინ ნახეთ ჩვენი განლაგება, რომელიც არ განსხვავდება რეალურისგან.გახსენით ბრაუზერი და საბოლოო შედეგი ზუსტად ისე გამოიყურება, როგორც ახლა ხედავთ. შესანიშნავია, არა! ყურადღება მიაქციეთ ამობურცულ ობიექტებს და დოკერებს, წინააღმდეგ შემთხვევაში სურათი სრულ ეკრანზე გადაინაცვლებს გვერდით. ამრიგად, ჩვენ შეგვეძლო გვეჩვენებინა ნებისმიერ დროსრეალური გვერდი
საიტი, შემდგომი შრომატევადი ეტაპების გვერდის ავლით - გრაფიკის დამუშავება, ჭრა ოპტიმიზაციით და html კოდირებით. Corel Draw-ში განლაგებაზე მუშაობისას დარწმუნებული უნდა იყოთ, რომ მუშაობთფერის მოდელი RGB, ანუ ყველა ფერი უნდა იყოს მასში და არა SMYK-ში ან LAB-ში. წინააღმდეგ შემთხვევაში, RGB-ზე შემდგომი კონვერტაციის დროს შეიცვლება ფერები, რომლებიც არ იყო ამ მოდელში. დიზაინის თვალსაზრისით, ნამუშევარი არაფრით შემოიფარგლება - შეგიძლიათ დახატოთ რაც გინდათ და გამოიყენოთ ამ პროგრამაში არსებული ყველა ეფექტი. რასტრული და ვექტორული გრაფიკის კომბინაცია ძალიან შთამბეჭდავად გამოიყურება. იმის გათვალისწინებით, რომ Corel-ს შეუძლია Photoshop ფაილების იმპორტი და ფენების მხარდაჭერა, ამის გაკეთება რთული არ არის. ამისთვის ყველაფერს ვაკეთებთ Photoshop-შისაჭირო ქმედებები მაგალითად, ვაკეთებთ კომპლექსურ ხვეული ამოკვეთას, რომლის მეშვეობითაც Corel-ში დახატული ვექტორული გრაფიკა გაბრწყინდება და შეინახავს ფაილს .psd გაფართოებით. შემდეგ Corel-ში ვახორციელებთ მას იმპორტს (File > Import), სადაც ჩვენი კლიპი წარმოდგენილი იქნება ცალკედა თუ Photoshop-ში რამდენიმე ფენა იყო, მაშინ ობიექტების ჯგუფის სახით. თუ თქვენ აპირებთ თქვენი საიტის დარეგისტრირებას ბანერების ქსელებში, კარგი იქნება, წინასწარ იფიქროთ ბანერების განთავსებაზე და მათთვის ადგილის დატოვებაზე. საუკეთესო ვარიანტი- შედით ონლაინ და შეინახეთ წყვილი თქვენს დისკზე, შემდეგ განათავსეთ ისინი თქვენს განლაგებაში საჭირო ადგილას. თუ განთავსება განზრახულია კონტექსტური რეკლამა, მაშინ ასევე აუცილებელია მისთვის ადგილის უზრუნველყოფა.
ნამუშევრის მთავარი კრიტერიუმია პროპორციის გრძნობა – თითოეული გრაფიკული ელემენტი ანელებს გვერდის ჩატვირთვას მისი ზომის პროპორციულად. ძნელია გაერკვია მთელი გვერდის მიახლოებითი ზომა, ასე რომ, ჩემი აზრით, ჯობია ცოტა მეტი დახატო. ჩემს საქმიანობაში ყოველთვის ვცდილობ, რომ მთავარი გვერდის გრაფიკის ზომა არ აღემატებოდეს 40-50 კილობაიტს, გარდა იმ შემთხვევისა, როდესაც მომხმარებელი თავის მოთხოვნებს წამოაყენებს.
იმისდა მიუხედავად, რომ Corel-ს აქვს სურათების ოპტიმიზაციის საკუთარი საშუალება, ჩვენ შემდგომ დამუშავებას ვგულისხმობთ მცირე შესწორებებსა და შესწორებებს, გარდა ამისა, ზოგჯერ ზოგიერთი რამ უბრალოდ უფრო მოსახერხებელია და უფრო ადვილი შესასრულებელია Photoshop-ში ამისათვის ჩვენ ექსპორტს ვაკეთებთ ჩვენს განლაგებაში Tiff ფორმატიბიტმაპი. პროცედურა ასეთია: (ფაილი > ექსპორტი), ტიპის ფაილებში აირჩიეთ "Tiff Bitmap", "ფაილის სახელი" შეიყვანეთ ფაილის სახელი და დააჭირეთ "ექსპორტს". "Convert to Bitmap" ფანჯარაში, რომელიც იხსნება, აირჩიეთ:
სურათის ზომები (სურათის ზომა) პიქსელებში უნდა შეესაბამებოდეს ეკრანის ზომებს ან, სხვა სიტყვებით რომ ვთქვათ, თქვენი მონიტორის გარჩევადობას (სურათზე, 19 დიუმიანი მონიტორის ზომები). შესაბამისად, პროცენტულად - ყველაფერი 100%. დააწკაპუნეთ OK. მთელი განლაგება, სკრინშოტის ჩათვლით, ექსპორტირებულია Tiff Bitmap-ში. თუ გჭირდებათ Tiff-ზე გადაყვანა სკრინშოტის გარეშე და თან გამჭვირვალე ფონი, მაშინ უნდა განბლოკოთ და წაშალოთ (თუ სკრინშოტი ჩართულია ცალკე ფენა- უბრალოდ გახადეთ ფენა უხილავი) და კონვერტაციის პარამეტრებში მონიშნეთ ჩამრთველი „გამჭვირვალე ფონი“. ზომის ველებში, პიქსელის მნიშვნელობები შეიცვლება, მაგრამ სიგანისა და სიმაღლის პროცენტული მნიშვნელობები მაინც უნდა იყოს 100%. ყველა. გამომავალი არის Tiff Bitmap 72 ppi გარჩევადობით RGB-ში, მზად არის ოპტიმიზაციისა და ჭრისთვის.
განსაცვიფრებელი ნამუშევრებიდან და განსაცვიფრებელი ვებ გრაფიკიდან დაწყებული, განსაცვიფრებელი ბეჭდვითი აქტივებით დამთავრებული, ჩვენი ხელსაწყოები დაგეხმარებათ გამოხატოთ თქვენი უნიკალური შემოქმედებითი ხედვა და მიიღოთ შედეგები, რომლითაც შეგიძლიათ იამაყოთ.
რა არის ახალი 2019 წლის ვერსიაში?
კონტროლისა და სიზუსტის გაზრდილი დონე
მეტი შესაძლებლობა შემოქმედებითი კვლევისა და ექსპერიმენტებისთვის
მეტი გაუმჯობესება მომხმარებლის მოთხოვნების საფუძველზე
ფანტაზია არ უნდა შემოიფარგლოს მხოლოდ თქვენი სამუშაო ადგილით!
დაიჭირე კარგი იდეააშთაგონების მომენტში და გადააქციე ის დიდ დიზაინად CorelDRAW.app-ის გამოყენებით. ახალი ძლიერი აპლიკაცია, რომელიც CorelDRAW Graphics Suite 2019-ის ნაწილია, უზრუნველყოფს თანმიმდევრულობას დისტანციური წვდომაყველა თქვენს პროექტზე. ახლა შეგიძლია გააგრძელო მუშაობა სადმე! მაგალითად, ისე, რომ გამოიყენოთ "2 in 1" მოწყობილობა ან სხვა მობილური მოწყობილობაკლიენტისთვის თქვენი მუშაობის დემონსტრირებისთვის, თქვენ უბრალოდ უნდა შეხვიდეთ თქვენს CorelDRAW.app ანგარიშზე.
მუშაობს დისტანციურად
პაკეტი უზრუნველყოფს წვდომას თქვენს CorelDRAW ფაილებზე მაშინაც კი, როცა კომპიუტერი ხელთ არ გაქვთ.
ღრუბელში შენახვა
პროგრამა მოიცავს პროექტების ღრუბელზე შენახვის შესაძლებლობას, რაც უზრუნველყოფს თქვენს მასალებზე წვდომას ნებისმიერი სისტემიდან და ნებისმიერ დროს.
მოსახერხებელი იმპორტის/ექსპორტის პროცედურა
მხარს უჭერს იმპორტის/ექსპორტის ფორმატებს CDR, PDF, PNG, JPEG და SVG.
coreldraw.app-ში შესასვლელად, ეწვიეთ www.coreldraw.app და შეიყვანეთ მომხმარებლის სახელი და პაროლი, რომელიც გამოიყენეთ CorelDRAW Graphics Suite 2019-ის თქვენი ასლის რეგისტრაციისას.
თვისებები, რომლებიც ვერ მოიძებნება სხვა პროდუქტებში
CorelDRAW Graphics Suite გთავაზობთ პროდუქტიულობის გამაძლიერებელ ინსტრუმენტებს, რომლებიც არ გვხვდება სხვაში გრაფიკული პროგრამებიან საჭიროა ცალკე მოდული მათი ინსტალაციისთვის. გამოიკვლიეთ CorelDRAW-ისთვის უნიკალური ფუნქციები.
ეს რეჟიმი არა მხოლოდ საშუალებას გაძლევთ შექმნათ სხვადასხვა სიმეტრიული ნიმუშები - დან მარტივი ობიექტებირთული კალეიდოსკოპიული ეფექტებისკენ - რეალურ დროში, მაგრამ ასევე იძლევა შესაძლებლობას გაზარდოს პროდუქტიულობა ამ შრომატევადი პროცესის ავტომატიზაციის გზით.
Pointillizer ეფექტი საშუალებას გაძლევთ სწრაფად შექმნათ მაღალი ხარისხის ვექტორული მოზაიკა შერჩეული რასტრებისა და ნებისმიერი რაოდენობის საფუძველზე. ვექტორული სურათები. პოინტილისტური მხატვრული ტექნიკის საფუძველზე, ეს ეფექტი შესანიშნავია მანქანის ეტიკეტების, ასევე ფანჯრებისა და დისპლეის დეკორაციის მასალების შესაქმნელად.
დახაზეთ ყველგან და ნებისმიერ დროს! რევოლუციური LiveSketch™, ტექნოლოგიით უზრუნველყოფილი ხელოვნური ინტელექტიდა მანქანათმცოდნეობა, ესკიზებს გარდაქმნის ზუსტ ვექტორულ მოსახვევებად პირდაპირ სენსორულ მოწყობილობებზე.
რეალურ დროში Shadow ინსტრუმენტის კურსორის გამოყენებით ჩრდილების მანიპულირების შესაძლებლობა საშუალებას გაძლევთ თავიდან აიცილოთ ჩრდილების ერთფეროვანი მოძრაობა დიალოგურ ფანჯარაში. CorelDRAW-ში დანერგილი box shadow იდეალურია მათთვის, ვინც მუშაობს პლოტერებზე და საჭრელი მოწყობილობები. ეს უნიკალური ფუნქცია ამატებს მყარ ჩრდილებს ობიექტებსა და ტექსტს და მკვეთრად აჩქარებს თქვენს სამუშაო პროცესს ჩრდილოვანი ობიექტში არსებული ხაზებისა და კვანძების რაოდენობის შემცირებით.
კრეატიული ინსტრუმენტები კრეატიული ადამიანებისთვის
ვექტორული გრაფიკა
CorelDRAW-ის მძლავრი ვექტორული ილუსტრაციის ხელსაწყოებით შეგიძლიათ პრიმიტიული ფორმები და ხაზები გადააქციოთ რთულ, მრავალმხრივ ხელოვნების ნიმუშებად. მრავალმხრივი ფორმისა და ხატვის ხელსაწყოები გეხმარებათ სხვადასხვა მრუდის დახატვაში, ხოლო კონტურის, გარსის, შერევის და ბადის შევსების ხელსაწყოები საშუალებას გაძლევთ დაამატოთ კრეატიული ეფექტები ვექტორულ სურათებზე.
გვერდის განლაგება
აქ ნახავთ ყველაფერს, რაც გჭირდებათ ბროშურების შესაქმნელად, მრავალგვერდიანი დოკუმენტებიდა სხვა მასალები. ისარგებლეთ შესაძლებლობით დაჯავშნოთ ადგილი ტექსტისთვის ან გრაფიკისთვის. გვერდის განლაგების მოდელირებით, შაბლონის ტექსტის ხელსაწყო დაგეხმარებათ გაიგოთ, როგორი იქნება თქვენი დოკუმენტი.
ფოტო რედაქტირება
PHOTO-PAINT შეიცავს ფენებზე დაფუძნებულს ძლიერი იარაღებიშეცვალეთ, რეტუშირდით და გააუმჯობესეთ თქვენი სურათები, რათა მარტივად შეცვალოთ ფერი და ტონალობა, წაშალოთ ნაკლოვანებები, გაასწოროთ პერსპექტივა და სხვა. გამოიყენეთ AfterShot Pro HDR განსაცვიფრებელი HDR ფოტოების შესაქმნელად.
ტიპოგრაფია
ტექსტთან მუშაობისას შესანიშნავი შედეგი გარანტირებულია! ტიპოგრაფიული ხელსაწყოების სრული ნაკრები საშუალებას გაძლევთ დაამატოთ ჩრდილების ყუთი და კონტურის ეფექტები, განათავსოთ ტექსტი ბილიკების გასწვრივ, გამოიყენოთ ტექსტის შეფუთვის ეფექტები და სხვა ლამაზი წარწერები OpenType-ის ტიპოგრაფიული ხელსაწყოების გამოყენებით - ლიგატურები, ორნამენტები, კაპიტელები და შტრიხები.
ფერი, შევსება და გამჭვირვალობა
ფერადი სვოჩები საშუალებას გაძლევთ მარტივად გამოიყენოთ ფერი შევსებებზე და კონტურებზე, ხოლო ფერების ჰარმონიები საშუალებას გაძლევთ გენერირება ფერადი სქემები. ასევე მოწოდებულია ინსტრუმენტები ობიექტის გამჭვირვალობის დასარეგულირებლად და ობიექტის შაბლონებით, გრადიენტებით, ბადის შევსებით და ა.შ.
სტილები და სტილის ნაკრები
Object Styles დოკერი აადვილებს სტილების და სტილის ნაკრების გამოყენებას მთელი დოკუმენტების და მრავალი ობიექტის სწრაფად და თანმიმდევრულად ფორმატირებისთვის და აადვილებს ერთი და იმავე დიზაინის მრავალი ვარიაციის შექმნას.
დიზაინი ბეჭდვისა და ვებსაიტისთვის
ვებ-გრაფიკის წინასწარ დაყენების და ხელსაწყოების კოლექცია, რომელიც დაგეხმარებათ შექმნათ მიმზიდველი ვებ შინაარსი. WordPress-ზე ატვირთვის ფუნქცია შეიქმნა იმისთვის, რომ პირდაპირ გამოაქვეყნოს გამოსახულების ფორმატები WordPress საიტზე.
CorelDRAW რაც შეიძლება მარტივს ხდის დოკუმენტების დასაბეჭდად მომზადებას. ძლიერი სისტემაფერის მართვა უზრუნველყოფს თანმიმდევრულობის კონტროლს ფერის პარამეტრები on სხვადასხვა მედიადა გარანტიას იძლევა ზუსტი ფერის შესატყვისი ბეჭდვის დაწყებამდე.
მხარდაჭერა 100-ზე მეტი გრაფიკული ფორმატები, გამოსახულების ფორმატები, ისევე როგორც გამოქვეყნების ფორმატები, მათ შორის AI, PSD, PDF, JPG, PNG, SVG, DWG, DXF, EPS, TIFF და ა.შ., მნიშვნელოვნად უწყობს ხელს ნებისმიერი პროექტის აქტივებთან მუშაობას.
მაღალი ხარისხის ჰონორარი უფასო კონტენტი
მიეცით თქვენი პროექტები უნიკალური სახევრცელი შინაარსის კოლექციით, რომელიც მოიცავს 7000 ჰონორარის გარეშე სურათს და დიზაინის შაბლონს სატრანსპორტო საშუალება, 1000 ფოტოში მაღალი გარჩევადობა, 1000 TrueType შრიფტებიდა/ან OpenType, 150 პროფესიონალური შაბლონი, 600-ზე მეტი შადრევანი, ვექტორული და რასტრული შევსება და ა.შ. ყველა ეს მასალა შედის ჩვენს გრაფიკულ პაკეტში.
ეფექტური დიზაინის განვითარების პროცესი
აკონტროლეთ თქვენი დოკუმენტის ყველა ელემენტი! ობიექტების პრაქტიკული დოკერი საშუალებას გაძლევთ მოძებნოთ, დამალოთ, აჩვენოთ და გადაარქვათ ობიექტები, ასევე შეცვალოთ მათი თანმიმდევრობა დასტაში. თქვენ შეგიძლიათ გამოიყენოთ ობიექტის თვისებების დოკერი ობიექტის ატრიბუტების ფორმატირებისთვის და კონტროლისთვის, როგორიცაა შევსება.
ადამიანები ხანდახან მეკითხებიან: „როგორ და რა პროგრამით იქმნება ვებსაიტის დიზაინი? ამ კითხვაზე ცალსახად პასუხის გაცემა რთულია, რადგან ვებსაიტის დიზაინის შექმნისას მე პირადად ბევრს ვიყენებ სხვადასხვა ტექნიკადა პროგრამები. ამჟამად, ვებ დიზაინერების დიდი უმრავლესობა მუშაობს Photoshop-ში შექმნილ განლაგებებზე. თავდაპირველად შექმნილი და გამიზნული ფოტო დამუშავებისთვის, ამ პროგრამამ ახლა იმდენი დაგროვდა სხვადასხვა ფუნქციები(მათ შორის მუშაობა ვექტორული გრაფიკა), რომელიც გამოიყენება ნებისმიერ ადგილას, მათ შორის ვებ დიზაინში. მაგრამ ვებსაიტის განლაგების შედგენისას, ზოგჯერ გჭირდებათ სხვა ფუნქციონირება, რომელსაც ყოვლისშემძლე Photoshop-იც კი ვერ უზრუნველყოფს. ვექტორზე ვსაუბრობთ.
დასაწყისი: ნიუანსების გარკვევა
ვებგვერდის დახატვა იწყება ნიუანსების გარკვევით და შეთანხმებით. საიტი შეიძლება იყოს "რეზინი", ან შეიძლება იყოს ფიქსირებული სიგანე. ეს შეიძლება იყოს დამოკიდებული, მაგალითად, გარეგნობასაიტის სათაურები - სათაური, ან სვეტები - გვერდითი ზოლები. საიტის დანიშნულებიდან გამომდინარე, გააზრებულია ვებ ინტერფეისის სტრუქტურა. მაგალითად, ონლაინ მაღაზიები ბევრად უკეთესად გამოიყურება 1000 პიქსელამდე ფიქსირებული დიზაინით, მარცხნივ ერთი გვერდითი ზოლით. გვერდითი ზოლი შეიცავს პროდუქტის კატალოგის მენიუს. ეს ვარიანტიმტკიცედ დაიმკვიდრა თავი ინტერნეტში და ახლა საკმაოდ რთულია მაღაზიის პოვნა, რომელიც განსხვავდება ელემენტების ამ განლაგებისგან. განსხვავებული სიტუაციაა საინფორმაციო საიტებზე ტონებით ტექსტური ინფორმაცია. თუ საიტზე უფრო მეტი ტექსტია ვიდრე გრაფიკა, მაშინ საიტის ფიქსირებული სიგანე ფართე ეკრანი ცარიელი ველებიმხარეებზე იქნება ირაციონალური. რეზინის დიზაინით ტექსტი თანაბრად ავსებს მთელ ეკრანს, რაც თავიდან აიცილებს გახშირებას ვერტიკალური გადახვევა(ყველა სახის ვიკიპედია და მსგავსი ენციკლოპედიები).
ვთქვათ, ჩვენ უნდა შევიმუშაოთ კორპორატიული ვებსაიტის დიზაინი ელექტრონიკის გამყიდველი კომპანიისთვის, „ონლაინ მაღაზიის“ განყოფილებით. ჩვენ დაუყოვნებლივ აღვნიშნავთ:
- ფიქსირებული დიზაინი 1000 px;
- ფაილის ფორმატები – psd (პროგრამის განლაგების დიზაინერისთვის) და jpg (კლიენტთან შეთანხმებისთვის);
- დიზაინის სტილი (მაგალითად, "მინიმალიზმი" - თეთრი ფონი, მინიმალური ფერის ინტრუზიული გრაფიკული ელემენტები, ან კორპორატიული სტილის მოთხოვნების შესაბამისად);
- მჭირდება ლოგო ვექტორულ ფორმატში.
თუ მომხმარებელთან შეთანხმება მიღწეულია ამ საკითხებზე, მაშინ შეგიძლიათ გადახვიდეთ ესკიზებზე. თუ მიღწეულია ყველა პუნქტის გარდა 1 , მაშინ შეგიძლიათ კამათი მსგავსი რამით:
„ფიქსირებული დიზაინი საშუალებას გაძლევთ შექმნათ ერთგვაროვნება საიტის ჩვენებაში. ნებისმიერი რეზოლუციით, ყველა ელემენტი დარჩება თავის ადგილებზე, სადაც დეველოპერმა განათავსა ისინი, ხოლო "რეზინის" დიზაინით. სხვადასხვა რეზოლუციებიელემენტები მოძრაობენ და შორდებიან, რაც, კლიენტის მიერ საიტის შემდგომი დამოუკიდებელი შევსებით, შეიძლება გამოიწვიოს ისეთი ვარიანტების ჩვენება, რომლებიც არ იყო გათვალისწინებული საწყისი განვითარების დროს. 1000 px-ის ფიქსირებული დიზაინი (920-დან 1000 px-მდე) დღეს ითვლება სტანდარტად კორპორატიული ვებსაიტებისა და ონლაინ მაღაზიებისთვის, ნაკარნახევი სტატისტიკით (რადგან სტატისტიკის მიხედვით, 1000 px-ზე მეტი ეკრანის სიგანის მქონე მომხმარებელთა რაოდენობა უმეტესობაა).
განლაგების შექმნა
ახლა დროა დავიწყოთ განლაგების ესკიზი. ვინაიდან ეს სტატია არ არის გაკვეთილი, აქ მე აღვწერ ვებგვერდის დიზაინის შექმნის მხოლოდ ძირითად პრინციპებს. CorelDraw-ში ვაკეთებ სამუშაო გარემო 1920 px სიგანით, სიმაღლე არ არის ნაკლები, მისი რეგულირება შესაძლებელია განვითარების პროცესში. შემდეგი მოდის შემოქმედებითი წარმოსახვა, რომელიც შემოიფარგლება მხოლოდ საზღვრებით საღი აზრიდა გაგება ტექნიკური შესაძლებლობებიგანლაგება. მე ვხატავ სათაურს, გვერდითა ზოლს, შინაარსის არეალს და ქვედა კოლონტიტულს, ყველაფერი საიტის სიგანეში - 1000 px. ონლაინ მაღაზიისთვის კარგი იდეაა სურათების სლაიდერისთვის რამდენიმე სლაიდის დახატვა. როგორც წესი, ასეთი სლაიდები აცნობებენ ვიზიტორებს ახალი კოლექციების, პროდუქტების ჩამოსვლის ან დიდი ფასდაკლებების შესახებ. მაგრამ ახლა, ესკიზის ეტაპზე, მე უბრალოდ ვხატავ სლაიდერის ზონას და მის კონტროლს.
სტატიისთვის, ყოველგვარი განსაკუთრებული უსიამოვნებების გარეშე, მე გამოვხატე განლაგების ესკიზი:
შემდეგი, თქვენ უნდა შეავსოთ ეს განლაგება ინფორმაციით. მე დაუყოვნებლივ ვამატებ ლოგოს, მენიუს და საძიებო შეყვანის ველს. მე თვითნებურად ვავსებ მენიუს ელემენტებს და მთავარი გვერდის ტექსტს, შეგიძლიათ აიღოთ ის საიტიდან, რომელიც კლიენტმა მიუთითა, როგორც "მე უკეთესი მინდა". მთავარია გვერდის ჩვენება ისე, როგორც ეს შეიძლება გამოიყურებოდეს სინამდვილეში. ექსპერიმენტებს ვატარებ ფერის სქემა, მე აღვნიშნავ ბმულებს ტექსტის შიგნით სამივე მდგომარეობაში - ბმული, ჰოვერირებული ბმული, მონახულებული ბმული. იგივეა მენიუს ელემენტებთან დაკავშირებით: მე ვხატავ მენიუს ელემენტების ყველა მდგომარეობას - ერთეულს, აჩერებულ ელემენტს, გაფართოებულ მენიუს, ქვემენიუ ელემენტებს და ა.შ. არც ერთი დეტალი არ გამომრჩა, რადგან ვებსაიტის საბოლოო გარეგნობა დამოკიდებულია იმაზე, თუ რამდენად დეტალურად ვხატავ დიზაინს.
ასე გამოიყურება გვერდი, რომელიც სავსეა ინფორმაციისა და ინტერფეისის ელემენტებით, რომელიც ახლა შეიძლება კლიენტს გაეგზავნოს დასამტკიცებლად:
განლაგების შეთანხმებისას, კლიენტს შეიძლება არ მოეწონოს ფერის დიზაინი ან ინტერფეისის ელემენტების განლაგება გვერდზე. CorelDraw-ში განვითარებისას, ყველა ეს შესწორება ძალიან სწრაფად ხდება. პრინციპში, ახლა ჩვენი მიზანია მივიღოთ კლიენტის თანხმობა გვერდის გამოჩენაზე და განლაგებისთვის ფაილების მომზადების ყველა ტექნიკური ნიუანსი შეიძლება მოგვიანებით დარჩეს.
არსებობს რამდენიმე ძირითადი პუნქტი, რომელსაც ყურადღება უნდა მიაქციოთ Განსაკუთრებული ყურადღება CorelDraw-ში ვებსაიტის დიზაინის შემუშავებისას:
საიტის ტიპოგრაფია
განლაგების შექმნისას, თქვენ დაუყოვნებლივ უნდა აირჩიოთ შრიფტი, რომელიც გამოყენებული იქნება საიტზე. ჩემი მაგალითი იყენებს Arial-ს, მაგრამ არსებობს მრავალი სხვა შრიფტი, რომლის გამოყენებაც შესაძლებელია ვებსაიტის შექმნისას. განლაგების დიზაინერს წარდგენისას აუცილებლად აცნობეთ მას შერჩეული და შეთანხმებული შრიფტების ნაკრები, ასევე ზომები, ფერები, სტილის ვარიანტები და ა.შ. ეს აუცილებელია, რადგან შექმნისას გრაფიკული განლაგებაადვილია მთლიანად უგულებელყო ვებ დიზაინის ისეთი მნიშვნელოვანი ასპექტი, როგორიცაა ტიპოგრაფია. გარდა ამისა, არიან კლიენტები, რომლებსაც აქვთ კორპორატიული სტილიკომპანიას აქვს კორპორატიული შრიფტი. კარგია, თუ ეს შრიფტი სტანდარტულია (იგივე Arial, მაგალითად), თუ არა, მაშინ თქვენ უნდა გაარკვიოთ კლიენტისგან (ან შეისწავლოთ ბრენდის წიგნი) არის თუ არა კორპორატიული შრიფტის ვარიანტი კომპანიის ვებსაიტების შესაქმნელად. თუ არა, მაშინ კომპეტენტურია კლიენტს აუხსნას, რომ ჩანერგვა მორგებული შრიფტებისაიტი სავსეა დიდი სირთულეებით. ამიტომ, ბრენდის წიგნში უნდა იყოს მითითებული შრიფტის სახელწოდება, რომელიც გარეგნულად მაქსიმალურად ახლოს იქნება კორპორატიულთან, მაგრამ მაინც სტანდარტული. მხოლოდ ამ შემთხვევაში შეგვიძლია უზრუნველვყოთ მომხმარებლის მოწყობილობებზე საიტის ჩვენების მაქსიმალური ერთგვაროვნება.
დახაზეთ საიტი "პიქსელებში"
განლაგება უნდა იყოს დახატული პირდაპირ პიქსელებში, მილიმეტრების, ინჩის ან იარდის გარეშე. ყველაფერი, რასაც ვაკეთებთ ვებ დიზაინში, დათვლილია პიქსელებში, ან თუ ჩვენ ვსაუბრობთ"რეზინის" დიზაინის შესახებ - პროცენტულად, მომხმარებლის ეკრანის სიგანესთან ან სიმაღლესთან შედარებით. განლაგება, რომელსაც ჩვენ ვუგზავნით კლიენტს, უნდა ჰქონდეს ორიგინალური ზომა. გაშლა მას Მთლიანი ეკრანი, კლიენტი შეძლებს სწორად შეაფასოს მომავალი საიტის გარეგნობა.
შექმენით მრავალი საიტის განლაგება
რამდენიმე თანამედროვე ვებსაიტს აქვს იდენტური შიდა გვერდები. მთავარი გვერდი. და ამიტომ არასწორია მხოლოდ ერთი გვერდის დაპროექტება. უფრო მეტიც, on შიდა გვერდებიჩნდება ელემენტები, რომლებიც არ არის მთავარ გვერდზე. Მაგალითად " პურის ნამსხვრევები”, დამატებითი მენიუები, პროდუქტის კატალოგი და კატალოგთან დაკავშირებული მრავალი ელემენტი (ღილაკები „ყიდვა“, „შედარება“ და ა.შ.). ამიტომ, თუ თქვენს საქმეს სერიოზულად უყურებთ, კლიენტს უნდა მისცეთ საიტის მინიმუმ 3-5 გვერდი.
წინასწარ გაარკვიეთ რა CMS-ზე აშენდება საიტი
ძალიან მნიშვნელოვანი წერტილი! დიზაინერის მუშაობა დამოკიდებულია იმაზე, თუ რა CMS-ზე აშენდება საიტი. კარგი დიზაინერი არის ის, ვინც დაახლოებით მაინც იცის პოპულარული სისტემებიკონტროლი და ამ სისტემების ძირითადი მახასიათებლები. აქედან გამომდინარე, უფრო ადვილი და სწრაფი იქნება დიზაინის დახატვა კონკრეტული CMS-ისთვის, ვიდრე მოგვიანებით განლაგების დიზაინერისგან კითხვების მიღება, როგორიცაა "დახატეთ Bitrix-ისთვის თუ WordPress-ისთვის?" Საერთოდ პროფესიული განვითარებავებ ინტერფეისები, სადაც თითოეული ელემენტის მოქმედება გააზრებულია, მოითხოვს შესანიშნავ ცოდნას კონკრეტული სისტემასაიტის მენეჯმენტი. ამიტომ, CMS-ის სწავლა აუცილებელია და მნიშვნელოვანია.
ფაილების მომზადება განლაგებისთვის
როდესაც განლაგება დამტკიცდება მომხმარებლის მიერ, მნიშვნელოვანი მომენტი დგება განლაგებისთვის ფაილების მოსამზადებლად. რამდენად სწრაფად შეიქმნება შაბლონი განლაგების დიზაინერის მიერ, დამოკიდებულია იმაზე, თუ რამდენად კარგად არის მომზადებული ფაილები.
განლაგების დიზაინერები მუშაობენ ფაილებთან .psd, რაც ნიშნავს, რომ ჩვენ გადავიტანთ მთელ დიზაინს Photoshop პროგრამა. განლაგების თითოეული ელემენტი, იქნება ეს ლოგო თუ სადემარკაციო ხაზიმენიუში უნდა განთავსდეს ცალკე ფენაში. ფენები უნდა გაერთიანდეს ჯგუფებად.
მაგრამ არა მხოლოდ ფაილი .psdსაჭიროა განლაგების დიზაინერი. მაგალითად, სპრაიტების დამზადება შესაძლებელია წინასწარ, ხოლო თავად დიზაინის ელემენტები, თუ ისინი ფაილებშია და უკვე შესაფერისია შაბლონში განთავსებისთვის, ეს მხოლოდ აადვილებს განლაგების დიზაინერს. ამიტომ, პირველ რიგში ვინახავ ყველა ელემენტს ფაილებში .pngდა ჩადეთ ისინი თემატურ საქაღალდეებში. მე ჩვეულებრივ ვამთავრებ 5 ძირითად საქაღალდეს სახელად:
"HEADER", "SLIDER", "SIDEBAR", "CONTENT" და "FOOTER".
ამ საქაღალდეების შიგნით არის სხვა საქაღალდეები დასახელებული მათი მიზნის მიხედვით. მაგალითად, "HEADER" საქაღალდეში არის საქაღალდეები, როგორიცაა "Search" (ძებნა) ელემენტებით, რომლებიც დაკავშირებულია მხოლოდ საძიებო ბლოკთან, "Top-menu" ( ზედა მენიუ) მენიუს ელემენტებით, „ლოგო“ – ლოგოთი. ამ საქაღალდეების შიგნით არსებული ელემენტები დასახელებულია ისე, რომ განლაგების დიზაინერმა დაუყოვნებლივ გაიგოს, რისთვის არის განკუთვნილი კონკრეტული ელემენტი. მაგალითად, მენიუს ზოლისთვის იქნება რამდენიმე ფაილი სახელებით:
top-menu-bg.png (მენიუ ფონი), top-menu-shadow.png (მენიუ ჩრდილი), top-menu-separator.png (მენიუ გამყოფი ხაზი), top-menu-hover-active (მენიუ ელემენტი, იცვლება როცა ამოძრავებული ან აქტიურ მდგომარეობაში).
ასეთი ნაკრები რომ მიიღო მზა ფაილები, განლაგების დიზაინერებს შეუძლიათ მხოლოდ მასთან მუშაობა. მაგრამ ყოველ შემთხვევაში, შეგიძლიათ გააკეთოთ ჩვეულებრივი .psdშკუ. ამისათვის თქვენ უბრალოდ უნდა შექმნათ ჯგუფები და ფენები იმავე სახელებით და მოაწყოთ ყველაფერი განლაგების შესაბამისად.