Standard ölçüləri saytlar: xüsusiyyətləri, tələblər və tövsiyələr

web Technology inkişafı - bir çox çox istiqamətli proses. funksional və xarici sheath - Lakin onun bütün mərhələləri iki əsas komponentdən bölünə bilər. Və ya, orta webmaster müvafiq Beg End və Front End kimi. tez-tez web inkişaf studiyaları öz web alıb People naively yalnız funksional diqqət etmək lazımdır ki, və doğru qərar olacaq. Lakin bu adətən beta test mərhələsində layihələrin start-up üçün, bir çox, çox nadir hallarda doğrudur. qrafik dizayn və istifadəçi interfeysi qalan sadəcə web inkişaf standartlarına uyğun və rahat borcludurlar.

interface dizayner, və ya dizayner üzləşdiyi ilk təməl - site layout eni. Bütün sonra, onun üçün interfeys çəkmək lazımdır. Daxilən iki yanaşma var - ya məşhur ekran qətnamələri hər biri üçün ayrı-ayrı layouts etmək, və ya bütün xəritələr üçün saytın bir versiyasını yaratmaq bilər. Hər iki variantları yanlış ola bilər, lakin ilk şey olardı.

Əgər lazımdır site üçün piksel Standard eni

adaptiv layout kütləvi fenomen inkişafına əvvəl geniş piksel minlərlə ilə bir site inkişaf olmuşdur. Bu rəqəm bir sadə səbəbdən seçildi - site hər hansı bir ekranda yerləşdirilmiş edilib. Və müəyyən bir məntiq, lakin bir şəxs hələ masa üstü azı HD-monitor olduğunu güman edək. Bu halda, sizin layout hər şey bir qalaq tökürdülər olunur ekran, ortasında kiçik zolaq görünür, və böyük qeyri-yer tərəfdən olacaq. İndi bir adam eni 800 piksel ekran ilə bir tablet web site gəldi və parametrləri yoxlanılır ki, güman edək "Web site tam versiyası göstər." sadəcə ekran uyğun deyil Bu halda, Sizin veb də səhv göstərilir.

Bu mülahizələr, biz layout üçün sabit eni, biz yalnız uyğun deyil ki, bağlaya bilər və siz başqa bir yol tapmaq istəyirəm. Hər ekran eni üçün ayrı layout fikir təhlil edək.

Bütün hallar üçün Düzenler

Bütün ekran bazarda mövcud ölçüləri üçün planlarının yaratmaq üçün bir strategiya kimi seçmiş, onda sizin site İnternet ən unikal olacaq. Bütün sonra, bu gün hər seçimi üçün dəqiq qəbulu etmək cəhdi cihazlar bütün spektrini əhatə etmək sadəcə mümkün deyil. ən məşhur monitor qətnamə və ekran cihazlar diqqət əgər Lakin, fikir yaxşıdır. Onun yalnız günah - maliyyə xərcləri. dizayner interface dizayner və coder eyni iş yerinə yetirmək üçün 5 və ya 6 dəfə məcbur olacaq zaman bütün sonra, layihə ilk büdcə qiymətlərlə əkilmiş qeyri-mütənasib başa gələcək.

bir məhsul satmaq və bunu əmin olmaq - Buna görə də müxtəlif ekranlar üçün versiyasını bol onun məqsədi sites-odnostranichniki başqa ola bilər öyünə. Bu Landing biri deyil əgər Bəli, bir çox site, daha səbəb dayanır.

sites ən məşhur ölçüləri

iki ifrata arasında kompromis üç və ya dörd layout bir rəsm ekran ölçüləri. Onların arasında bir mobil cihazlar üçün bir layout olmalıdır. istirahət, kiçik, orta və böyük masa üstü ekran üçün adaptasiya etmək lazımdır. Necə site eni seçmək? bizə cihaz müxtəlif ekran çözünürlüğü populyarlıq paylanması, eləcə də bu göstərici dəyişməsi dinamikası göstərir ki, may 2017 üçün xidmət statistika HotLog təqdim Aşağıda.

masa onu istifadə etmək istədiyiniz saytın ölçüsü müəyyən etmək üçün necə öyrənmək mümkündür. Bundan əlavə, ən ümumi format gün 768 bal 1366-ci ildə ekran ki, bağlana bilər. Bu ekranlar büdcə laptop quraşdırılıb, onların populyarlıq təbiidir. sonrakı ən məşhur site planlarının yaratmaq üçün, buna görə də, film, oyunlar üçün qızıl standart, və Full HD-monitor edir. Əlavə görürük cədvəldə sonra mobil cihazlar 360 x 640 piksel, eləcə də masa üstü müxtəlif quruluşlara və mobil ekranlar icazə.

dizayn layout

Belə ki, statistika analiz sonra, biz saytın optimal eni 4 varyasyonları var ki, bağlaya bilər:

1. geniş 1366 piksel ilə Version noutbuk.
2. Full HD versiyası.
3. kiçik masa üstü nəzarət ekran üçün eni ölçüsü layout 800 piksel.
4. eni 360 piksel - Saytın mobil versiyası.

biz Saytda üçün yaradılan kodunu ölçüsü istifadə etmək istədiyiniz nə qərar düşünək. Lakin belə bir layihə hələ bahalı olacaq. Belə ki, daha çox seçim sabit eni istifadə etmədən bu dəfə hesab edir.

çevik layout olun

Orada biz ekran minimum ölçüsü tənzimləmək lazımdır alternativ yanaşma və sites şəffaf ölçüsü faiz xahiş olunacaq. Bu halda, belə menyular, düymələr və loqotiplər kimi interface elementləri piksel ekran eni minimum ölçüsü diqqət, mütləq mənada müəyyən edilə bilər. məzmunu ilə Blocks, əksinə, ekran sahəsi eni yüzdə müəyyən görə uzanırdı olunacaq. Bu yanaşma dizayner və bu nüans döymək istedad üçün məhdudiyyətlər kimi saytın ölçüsü aşkar imkan verir.

Nə qızıl nisbəti və necə layout web pages istifadə etmək olar?

Hətta İntibah bir çox memar və rəssam onun yaradıcılığının mükəmməl forma və nisbəti verməyə çalışdıq. Belə nisbətdə nəticələri haqqında suallara cavab, onlar bütün elmləri queen çevrildi - riyaziyyat.

Ever qədim gün bu təbiət yerdə deyil, çünki bizim göz, ən təbii və zərif kimi qəbul nisbətdə tərəfindən icad edildi. bu nisbət formula Discoverer Phidias adlı istedadlı yunan memar idi. Bu bütün daha böyük bir təmin edir nisbətdə ən aşağı aid, onda bu nisbət də görünür ki, hesablanır. Amma bu halda, əgər asimmetrik obyekt bölmək istəyirəm. Bu nisbət sonra hələ dünya mədəni tarixi üçün öz əhəmiyyətini yüksək qiymətləndirir deyil qızıl nisbəti adlı oldu.

web dizayn geri gedək

Bu, çox sadə - Siz insan gözü üçün ən sevindirici olacaq pages dizayn edə bilərsiniz qızıl nisbəti istifadə edərək. qızıl hissəsinin formula görə hesablanmış, biz tapmaq irrasional sayı 1,6180339887 ... lakin rahatlığı üçün 1,62 dairəvi dəyəri istifadə edə bilərsiniz. Bu, bizim səhifə blokları olursa olsun istifadə site üçün mənbə kodu yaradılan nə ölçüsü 62% və ümumilikdə 38% olmalıdır ki, demək olacaq. Siz aşağıdakı sxem bilərsiniz Misal:

yeni texnologiyaların istifadə

Müasir texnologiya layout web sites indi Internet texnologiyası sabah daha bolder fikir həyata keçirilməsini ödəyə bilər, belə ki, dəqiq, dizayner və dizayner ideyalarını çatdırmaq üçün imkan verir. No longer bir site ölçüsü olmalıdır nə üzərində puzzle çox lazımdır. blok kimi şeylər Advent ilə adaptiv layout, məzmunu və fonts dinamik yüklənməsi, web site inkişaf dəfələrlə daha rahat olmuşdur. Bütün sonra, bu texnologiyalar onlar olsa da, az məhdudiyyətlər var. Amma bildiyiniz kimi, məhdudiyyət olmadan, heç bir sənət olmazdı. qızıl bölmə - Biz dizayn həqiqətən yaradıcı yanaşma istifadə gəlir. O, sizə səmərəli və gözəl olursa olsun sizin şablonları xahiş nə ölçüsü və ya sites, iş doldurmaq olacaq.

iş saytı artırmaq üçün necə

Şansını siz kiçik layout bütün interfeys elementləri yerləşdirilməsi üçün kifayət qədər yer yoxdur ki, var. Bu halda, siz yaradıcı düşüncə başlamaq və ya əvvəl idi daha çox yaradıcı olacaq.

pop-up menyu naviqasiya gizlətmək mümkün saytda Maximum up pulsuz yer. Bu yanaşma nəinki mobil, həm də masa üstü istifadə etmək məntiqi deyil. Bütün sonra, istifadəçi saytda mal nə baxmaq hər zaman lazım deyil - bu məzmun üçün gəlib. Bir istifadəçi hörmət istəyir.

menyu gizlətmək üçün yaxşı bir şəkildə nümunəsi aşağıdakı layout (aşağıda təsvir) edir.

yuxarı qırmızı küncündə sahəsində, siz web content ilə tək istifadəçi tərk, bir kiçik icon gizlədir menyu basın, bir cross bilərsiniz.

Lakin bu isteğe bağlıdır, siz yanında həmişə naviqasiya tərk edə bilər. Amma bir gözəl dizayn element, məşhur saytda links yalnız bir siyahısı edə bilərsiniz. links mətn və ya hətta onları əvəz etmək üçün əlavə intuitiv nişanlar istifadə edin. O, həmçinin cihaz ekran alanı daha səmərəli istifadə üçün site imkan verir.

Best səhifə - adaptiv

Bütün yalnız sizin üçün, site üçün bir layout seçmək üçün bir bilmirsinizsə. inkişaf xərcləri saxlamaq və eyni zamanda bəzi cihaz üçün yoxsul layout tamaşaçı itirmək deyil, məsuliyyətli web dizayn istifadə.

Adaptive eyni müxtəlif cihazlar görünür ki, bir dizayn çağırıb. Bu yanaşma site belə bir smartphone ən azı tablet, hətta bir laptop üçün aydın və asan olmaq üçün imkan verir. Bu effekt ekran eni iş sahəsinə avtomatik dəyişikliklər ilə bağlıdır əldə. site üçün adaptiv stillər istifadə edərək, siz mümkün doğru qərar qəbul edir.

Sizin veb müxtəlif versiyaları mövcudluğu adaptiv dizayn fərqləndirir

Cavab dizayn masa üstü fərqli sonuncu halda, istifadəçi html-kod alır ki mobil site, fərqlidir. Bu server performansını, eləcə də axtarışı optimizasyonu optimallaşdırılması baxımından bir dezavantaj. Bundan əlavə, daha çətin saytın müxtəlif versiyaları görə statistika hesab olur. Adaptiv yanaşma çatışmazlıqlar məhrum edir.

müxtəlif cihazlar üçün adaptasiya görə layout eni və ya Faizlər mövcud məkanında nəqliyyat blokları vasitəsilə (şaquli təyyarə əvəzinə bir masa üstü üfüqi smartphone), və ya müxtəlif ekranlar yaratmaqla fərdi layouts əldə edilir.

Siz cavab dizayn haqqında daha ətraflı məlumat və kitablar siz inkişaf edə bilər.