Სტანდარტული ზომები საიტები: ფუნქციები, მოთხოვნები და რეკომენდაციები

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

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

სტანდარტული სიგანე პიქსელებში საიტი თქვენ ოდესმე უნდა

ადრე განვითარების ადაპტური განლაგება მასობრივი მოვლენაა უკვე განვითარების საიტის ათასობით პიქსელი ფართო. ეს მაჩვენებელი შეირჩა ერთი მარტივი მიზეზის გამო - რომ საიტი იყო განთავსებული ნებისმიერი ეკრანზე. და არ არის გარკვეული ლოგიკა, მაგრამ მოდით ვივარაუდოთ, რომ ადამიანი მაინც მინიმუმ HD მონიტორის on the desktop. ამ შემთხვევაში, თქვენი განლაგება, როგორც ჩანს, პატარა ზოლები შუა ეკრანზე, სადაც ყველაფერი სხმული ერთ წყობის, და მხარეებს უზარმაზარი არასამთავრობო სივრცეში. ახლა მოდით ვივარაუდოთ, რომ პირის მოვიდა თქვენი ვებ საიტი ტაბლეტი ეკრანზე 800 pixels სიგანე და შემოწმება პარამეტრების "ჩვენება საიტზე სრული ვერსია." ამ შემთხვევაში, თქვენი საიტი ასევე იქნება ნაჩვენები არასწორად, რადგან უბრალოდ არ ჯდება ეკრანზე.

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

დაბრუნება ყველა შემთხვევისათვის

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

ამიტომ დაიკვეხნის სიმრავლის ვერსიები სხვადასხვა ეკრანები შეიძლება იყოს გარდა იმისა, რომ საიტები-odnostranichniki რომლის მიზანია - გაყიდოს ერთი პროდუქტი და რა თქმა უნდა ამის გაკეთება კარგად. ისე, თუ თქვენ არ ხართ ერთ იმ Landing, მრავალ საიტზე, ეს ლოგიკურია, შემდგომი.

ყველაზე პოპულარული ზომის საიტები

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

მაგიდიდან ეს შესაძლებელია ისწავლოს, რათა დადგინდეს ზომის საიტი გსურთ გამოიყენოთ. გარდა ამისა, შეიძლება ითქვას, რომ ყველაზე გავრცელებული ფორმატი დღეს ეკრანზე 1366 by 768 ქულა. ამ ეკრანები დამონტაჟებულია ბიუჯეტის ლეპტოპი, ასე რომ მათი პოპულარობა არის ბუნებრივი. შემდეგი ყველაზე პოპულარული არის Full HD მონიტორი, რომელიც არის ოქროს სტანდარტი ფილმები, თამაშები, და, აქედან გამომდინარე, შექმნა საიტი ფორმატისთვის. შემდგომი მაგიდასთან ჩვენ ვხედავთ, დართოს მობილური მოწყობილობების 360 x 640 pixels, ისევე როგორც სხვადასხვა embodiments საგამომცემლო და მობილური ეკრანები შემდეგ.

დიზაინის განლაგება

ასე რომ, მას შემდეგ, რაც ანალიზის სტატისტიკური მონაცემებით, შეგვიძლია დავასკვნათ, რომ ოპტიმალური სიგანე საიტზე 4 ვარიაციები:

1. მობილური laptop სიგანე 1366 pixels.
2. Full HD ვერსია.
3. 800 pixels სიგანის ზომა განლაგება ჩვენება პატარა მაგიდაზე დამკვირვებლები.
4. მობილური საიტი - 360 pixels სიგანე.

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

გააკეთეთ მოქნილი სქემა

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

რა არის ოქროს თანაფარდობა, და თუ როგორ გამოიყენოთ ვებ გვერდების განლაგება?

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

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

მოდით დავუბრუნდეთ ვებ დიზაინი

ეს ძალიან მარტივია - გამოყენებით ოქროს თანაფარდობა, შეგიძლიათ შეიმუშავებს გვერდებზე, რომელიც იქნება ყველაზე სასიამოვნო ადამიანის თვალი. გამოითვლება ფორმულა ოქროს კვეთის, ჩვენ ირაციონალური ნომერი 1,6180339887 ... მაგრამ მოხერხებულობის შეგიძლიათ გამოიყენოთ მრგვალდება ღირებულება 1.62. ეს ნიშნავს, რომ ჩვენს გვერდზე ბლოკები უნდა იყოს 62% და 38% მთელი, არ აქვს მნიშვნელობა რა ზომის გენერირებული კოდის საიტზე თქვენ იყენებთ. მაგალითი შეგიძლიათ ნახოთ შემდეგი სქემით:

ახალი ტექნოლოგიების გამოყენება

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

როგორ გაზრდის სამუშაო არეს საიტი

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

მაქსიმალური უფასო სივრცე საიტი შეიძლება იმალება, ნავიგაცია pop-up მენიუ. ეს მიდგომა ლოგიკურია გამოიყენოთ არა მხოლოდ მასალა, არამედ on the desktop. ყოველივე ამის შემდეგ, მომხმარებელს არ უნდა ყველა დროის შევხედოთ რა აქვს სასაქონლო თქვენს საიტზე - დადგა შინაარსზე. მომხმარებელი სურს პატივს სცემენ.

მაგალითად, კარგი გზა დამალვა მენიუს შემდეგ განლაგება (სურათები ქვემოთ).

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

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

საუკეთესო საიტი - ადაპტური

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

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

რა განასხვავებს ადაპტური დიზაინი ხელმისაწვდომობის სხვადასხვა ვერსიები თქვენი საიტი

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

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

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