Norma dimensioj lokoj: trajtojn, postuloj kaj rekomendoj

Teknologio disvolviĝo de retejoj - tre Multi-faceted procezo. Tamen ĉiuj ĝiaj stadioj povas esti dividita en du ĉefaj komponantoj - funkcia kaj ekstera ingon. Aŭ, kiel en la meza retestro Kom Fino kaj Front End respektive. Homoj kiuj aĉetis iliajn retejoj en ttt disvolviĝo studioj, ofte naive kredas ke estas necese enfokusigi nur sur funkciaj, kaj ĝi estos la dekstra decido. Sed tio estas vera en tre, tre maloftaj okazoj, kutime por start-ups de projektoj je tiu periodo de beta-testado. La resto de la grafika dezajno kaj interfaco estas simple devigataj plenumi ttt disvolviĝo normoj kaj esti komforta.

La unua ŝtono de alfrontas la interfaco dezajno, aŭ diseñador - estas la larĝo de la retejo aranĝo. Ja necesas tiri interfacoj por ŝi. Intuicie ekzistas du aliroj - ĉu por fari apartajn layouts por ĉiu el la populara ekrano rezolucioj, aŭ vi povas krei version de la ejo por ĉiuj mapoj. Ambaŭ ebloj estus erara, sed unuaj aferoj unue.

Norma larĝeco en pikseloj por la retejo vi iam bezonos

Antaŭ la disvolviĝo de adapta aranĝo maso fenomeno estis la disvolviĝo de ejo kun miloj da rastrumeroj larĝa. Tiu figuro estis elektita por simpla kialo - ke la ejo estis metita sur ajna ekrano. Kaj tie estas certa logiko, sed ni supozu ke persono estas ankoraŭ minimume HD-monitoro en la labortablo. En ĉi tiu kazo, vian aranĝon ŝajnos eta strio en la mezo de la ekrano, kie ĉiu estas mulditaj en unu amason, kaj sur la flankoj de la grandega ne-spaco. Nun ni supozu ke persono venis al via ttt-ejo de tableta kun ekrano de 800 pikseloj de larĝa, kaj estas markita en la agordojn "Montru la lokon retejo de la plena versio." En ĉi tiu kazo, via retejo estos ankaŭ esti montrita malĝuste, kiel simple ne persvadas en la ekrano.

El tiuj konsideroj, ni povas konkludi ke fiksa larĝo por la aranĝo, ni simple ne taŭgas kaj vi volas trovi alian vojon. Ni analizu la ideon de aparta aranĝo por ĉiu ekrano larĝa.

Layouts por ĉiuj okazoj

Se vi elektis kiel strategio por krei dezajnoj por ĉiuj ekrano grandecoj havebla en la merkato, do via retejo estos la plej unika en la Interreto. Ja hodiaŭ estas simple neeble kovri la tuta gamo de aparatoj en provo por fari ĝustan opcio por ĉiu elekto. Sed se vi koncentras sur la plej populara ekrano rezolucio kaj ekrano aparatoj, la ideo estas bona. Lia sola malavantaĝo - la financaj kostoj. Finfine, kiam la diseñador interfaco dezajno kaj codificador estos devigita 5 aŭ 6 fojojn plenumi la saman laboron, la projekto kostos misproporcie origine plantita en buĝeto prezoj.

Sekve fanfaronas abundo de versioj por malsamaj ekranoj povas esti escepte ke la ejoj-odnostranichniki kies celo - por vendi unu produkto kaj esti certa por fari ĝin bone. Nu, se vi ne estas unu el tiuj Landing, multi-ejo, estas logike plu.

La plej popularaj grandecoj de lokoj

Al kompromison inter la du ekstremoj estas desegno de la aranĝo por tri aŭ kvar ekrano grandecoj. Inter ili, oni devas esti aranĝo por porteblaj aparatoj. La resto devas esti adaptita por la malgranda, meza kaj granda labortablo ekrano. Kiel elekti la larĝa de la retejo? Sube ni prezentas HotLog servo statistikoj por majo 2017, kiu montras al ni la disdonado de la populareco de iuj rezolucio de ekrano de la mekanismo, tiel kiel la dinamiko de ŝanĝo en ĉi tiu indikilo.

De la tablo eblas lerni kiel por determini la grandecon de la retejo vi volas uzi. Krome, ĝi povas fini ke la plej ofta formato hodiaŭ estas la ekrano en 1366 de 768 punktoj. Ĉi tiuj ekranoj estas instalitaj en buĝeto portebla komputilo, do ilia populareco estas natura. La sekva plej populara estas Full HD-monitoro, kiu estas la oro normo por filmoj, ludoj, kaj, sekve, krei retejon arangoj. Plue en la tablo ni vidas permesas porteblaj aparatoj 360 x 640 pikseloj, kaj ankaŭ diversaj enkorpiĝoj de labortablo kaj moveblaj ekranoj post tio.

dezajno aranĝo

Do, post analizi la statistiko, oni povas konkludi, ke la optimuma larĝeco de la retejo havas 4 variantoj:

1. Versio tekkomputiloj kun 1366 rastrumeroj larĝa.
2. Plena HD-versio.
3. 800 pikseloj de larĝa amplekso aranĝo por ekrano sur malgranda labortablo monitoroj.
4. Poŝtelefono versio de la retejo - 360 rastrumeroj larĝa.

Supozu ni decidis, kion vi volas uzi la grandeco de generita fontkodon por la ejo. Sed tia projekto ankoraŭ estus multekosta. Do konsideri pli ebloj, ĉi tiu fojo sen la uzo de fiksa larĝo.

Faru fleksebla aranĝo

Estas alternativa alproksimiĝo ke ni bezonas nur ĝustigi por la minimuma grandeco de la ekrano, kaj la tuta grandeco de la lokoj estos demandita procentoj. En ĉi tiu kazo, la interfaco elementoj kiel menuoj, butonoj kaj pasintaj, povas esti difinita en absolutaj terminoj, centrita en la minimuma grandeco de la larĝo de la ekrano en pikseloj. Blokoj kun la enhavo, male, falos laŭ la precizigita procento de la larĝo de la ekrano areo. Tiu aliro permesas detekti la grandeco de la ejo kiel limigoj por la diseñador kaj la talento bati tiun nuancon.

Kio estas la ora proporcio kaj kiel uzi la retpaĝoj al la aranĝo?

Eĉ en la renesanco multaj arkitektoj kaj artistoj provis doni liaj kreoj la perfektan formon kaj proporcio. Por respondojn al demandoj pri la implicoj de tiaj proporcioj, ili turnis sin al la reĝino de ĉiuj sciencoj - matematiko.

Ekde la tempo de antikva tempo estis elpensita de la proporcio kiun nia okulo perceptas kiel la plej natura kaj eleganta, ĉar ĝi estas ĉiea en la naturo. Descubridor de la formulo de ĉi tiu kialo estis talenta greka arkitekto nomita Fidias. Oni kalkulis ke se la plejparto de la proporcioj rilatas al malaltaj kiel tuto provizas pli grandan, tiam tiu proporcio aspektos bone. Sed en ĉi tiu kazo, se vi volas dividi nesimetrie objekto. Tiu proporcio poste iĝis nomita la ora proporcio, kiu ankoraŭ ne trotaksi lia graveco por la mondo kultura historio.

Ni reiru al dezajno retejo

Ĝi estas tre simpla - uzante la ora proporcio, vi povas desegni paĝoj kiuj estos plej agrabla al la homa okulo. Kalkulita laŭ la formulo de la ora sekcio, ni trovas la neracionala nombro 1,6180339887 ..., sed pro konveneco vi povas uzi la rondigita valoro de 1,62. Ĉi tio volas diri ke nia paĝo blokoj estu 62% kaj 38% de la tuta, ne gravas kion grandeco generita fontkodon por la retejo vi abonas. Ekzemplo povas vidi en la sekva skemo:

Uzo de novaj teknologioj

Moderna teknologio aranĝo ttt ejoj permesas precize transdoni ideojn de la diseñador kaj la diseñador, tiel nun vi povas pagi la efektivigo de pli aŭdacaj ideoj, ol ĉe la tagiĝo de Interreto teknologio. Ne plu bezonas multe konfuzis super kio devus esti granda kiel ejo. Kun la alveno de tiaj aferoj kiel bloko adapta aranĝo, dinamika ŝarĝo de enhavo kaj tiparojn, retejo disvolviĝo fariĝis multfoje pli agrabla. Ja tiuj teknologioj havas malpli limigoj, kvankam ili estas. Sed kiel vi scias, sen limigo, ekzistus neniu arto. Ni sugestas vin uzi vere krea alproksimiĝo al desegni - la ora sekcio. Kun ĝi, vi povos efike kaj bele plenigu la spaco de laboro, ne gravas kion grandeco aŭ lokoj vi petis en viaj skeletoj.

Kiel por pliigi la spaco de laboro paĝaro

Ŝancoj estas ke vi ne havas sufiĉan spacon por akomodi ĉiuj interfaco elementoj en la aranĝo de la malgranda grandeco. En ĉi tiu kazo, vi devas komenci pensi kreeme, aŭ eĉ pli kreiva ol vi faris antaŭe.

Maksimuma libera supren spaco sur la retejo kiel eble, kaŝante la navigacio en la popmuziko-supre menuo. Tiu aliro estas logike uzi ne nur porteblaj, sed ankaŭ en la labortablo. Post ĉiu, la uzanto ne bezonas la tutan tempon por rigardi kion havas rubrikojn en via retejo - ĝi venis por enhavo. Uzanto deziras esti respektata.

Ekzemplo de bona maniero por kaŝi la menuo estas la jena aranĝo (bildigita malsupre).

En la supra angulo de la ruĝa zono, vi povas vidi krucon, alklaku la menuon kiu kaŝas en malgranda ikono, lasante la uzanton sola kun la retejo enhavo.

Tamen, ĉi tiu estas nedeviga, Vi povas lasi la navigacio kiu estas ĉiam videbla. Sed vi povas faras ĝin bela dezajno elemento, ne nur ligilaro sur la populara retejo. Uzu intuicia ikonoj aldone al teksto ligoj aŭ eĉ anstataŭigi ilin. Ĝi ankaŭ permesos via retejo por pli efika uzo de ekrano spaco sur via aparato.

Plej Retejo - adapta

Se vi ne scias kiun el elekti aranĝo por la retejo, ĉiuj nur por vi. Ŝpari en kostoj de disvolviĝo kaj samtempe ne perdi la spektantaro pro malriĉa aranĝo por iu aparato, uzu respondema dezajno retejo.

Adapta nomita dezajno kiu aspektas en malsamaj aparatoj egale bone. Tiu aliro ebligos via retejo por esti klara kaj facila eĉ por tekkomputilo, almenaŭ sur la tabelo, eĉ sur smartphone. Ĝi atingis ĉi tiu efekto estas pro aŭtomata ŝanĝoj al la laborista areon de la ekrano larĝa. Uzante adapta stilo littukojn por la retejo, vi prenas la ĝustan decidon eblas.

Kio distingas la adapta dezajno de la havebleco de malsamaj versioj de via TTT-ejo

Respondema dezajno malsamas de la movebla ejo tiel ke en tiu lasta kazo, la uzanto ricevas html-kodo, kiu estas malsama de la labortablo. Jen malavantaĝo de la vidpunkto de optimizar la rendimento de la servilo, kaj ankaŭ serĉilon optimumigo. Krome, la pli malfacila ĝi iĝas konsideri la statistikoj laŭ malsamaj versioj de la retejo. Adaptativa alproksimiĝo estas sen mankoj.

Adaptabilidad por malsamaj aparatoj estas atingita pro la aranĝo larĝa aŭ Procentoj per transporto blokoj en la disponebla spaco (en la ebena vertikala anstataŭ la horizontala smartphone sur labortablo), aŭ la individuaj layouts per kreado diversaj ekranoj.

Vi povas lerni pli pri respondemaj dezajno kaj evoluigi vi povas de libroj.