9 აუცილებელი რჩევები ვებ დამწყებთათვის

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


ვებ დიზაინის რჩევები დამწყებთათვის

ამ დღეებში შესაძლებელია ვინმესთვის იყოს ვებ დიზაინერი. დიახ, ეს თამამი განცხადებაა – მაგრამ ღია წყაროების დიზაინის პროგრამული უზრუნველყოფისთვის გაზრდილი წვდომით Gimp, და DIY საიტის მშენებლობის პლატფორმებთან, როგორიცაა Wix და Weebly, დატბორავს ბაზარი, ხაზს შორის სამოყვარულო და კეთილსინდისიერად ვებ დიზაინერი მოგვიანებით გაცილებით გამხდარი და საშიში გახდა. კრეატიულობის შესახებ საინტერესო ის არის, რომ ვერავინ შეძლებს გადაწყვიტოს თქვენთვის, როდესაც “მზად ხართ” გარკვეული როლის შესასრულებლად. უამრავ როკ ვარსკვლავს არასოდეს მიუღია მუსიკის გაკვეთილები; ბევრ წარმატებულ მხატვარს არასოდეს ესწავლა ადამიანის ანატომია; და ვებ დიზაინერების უმეტესი ნაწილი ოფიციალურ ხარისხს არ ფლობს. ასე რომ, თუ თქვენ შექმენით თქვენი საკუთარი ბიზნესის ვებსაიტი, შეგიძლიათ დარწმუნებით თქვათ, რომ ხართ “ვებ დიზაინერი”? ეს თქვენ განსაზღვრავთ.

ვინმესთვის შესაძლებელია იყოს ვებ დიზაინერი, DIY საიტების მშენებლობის პლატფორმებით.

დააჭირეთ Tweet

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

რა არის ეს სახელმძღვანელო (და რა არ არის)

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

სწრაფი რჩევა: HTML და CSS– ის ძირითადი ცოდნა უზარმაზარი სარგებელი იქნება ნებისმიერი ახალგაზდური დიზაინერისთვის. თუ ნამდვილად გსურთ ხელების კოდირებაში მოყვანა, გირჩევთ შეამოწმოთ W3S სკოლები რომ მეტი გაიგოთ ფონდის შესახებ.

დამწყებთათვის ვებ დიზაინის საფუძვლები

მოდით, შევეჩვიეთ ამას? აქ მოცემულია რამდენიმე ყველაზე სასარგებლო ტენდენცია და სახელმძღვანელო მითითება, რომელიც უნდა იცოდეთ თქვენი პირველი ვებსაიტის შექმნისას:

1. მოათავსეთ მაუსი, აიღეთ ფანქარი

თქვენი ვებ – გვერდი შეიძლება უკვე არსებობდეს როგორც თქვენს გონებაში მშვენიერი, სრულყოფილი პირი, რის გამოც თქვენ დაუყოვნებლივ გადახვალთ Photoshop– ში (ან უფრო უარესი, ბრაუზერი და HTML), რომ ის დაგეგმოთ. Whoa, whoa – გაგრილებს თქვენი თვითმფრინავები წამით! არ დააყენა კალათა ცხენის წინ. პირველ რიგში, გამოიღეთ ფანქარი და ქაღალდის ბალიში და დაიწყეთ თქვენი იდეების ადვილად დაშლა. ეს მნიშვნელოვანი ეტაპია თქვენი საიტის სტრუქტურის მოსაწყობად, მართკუთხედების, დოდლებისა და შთაგონებული იდეების გამოყენებით (რომელსაც ხშირად უწოდებენ მავთულხლართვა). ამ ეტაპზე შეიძლება რამე უხეში იყოს; არავინ აპირებს ამას, მაგრამ შენ.

ვებსაიტის სქემის მაგალითივებსაიტის wireframe დაგეხმარებათ შეიმუშაოთ განლაგება და სტრუქტურა თქვენი ვებ-გვერდისთვის, ხოლო მომხმარებლის გამოცდილების გაუმჯობესებაში (UX) და დროის დაზოგვაში.

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

2. დაიცავით იერარქია

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

შეინახეთ შინაარსი „Fold Fold“

ჩვენ დატვირთული შინაარსის საწყის ეკრანს ვეძახით “ნაკეცს” და მის ქვემოთ მდებარე ყველაფერი, რაც უნდა ჩანდეს, მეორეხარისხოვანია. საერთოდ, თქვენი ყველაზე მნიშვნელოვანი ინფორმაცია განთავსებულია “ნაკეცების ზემოთ”. მთავარია, ამ სფეროში განხორციელდეს ის, რომ მომხმარებელი იწვევდეს ზომების მიღებას ან შექმნის სტიმულს, რომ გადაადგილდეს შემდგომში.

“გმირის” გამოსახულების გამოყენება

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

გმირის გამოსახულების / ბანერის მაგალითი

მოწყობილობის მიხედვით შეიძლება შეიცვალოს „ჩამოკიდებული“

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

სწრაფი რჩევა: ზოგადი წესია იმის უზრუნველყოფა, რომ “ზემოთ ჩამოყაროს” შინაარსი ჯდება ეკრანის განზომილებების ყველაზე დაბალ საერთო მნიშვნელს. ეს ჩვეულებრივ მიიღება, როგორც 768 პიქსელი ვერტიკალური რეზოლუციით.

3. ტიპოგრაფია თქვენი დიზაინია

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

  • დარწმუნდით, რომ ტექსტია იკითხება (მოერიდეთ აყვავებულ შრიფტებს!) და საკმარისად დიდი (ჩვეულებრივ, სხეულისთვის 16px).
  • გამყარებაში არა უმეტეს ორი შრიფტიდა დარწმუნდით, რომ ისინი კარგად იშორებენ ერთმანეთს!
  • მიეცით თქვენი აბზაცები რამდენიმე ოთახის სუნთქვას და დაასახელეთ საკმარისი ზედა padding ან ზღვარი თქვენს სათაურებში, შინაარსის მკვეთრი შესვენებების შესანიშნავად.
  • თავიდან ავიცილოთ გრძელი ტექსტები. თვალების დახუჭვა უფრო ადვილია, ვიდრე აბზაცების ხაზები იყოს არაუმეტეს გრძელი 15 სიტყვადა მობილური ტელეფონების ეკრანზე ცოტა ნაკლები.
  • სერიფი შრიფტები, როგორც წესი, საუკეთესოა მხოლოდ ბეჭდვით — თუ ისინი არ იყენებენ დიდ სათაურებში ინტერნეტში.

4. ფერები & კონტრასტი გადამწყვეტია

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

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

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

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

სწრაფი რჩევა: უმჯობესია თავიდან ავიცილოთ სრული გაჯერება ფერებით ინტერნეტში. Pure Red (hex მნიშვნელობა # ff0000) ოდნავ ნაჭუჭია თვალებზე. ანალოგიურად, შავი შრიფტი (# 000000) შრიფტისთვის ძალიან ძლიერად ირეკლება თვალებისთვის, ხოლო ოდნავ შემცირებული შავი (# 333333) უფრო ადვილად კითხულობს.

თქვენ ასევე გინდათ რომ თქვენი ტექსტი ჩამოსხდეს ფონის სურათების საწინააღმდეგოდ. ძალიან დატვირთული ფოტოების გამოყენებით შესაძლებელია ტექსტისგან ყურადღების გადატანა, ამ პრობლემის თავიდან ასაცილებლად ან გამოიყენეთ ფოტო, რომელიც უფრო დეტალურადაა აღწერილი, ან გამოიყენეთ რგბის (51,51,51,0.5) გადახურული ტექსტი, რომელიც დაგეხმარებათ ტექსტის ქვეშ ტექსტის შერბილებაში..

სურათის გადაფარვის მაგალითიგამოიყენეთ გადახურვა ტექსტის მიღმა, რათა დაეხმაროთ მას ფონის ფონზე.

კონტრასტი ასევე თამაშობს როლს, თუ როგორ იზიდავენ მომხმარებლები თქვენი საიტის გარკვეულ საკვანძო ელემენტებს. თქვენსმა ყველაზე მნიშვნელოვანმა ღილაკმა მოქმედების ღილაკებმა უნდა გაითვალისწინოს კონტრასტული ფერების გამოყენება. ლურჯი “იყიდეთ ახლა!” ღილაკი კარგავს სასწრაფო და ღირებულებას, როდესაც მას გადაყლაპავს საიტი, რომელიც ყველგან ლურჯს იყენებს, მაგრამ იმავე გვერდზე წითელი ღილაკი იპყრობს მომხმარებლის ყურადღებას, ყვირის ”ჰეი! Დამაკლიკე!”

6. სურათების გამოყენება

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

ფაილის ტიპების გაგება & შეკუმშვა

არსებობს დამატებითი ნაბიჯი, რომელიც უნდა გადადგას ინტერნეტში სურათების გამოყენებისთვის. იმ ლამაზი ფოტოები, რომელსაც თქვენ იღებთ საიტებისგან, მაგალითად შუთერსტოკი და iStock შეიძლება იყოს საკმაოდ მასიური (5,000+ ჰორიზონტალური პიქსელი და 10+ მეგაბიტი ზომა), რაც ჯარიმაა დაბეჭდვისთვის, მაგრამ ისინი ვარგისია ვებსაიტებისთვის. ყველას არ აქვს უზარმაზარი ბოჭკოვანი ინტერნეტი, ასე რომ თქვენ უნდა შეამციროთ თქვენი სურათების ზომა, რათა განტვირთვის დრო დატვირთოთ (რომ აღარაფერი ვთქვათ, ვიზიტორთა 40% დატოვებს, თუ საიტს დასჭირდება დატვირთვა 3 წამზე მეტხანს!). როგორც წესი, გსურთ შეინახოთ თითოეული თქვენი სურათი ა მაქსიმალური 500 კილოვატი ზომით, თუმცა თქვენი ფაილის საშუალო ზომა ალბათ უნდა იყოს გარშემო 100 კილოვატი.

  • JPEG არის სტანდარტული ფორმატი ფოტოებისთვის. ეს არის სავალალო ფორმატი, რაც იმას ნიშნავს, რომ მისი სურათის ხარისხი მცირდება შეკუმშვის დროს. თუ JPEG- ს იყენებთ სრული სიგანის ფონის სურათისთვის, გირჩევთ მისი ჰორიზონტალური გარჩევადობა შეინახოთ არანაკლებ 1200px. ზოგადი მიზნებისათვის, 600px- ზე ნაკლები სურათის გამოყენებას მოერიდეთ ჰორიზონტალური რეზოლუცია, რადგან ის სავარაუდოდ ბუნდოვანი იქნება თანამედროვე ეკრანებზე.
  • PNG სასურველი არჩევანია გრაფიკაში ან სურათებისთვის, რომელიც მოითხოვს გამჭვირვალეობა. ეს არის lossless ფორმატი, რომელიც შესანიშნავია სურათის ხარისხის შესანარჩუნებლად, მაგრამ ასევე შეუძლია გაზარდოს ფაილის ზომები. ჩვეულებრივ, თქვენ იყენებთ PNG გრაფიკას ილუსტრაციებისთვის, ხატებისთვის ან უფრო მცირე ზომის სურათებისთვის, რომლებიც შეიძლება გამყარდეს სხვა ელემენტების თავზე მათი გამჭვირვალეობის გამო. იშვიათად დაგჭირდებათ PNG, ვიდრე 1000px.
  • SVG (მასშტაბური ვექტორი გრაფიკული) არის ახალი ფორმატი, რომელიც შეცვლის GIF ზოგიერთ შემთხვევაში PNG. SVG- ის სილამაზე ის არის, რომ ის შეიძლება იყოს ისეთივე დიდი ან პატარა ეკრანი, როგორც შენ გჭირდება, რომ იყოს, სრულყოფილი სიწმინდისა და სიმკვეთრის შენარჩუნების დროს (და მაინც იყოს მცირე ზომის ფაილი). თქვენ უნდა გაითვალისწინოთ SVG– ს გამოყენება ნებისმიერი ლოგოს, ხატის ან ვექტორული გრაფიკა თქვენს ვებსაიტზე; როგორც მაღალი DPI მონიტორები ახლაც ხდება ჩვეულებრივი, SVG სიმკვეთრე უზრუნველყოფს სურათის უდიდეს ხარისხს.

სურათის ფაილის ტიპის მაგალითები

6. მობილური პირველი დიზაინი

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

არსებითად ეს ნიშნავს იმას, რომ თქვენი სქემის და დაგეგმვის საწყის ეტაპზე ქაღალდზე, უმჯობესია, პირველ რიგში, ყურადღება გაამახვილოთ საიტის მობილურ განლაგებაზე. თქვენი საიტის ფუნქციონირებისთვის საჭირო მხოლოდ ყველაზე მნიშვნელოვანი შინაარსი გამოჩნდება მცირე ეკრანებზე. ეს აიძულებს თქვენ გამარტივება თქვენი განლაგება და თავიდანვე ამოჭრა ნებისმიერი დამაბრკოლებელი ელემენტები. დაფიქრდით თქვენს “ზემოთ ჩამოყრილ” შინაარსზე: თუ პირველ რიგში დარწმუნდებით, რომ ყველა მნიშვნელოვანი ინფორმაცია შეიძლება მოთავსდეს ტელეფონის საწყის ეკრანზე, მაშინ ნამდვილად იცით, რომ ის მოთავსდება უფრო დიდ ეკრანებზე. მას შემდეგ, რაც დახეხეთ არსებითი მობილური განლაგება, შეგიძლიათ დაიწყოთ დელიკატური ეკრანებისთვის გაფორმება ან უფრო დიდი სურათების დამატება..

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

დიახ, ეს ნიშნავს, რომ თქვენ გჭირდებათ შექმნათ რამდენიმე განლაგება თქვენი ვებ – გვერდის თითოეული გვერდისთვის. საბედნიეროდ, ვებსაიტების ნებისმიერმა მშენებელმა უნდა წარმოადგინოს საპასუხო შაბლონები, რომლებიც ავტომატურად ასწორებენ ამ განლაგებებს, ასე რომ თქვენ მხოლოდ ამის შემდეგ გჭირდებათ..

სწრაფი რჩევა: დარწმუნდით, რომ თქვენს საიტზე არცერთი ელემენტია, განსაკუთრებით თუ ის ინტერაქტიულია, ვიდრე ნაკლები 44px მიერ 44px ზომაში. რატომ? ეს არის ყველაზე პატარა სამიზნე, სადაც თითი კვლავ ზუსტად აკრეფილია მასზე.

7. გააგრძელეთ საქმეები

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

8. შეინახეთ ეს მარტივი

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

აუცილებელია ყუთის ჩრდილები? გიჟური, მორთული ნიმუშები? ათობით ფერი? Ალბათ არა.

9. დიდი ღია ადგილები

თქვენს შინაარსს სჭირდება ოთახი სუნთქვისთვის. თეთრი სივრცე თანამედროვე ვებ – გვერდებისთვის გაბატონებული დიზაინის არჩევანია: ფართო და ღია სივრცეები, რომლებსაც შინაარსს შორის ტერიტორიები არ აქვთ. ეს არის უფრო სასიამოვნო გზა ინფორმაციის მოპოვებისთვის, ასევე დაგეხმარებათ თქვენი ამოღება ზედმეტი ტექსტისა და სურათების მოსაშორებლად..

დასკვნა

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

დიზაინერი იბადება!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me