არამარტო ხალხს ხვდება მათი სამოსი, არამედ ვებსაიტებიც. საიტის კაბა მისი დიზაინია. რესურსის მაღალხარისხიანი და მიმზიდველი დიზაინი ხელსაყრელ შთაბეჭდილებას ახდენს მომხმარებლებზე, რაც უზრუნველყოფს მათ ერთგულებას და სურვილს დაუთმონ დრო შემდგომი დათვალიერებისათვის. ხარისხის გარდა, მნიშვნელოვანია დიზაინის თვითმყოფადობა და უნიკალურობა. კარგად გაცვეთილი თემები სტუმრებს მოგერიებს. მაგრამ უნიკალური დიზაინის განვითარება ძვირია. ამიტომ ბევრ ახალბედა ვებმასტერს აინტერესებს, თუ როგორ უნდა მიაპყროს ვებდიზაინის დიზაინი საკუთარი ხელებით.
Ეს აუცილებელია
- - ფანქარი;
- - ქაღალდი;
- - რასტრული გრაფიკული რედაქტორი GIMP ან Photoshop;
- - სურვილისამებრ: ვექტორული გრაფიკის რედაქტორი (მაგალითად, CorelDraw);
- - სურვილისამებრ: 3D მოდელირების გარემო (3DStudio, Blender);
- - თანამედროვე ბრაუზერი;
- - ინტერნეტზე წვდომა.
ინსტრუქციები
Ნაბიჯი 1
ვებგვერდის დიზაინის კონცეფციის შემუშავება. გადაწყვიტეთ სტილი, ფერის სქემა, გვერდის განლაგება (საიტის სათაურის ზომა, მენიუს ადგილმდებარეობა, ტექსტური ბლოკები, სურათები). კარგია, თუ დიზაინის კონცეფცია ემყარება ორიგინალურ იდეებს. თუ ისინი არ არიან, თქვენ შეგიძლიათ შთაგონება არსებული გადაწყვეტილებების ანალიზით. მაგალითად, CMS- ის პოპულარული თემების კატალოგების დათვალიერება. სამუშაოს შედეგი შეიძლება იყოს საიტის გვერდის ესკიზი, ფანქრით გაკეთებული ფურცელზე, ფიქსირებული და სხვადასხვა ზომის ზონების მითითებით.
ნაბიჯი 2
შექმენით საიტის გვერდის ცარიელი შაბლონი რასტრული გრაფიკის რედაქტორში. გახსენით ახალი დოკუმენტი გრაფიკულ რედაქტორში. დოკუმენტის ზომა გაცილებით მეტი უნდა იყოს, ვიდრე გვერდის მინიმალური ზომა, როგორც ჰორიზონტალურად (მაშინაც კი, თუ არ აპირებთ "სითხის" დიზაინის შექმნას), ასევე ვერტიკალურად. დაამატეთ ახალი გამჭვირვალე ფენა. დამატებულ ფენაში დახაზეთ გვერდის შაბლონის სურათი 1 პიქსელის სისქის ხაზებით, ელემენტების რეალური ზომების დაცვით. ფიქსირებული სიგანის გვერდების დიზაინისთვის დანიშნეთ მინდვრები, რომლებიც ივსება ფონის ფერით.
ნაბიჯი 3
ჩამოტვირთეთ ინტერნეტიდან ან შექმენით საკუთარი გვერდის დიზაინის ელემენტები. ლოგო და დიზაინის უნიკალური ელემენტები შეიძლება შეიქმნას 3D მოდელირების გარემოში, ვექტორულ ან რასტრულ რედაქტორში. მაღალი რეზოლუციის თემატური სურათების დიდი რაოდენობა შეიცავს უფასო ინტერნეტ ფოტობანკებს. ინტერნეტში ასევე არის უფასო ხატების კოლექციები, რომელთა გამოყენება თავისუფლად შეგიძლიათ თქვენს პროექტებში.
ნაბიჯი 4
დახაზეთ ვებ – გვერდის დიზაინი. გრაფიკული რედაქტორის ვებსაიტის გვერდის შაბლონის შემცველ დოკუმენტს დაამატეთ გამჭვირვალე ფენები. შეარჩიეთ და შეავსეთ ის ადგილები, რომლებიც ემთხვევა გვერდის ფონს. შეავსეთ ადგილები გრადიენტური შევსებით და პერიოდული ტექსტურებით. ჩადეთ ლოგო, სტატიკური სურათები, ხატები. დახაზეთ ბლოკის საზღვრები. დაამატე ტექსტი. განათავსეთ თითოეული დასრულებული დიზაინის ელემენტი, სტატიკური სურათი და ლოგო ცალკე ფენაზე. გადაადგილეთ სურათები ფენებად, რათა მიაღწიოთ საჭირო განლაგებას.
ნაბიჯი 5
შეინახეთ საიტის დიზაინის სამუშაო "წყარო" გრაფიკული რედაქტორის "მშობლიურ" ფორმატში. ეს საშუალებას მოგცემთ მოგვიანებით დაუბრუნდეთ მის რედაქტირებას.
