Standard Dimensiounen Siten: Fonctiounen, Ufuerderunge a Recommandatiounen

Technology Entwécklung vun Websäite - e ganz Multi-onst Prozess. Nach all seng Etappe kann an zwee wichtegst Deeler ënnerdeelt ginn - eng funktionell an en baussenzegen Plaz. Oder, wéi an der mëttel- Webmaster hues End a Front End bzw.. Leit, déi hir Websäiten am Web Entwécklung Studios kaaft, gleewen oft naïv, dass et nëmmen op funktionell ze duerchbriechen néideg ass, an et gëtt d'Recht Décisioun ginn. Mä dat ass richteg an engem ganz, ganz seelen Geleeënheeten, normalerweis fir Start-up'en vu Projeten an der Etapp vun Beta Testen. De Rescht vum grapheschen Interface an Benotzer ware gezwongen einfach mat Web Entwécklung Standarden ze verflichten an bequem gin.

Déi éischt Eckpilier vun der Interface Designer konfrontéiert, oder Designer - ass d'Breet vum Site Layout. No all, ass et néideg Schnëttplazen fir hir ze zéien. Intuitiv ginn et zwou Approche - entweder ze trennen Layouten fir jiddereng vun den populär Écran Resolutioune, oder dir kënnt ee Versioun vum Site fir all Kaarten schafen. Béid Méiglechkeeten wier falsch, mä éischt Saachen éischt.

Standard Breed an Pixel fir de Site Dir schons brauchen wäert

Virum der Entwécklung vun adaptiven Layout Mass Phänomen huet mat Dausende vun Pixel breed d'Entwécklung vun engem Site ginn. Dës Figur war dat fir een einfachen Grond gewielt - datt de Site op all Écran gesat war. An et ass eng gewësse Logik, mä loosse d'Verantwortung, datt eng Persoun nach op d'mannst HD-Monitor op der Desktop ass. An dësem Fall, wäert äre Layout kleng Sträif an der Mëtt vun der Écran schéngen, wou alles an ee Koup deen ass, an op der Säit vun de grousse Net-Raum. Schwätze mer elo dovun ausgoen, dass eng Persoun huet op Är Web Site vun engem Tablet mat engem Écran vun 800 Pixel an Breet, an ass an der Astellunge vergewësseren "Show der Web Site déi voll Versioun." An dësem Fall, gëtt Är Websäit och mat ugewise ginn, well einfach net an der Écran fit.

Vun dëse Considératiounen Ofschloss kënne mir, datt eng fix Breet fir de Layout, mir fit just net an Dir wëllt eng aner Aart a Weis ze fannen. Loosst d'Iddi vun engem separat Layout fir all Écran Breet analyséieren.

Layouten fir all Occasioun

Wann Dir als Trainer gewielt muss Layouten schafen fir all Écran um Maart sinn gesin, da gëtt Är Site ginn déi eenzegaarteg am Internet. No all, haut ass et einfach onméiglech der Reih vun Apparater an engem Versuch Cover eng exakt Kader fir all Optioun ze maachen. Mä wann Dir op de beléifsten Monitor Resolutioun an Écran Apparater Schwéierpunkt, ass d'Iddi gutt. Seng eenzeg Risque - déi finanziell Käschten. No all, wann der Designer Interface Designer an ewech wäert bis 5 oder 6 mol gezwongen ginn déi selwecht Aarbecht ze Leeschtunge, wäert de Projet, mee ursprénglech am Budget Präisser Féiss kascht.

Dofir bretzen en Iwwerfloss vun Versiounen fir verschidden Schiirme ausser kann dass d'Siten-odnostranichniki deem Zweck - ee Produit ze verkafen an net sécher et gutt ze maachen. Gutt, wann Dir net ee vun deenen undoen sinn, e Multi-Site, steet et weider op Grond.

De stäerkste beléifte Gréisste vun Siten

E Kompromëss tëscht zwéin Extremer ass eng Levée vun der Layout fir dräi oder véier Ecran ze gesin. Dorënner, muss een engem Layout fir mobilen Apparater ginn. De Rescht muss fir de kleng, mëttel a grouss Desktop Écran ugepasst gin. Wéi d'Breet vum Site ze wielen? Ënnert mir presentéieren HotLog Service Statistiken fir Mee 2017, deen eis d'Verdeelung vun der Popularitéit vun verschiddenen Écran Resolutioun vum Apparat an dësem Luucht aus, wéi och d'Dynamik vun änneren weist.

Vum Dësch ass et méiglech ze léieren wéi der Gréisst vum Site Dir benotze wëllt bestëmmen. Ausserdeem, kann et ofgeschloss ginn, datt déi gemeinsam Format haut Écran vun 768 Punkten an 1366 ass. Dës Schiirme sinn an engem Budget Laptop installéiert, fir hir Popularitéit ass natierlech. Déi nächst beléifsten ass engem Full HD-Monitor, déi de Gold Norm fir Filmer ass, Spiller, an, also, Site Layouten ze schafen. Weider am Dësch mir ufroen mobilen Apparater 360 x 640 Pixel gesinn, wéi och verschidde däer vun Desktop an Handy Schiirme duerno.

Design Layout

Also, no der Statistiken analyséiert, kënne mir schléissen, datt d'optimal Breet vum Site 4 Variatioune huet:

1. Versioun Laptop mat 1366 Pixel breet.
2. Full HD-Versioun.
3. 800 Pixel an Breet Gréisst Layout fir Haaptsäit op kleng Desktop passt.
4. Mobile Versioun vum Site - 360 Pixel an Breet.

Ugeholl mir decidéiert wat Dir der Gréisst vun generéiert Source Code fir de Site ze benotzen wëllt. Mä esou e Projet géif nach deier ginn. Sou méi Optiounen betruecht, dës Kéier ouni de Gebrauch vun engem fixen Breed.

Maachen eng flexibel Layout

Et gëtt eng Alternativ Approche déi mir brauchen nëmme fir de Minimum Gréisst vum Ecran ze ajustéieren, an der Stoppfeeler Gréisst vun Siten Prozent gefrot ginn. An dësem Fall, den Interface Elementer wéi Menue, Knäppercher an Logoen, kann an absolutten Zuelen definéiert ginn, op d'mannst Gréisst vun der Breet vum Écran an Pixel Schwéierpunkt. Spären mat den Inhalt, am Géigendeel, gëtt no der spezifizéierter ginn hat pro Cent vun der Breet vun der Écran gekësst huet. Dës Approche erméiglecht der Gréisst vum Site als Contrainten fir d'Designer an d'Talent net entdecken dëser nuance ze liichtfäerteg ofgeschloss.

Wat ass d'Verhältnis gëllen, a wéi de Web Säiten op de Layout ze benotzen?

Och an der Renaissance vill Architekten a Kënschtler probéiert säi Kreatiounen der perfekt Form an Undeel ginn. Fir Äntwerten op Froen iwwert d'Implikatioune vun esou Ausmooss, war se fir d'Kinnigin vun all Wëssenschaft - Mathematik.

Zanter den Deeg vun Antiquitéit vum Undeel erfonnt war déi eis Aen wéi déi natierlech an elegant perceives, well et Beschreiwung an Natur ass. Entdecker vun der Formel vun dëser Verhältnis war e talentéiert griichesche Architekt genannt Phidias. Et ass berechent, datt wann déi meescht vun der Ausmooss ze niddreg beschäftegt als Ganzt eng grouss gëtt, da dësen Undeel gutt kucken gëtt. Mä an dësem Fall, wëllt wann Dir asymmetrically Objet ze Gruef. Dësen Undeel méi spéit gouf de gëllenen Verhältnis genannt, dass nach net seng Wichtegkeet Kulturgeschicht vun der Welt heescht overestimate.

Lass zréck op Web Design

Et ass ganz einfach - d'Golden Verhältnis benotzt, kënnt Dir Säiten Design, datt déi meescht lackeleg fir de Mënsch Aen ginn. no der Formule vum Golden Rubrik berechent, fanne mer der irrational Zuel 1,6180339887 ..., mä fir Kamoudheet Dir d'ofgerënnt Wäert vun 1,62 benotze kann. Dëst wäert heeschen dass eis Säit spären sollen 62% an 38% vun der ganzer ginn, egal wat Gréisst Source Code fir de Site generéiert Dir benotzt. Beispill Dir op de folgende Schema gesinn kann:

Notzung vun neien Technologien

Modern Technik Layout Websäiten erlaben Iech bis präziist Iddien vun der Designer an d'Designer wäschen, esou elo kënnt Dir d'Ëmsetzung vun bolder Iddien wéi um Sonnenopgang vun Internet Technologie leeschten. Net méi vill mussen iwwer bis Puzzel wat d'Gréisst vun engem Site soll. Mat deer vun esou Saache wéi Spär adaptiven Layout, dynamesch Luede vun Inhalt an Policen, Web Site Entwécklung huet oft méi agréabel ginn. No all, hunn dës Technologien manner Restriktiounen, obwuel si. Mä wéi Dir wësst, ouni begrenzten Dauer, géif et keng Konscht ginn. Mir proposéieren Iech eng wierklech kreativ Approche ze designen benotzen - d'Golden Rubrik. Mat et, Iech kënnen gin fir effizient a Richtung Goal der Aarbechtsberäich fëllt, egal wat Gréisst oder Siten Dir an Ärer Skeletter gefrot.

Wéi de Aarbechtsberäich Site ze Erhéijung

Chancen datt Dir net genuch Plaz hunn wäert all Interface Elementer an de Layout vun der klenger Gréisst ze aménagéieren. An dësem Fall, wäert Dir Kreativ ufänken hunn denken, oder nach méi kreativ wéi Dir viru gemaach.

Maximum gratis an Plaatz um Site wéi méiglech, der Navigatioun an der Pop-up Menü verstoppen. Dës Approche ass logesch net nëmmen Handy ze benotzen, mä och op der Desktop. No all, gesäit de Benotzer all Zäit net musse bei Wanterschlof wat catioun op Ärem Site huet - et fir Inhalt komm ass. A Benotzer Wënsch respektéiert gin.

E Beispill vun enger gutt Manéier de Menü ze verstoppen ass déi folgend Säiten (poséiert ënnendrënner).

An der ieweschter Corner vum roude Beräich, kënnt Dir engem schéinen, klickt op de Menü gesinn, datt an engem klengen icon verstoppt, de Benotzer eleng mat der Websäit Inhalt loosst.

Mä dat ass fakultativ, kanns de Navigatioun verlooss, datt ëmmer an Siicht ass. Mee du kanns se eng schéin Design Element maachen, net nëmmen eng Lëscht vu Linken op d'populär Site. Benotzen maniabel Symboler Zousätzlech Linken op Text oder hinnen souguer schounen. Et gëtt och Är Site zu méi effizient Notzung vun Écran Plaz op Ärem Apparat erlaben.

Beschte Site - adaptiven

Wann Dir wësst net, wat een engem Layout fir de Site ze wielen, all just fir Iech. Ze retten op Entwécklung Käschten a gläichzäiteg net de Publikum verléieren wéinst aarmséileg Layout fir e puer Apparat, benotzen reaktiounsfäeger Web Design.

Adaptiven genannt engem Design datt gläich gutt op verschidden Apparater gesäit. Dës Approche gëtt erlaben Är Site kloer an einfach och fir e Laptop ze sinn, op d'mannst op der Tablet, och op engem Smartphone. Et erreecht dësem Effet ass wéinst automatesch Ännerungen un der schaffen Beräich vun der Écran Breed. Benotzt adaptiven Stil Placken fir de Site, si huelen Dir d'Recht Décisioun méiglech.

Wat ënnerscheet d'adaptiven Design vun der Disponibilitéit vun verschidde Versiounen vun äre Site

Reaktiounsfäeger Design ass anescht aus dem Handy Site sou datt am leschte Fall, de Benotzer eng HTML-Code kritt, déi aus dem Desktop verschidden ass. Dëst ass e Nodeel aus der Siicht vun der Performance vun der Server Optimisatioun, souwéi Sich-Moteur akeef. Zousätzlech, gëtt der méi schwéier et war domatter no verschidde Versiounen vum Site ze betruecht. Eng adaptiven Approche ass ouni vun Defiziter.

Adaptatioun fir verschidden Apparater ass wéinst dem Layout Breet erreecht oder Prozentzuelen via Transport spären am Weltraum sinn (an der Vertikalfläch amplaz vun der horizontal Smartphone op engem Desktop), oder déi eenzel Layouten duerch verschidde Schiirme schafen.

Dir kënnt Agenda reaktiounsfäeger Design léieren an entwéckelen Dir aus Bicher kënnen.