ప్రామాణిక కొలతలు సైట్లు: లక్షణాలు, అవసరాలు మరియు సిఫార్సులను

వెబ్సైట్లు టెక్నాలజీ అభివృద్ధి - చాలా బహుముఖ ప్రక్రియ. ఒక క్రియాత్మక మరియు ఒక బాహ్య కోశం - ఇంకా అన్ని దాని దశల్లో రెండు ప్రధాన భాగాలుగా విభజించవచ్చు. లేదా, మీడియం చెయండి బేగ్ ఎండ్ మరియు ఫ్రంట్ ఎండ్ వరుసగా వలె. తరచుగా, వెబ్ అభివృద్ధి స్టూడియో లో వారి వెబ్సైట్లు కొనుగోలు వ్యక్తులు naively అది మాత్రమే ఫంక్షనల్ దృష్టి అవసరం నమ్ముతారు, మరియు అది సరైన నిర్ణయం ఉంటుంది. కానీ ఈ సాధారణంగా బీటా టెస్టింగ్ దశలో ప్రాజెక్టుల మొదలు పెట్టడంతో, చాలా, చాలా అరుదైన సందర్భాలలో నిజం. గ్రాఫిక్ డిజైన్ మరియు యూజర్ ఇంటర్ఫేస్ యొక్క మిగిలిన కేవలం వెబ్ అభివృద్ధి ప్రమాణాలను అనుగుణంగా మరియు సౌకర్యవంతమైన ఉండాలి చేస్తున్నారు.

ఇంటర్ఫేస్ డిజైనర్, లేదా డిజైనర్ ఎదుర్కొంటున్న మొదటి మూలస్తంభంగా - సైట్ లేఅవుట్ యొక్క వెడల్పు ఉంది. అన్ని తరువాత, అది తన కోసం ఇంటర్ఫేస్లు డ్రా అవసరం. అకారణంగా రెండు విధానాలు ఉన్నాయి - ప్రముఖ స్క్రీన్ తీర్మానాలు ప్రతి ప్రత్యేక లు చేయడానికి గాని, లేదా మీరు అన్ని పటాలకు సైట్ యొక్క ఒక వెర్షన్ సృష్టించవచ్చు. రెండు ఎంపికలు మొదటి మొదటి విషయాలు తప్పు అవుతుంది కాని.

మీరు ఎప్పుడైనా అవసరం సైట్ కోసం పిక్సెళ్ళు ప్రామాణిక వెడల్పు

అనుకూల నమూనాను మాస్ దృగ్విషయం అభివృద్ధికి ముందు విస్తృత పిక్సెళ్ళు వేల ఒక సైట్ అభివృద్ధి చెందాయి. ఈ సంఖ్య ఒక సాధారణ కారణం ఎంపికయ్యాడు - సైట్ ఏ తెరపై ఉంచారు ఆ. మరియు ఒక నిర్దిష్ట తర్కం ఉంది, కానీ ఒక వ్యక్తి ఇంకా డెస్క్టాప్ మీద కనీసం HD-మానిటర్ అని ఊహించుకోవటం తెలియజేయండి. ఈ సందర్భంలో, మీ లేఅవుట్ ప్రతిదీ ఒక పైల్ లో అచ్చుపోసిన ఉన్న స్క్రీన్, మధ్యలో చిన్న స్ట్రిప్ అనిపించవచ్చు, మరియు భారీ కాని స్థలం వైపులా ఉంటుంది. ఇప్పుడు ఒక వ్యక్తి వెడల్పు 800 పిక్సెళ్ళు తెరతో ఒక టాబ్లెట్ నుండి మీ వెబ్ సైట్ కు వచ్చి ఆ సెట్టింగులను లో తనిఖీ ఊహించుకోవటం తెలియజేయండి "వెబ్ సైట్ చూపించు పూర్తి వెర్షన్." ఈ సందర్భంలో, మీ వెబ్ సైట్ కూడా తప్పుగా, కేవలం తెరపై సరిపోని వంటి ప్రదర్శించబడుతుంది.

ఈ పరిగణనలు నుండి, మేము మీరు మరొక మార్గాన్ని అనుకుంటున్నారా లేఅవుట్ కోసం ఒక స్థిర వెడల్పు, మేము కేవలం సరిపోని నిర్ధారించారు చేయవచ్చు. యొక్క ప్రతి తెర వెడల్పు కోసం ఒక ప్రత్యేక లేఅవుట్ ఆలోచన విశ్లేషించడానికి లెట్.

అన్ని సందర్భాలలో కోసం లేఅవుట్

మీరు అన్ని తెర మార్కెట్లో అందుబాటులో పరిమాణాల్లో లు సృష్టించడానికి ఒక వ్యూహంగా ఎంచుకున్నారు ఉంటే, అప్పుడు మీ సైట్ ఇంటర్నెట్ అత్యంత ఏకైక ఉంటుంది. అన్ని తరువాత, నేడు అది ప్రతి ఐచ్చికము కొరకు ఒక ఖచ్చితమైన అమరిక మార్చే ప్రయత్నంలో లో పరికరాల మొత్తం పరిధిని కవర్ చేయడానికి కేవలం అసాధ్యం. కానీ మీరు చాలా ప్రాచుర్యం మానిటర్ స్పష్టత మరియు స్క్రీన్ పరికరాలు దృష్టి ఉంటే, ఆలోచన మంచిదే. దాని మాత్రమే లోపము - ఆర్థిక ఖర్చులు. అన్ని తరువాత, డిజైనర్ ఇంటర్ఫేస్ డిజైనర్ మరియు coder అదే పనిని 5 లేదా 6 సార్లు బలవంతంగా చేస్తుంది, ప్రాజెక్ట్ ఎంతో వాస్తవానికి బడ్జెట్ ధరలు వద్ద నాటిన ఖర్చు.

ఒక ఉత్పత్తి అమ్మే మరియు బాగా దీన్ని తప్పకుండా - అందువలన వివిధ తెరలు కోసం వెర్షన్లు మెండుగా దీని ప్రయోజనం సైట్లు odnostranichniki తప్ప ఉంటుంది గర్వపడతారు. సరే, మీరు ఆ లాండింగ్ ఒకటి లేకుంటే, ఒక బహుళ సైట్, అది మరింత కారణం ఉంది.

సైట్లు అత్యంత ప్రజాదరణ పరిమాణాలు

రెండు తీవ్రతలు మధ్య ఒక రాజీ మూడు లేదా నాలుగు లేఅవుట్ యొక్క ఒక డ్రాయింగ్ ఉంది తెర పరిమాణాల. వాటిలో, ఒక మొబైల్ పరికరాల కోసం ఒక లేఅవుట్ ఉండాలి. మిగిలిన చిన్న, మధ్య మరియు పెద్ద డెస్క్టాప్ స్క్రీన్ కోసం స్వీకరించారు అవసరం. ఎలా సైట్ యొక్క వెడల్పు ఎంచుకోవడానికి? మేము HotLog సంయుక్త పరికరం యొక్క వివిధ స్క్రీన్ రిజల్యూషన్ యొక్క ప్రజాదరణకు పంపిణీ, అలాగే ఈ సూచిక లో మార్పు డైనమిక్స్ చూపే మే 2017 సేవ గణాంకాలు ప్రస్తుత క్రింద.

పట్టిక నుండి మీరు ఉపయోగించడానికి కావలసిన సైట్ యొక్క పరిమాణం గుర్తించడానికి ఎలా తెలుసుకోవడానికి అవకాశం ఉంది. అదనంగా, అది నేడు అత్యంత సాధారణ ఫార్మాట్ 768 పాయింట్లు 1366 లో స్క్రీన్ అని నిర్ధారించారు చేయవచ్చు. ఈ తెరలు బడ్జెట్ ల్యాప్టాప్ లో ఇన్స్టాల్, కాబట్టి వారి ప్రజాదరణ సహజ ఉంది. అత్యంత ప్రజాదరణ తదుపరి సినిమాలు, గేమ్స్ బంగారు ప్రమాణం, సైట్ లు సృష్టించడానికి, అందువలన, మరియు ఒక పూర్తి HD-మానిటర్, ఉంది. మరింత మేము చూడండి పట్టికలో తరువాత మొబైల్ పరికరాల 360 x 640 పిక్సెళ్ళు, అలాగే డెస్క్టాప్ యొక్క వివిధ ఆకారాలను మరియు మొబైల్ తెరలకు అనుమతిస్తాయి.

డిజైన్ లేఅవుట్

కాబట్టి, గణాంకాలు విశ్లేషించడం తరువాత, మేము సైట్ యొక్క సరైన వెడల్పు 4 వైవిధ్యాలు నిర్ధారించారు చేయవచ్చు:

1. 1366 పిక్సెళ్ళు వెడల్పుతో వెర్షన్ ల్యాప్టాప్.
2. పూర్తి HD-వెర్షన్.
3. చిన్న డెస్క్టాప్ మానిటర్లు ప్రదర్శన కోసం వెడల్పు పరిమాణం లేఅవుట్ లో 800 పిక్సెళ్ళు.
4. వెడల్పు 360 పిక్సెళ్ళు - సైట్ యొక్క మొబైల్ వెర్షన్.

మేము మీరు సైట్ కోసం ఉత్పత్తి సోర్స్ కోడ్ పరిమాణం ఉపయోగించడానికి ఏమి నిర్ణయించుకుంది అనుకుందాం. కానీ అటువంటి ప్రాజెక్ట్ ఇప్పటికీ ఖరీదైన ఉంటుంది. సో మరింత ఎంపికలు, ఒక స్థిర వెడల్పు ఉపయోగం లేకుండా ఈ సమయంలో పరిగణలోకి.

ఒక సౌకర్యవంతమైన లేఅవుట్ చేయండి

మేము స్క్రీన్ కనీస పరిమాణం సర్దుబాటు మాత్రమే అవసరం ఒక ప్రత్యామ్నాయ విధానం ఉంది, మరియు సైట్లు యొక్క శుద్ధ పరిమాణం శాతం అడుగుతారు. ఈ సందర్భంలో, వంటి మెనూలు, బటన్లు మరియు లోగోలు ఇంటర్ఫేస్ అంశాలను, సంపూర్ణ పరంగా పిక్సెళ్ళు స్క్రీన్ వెడల్పు కనీస పరిమాణం దృష్టి సారించడం నిర్వచించవచ్చు. కంటెంట్ తో బ్లాక్స్, విరుద్దంగా, స్క్రీన్ ప్రాంతం వెడల్పు శాతం పేర్కొన్న ప్రకారం విస్తరించి ఉంటుంది. ఈ విధానం డిజైనర్ మరియు ఈ స్వల్పభేదాన్ని ఓడించింది ప్రజ్ఞతో అడ్డంకులు వంటి సైట్ యొక్క పరిమాణం గుర్తించలేదు అనుమతిస్తుంది.

గోల్డెన్ రేషియో అంటే ఏమిటి, మరియు లేఅవుట్ వెబ్ పేజీలు ఎలా ఉపయోగించాలి?

కూడా పునరుజ్జీవనోద్యమంలో పలు వాస్తుశిల్పులు మరియు కళాకారులు తన క్రియేషన్స్ పరిపూర్ణ ఆకారం మరియు నిష్పత్తి ఇవ్వాలని ప్రయత్నించాడు. ఇటువంటి నిష్పత్తిలో చిక్కులు గురించి ప్రశ్నలకు సమాధానాల కోసం, వారు అన్ని శాస్త్రాల యొక్క రాణి మారింది - గణితం.

ఎవర్ పురాతన రోజుల్లో అది ప్రకృతిలో సర్వవ్యాప్తి ఎందుకంటే మా కంటి, చాలా సహజంగా మరియు సొగసైన పరిగణిస్తున్న ఇది నిష్పత్తి కనిపెట్టారు నుండి. ఈ నిష్పత్తికి సూత్రం ఆవిష్కర్త Phidias అనే ఒక మంచి గ్రీకు శిల్ప కారుడు. ఇది నిష్పత్తిలో చాలా తక్కువ సంబంధించినది అయితే మొత్తంగా ఒక పెద్ద అందిస్తుంది, అప్పుడు ఈ నిష్పత్తి బాగా కనిపిస్తాయని లెక్కిస్తారు. కానీ ఈ సందర్భంలో, మీరు అసౌష్టవంగా వస్తువు విభజించడానికి కావలసిన. ఈ దామాషా తరువాత ఇప్పటికీ ప్రపంచ సాంస్కృతిక చరిత్రలో దాని ప్రాముఖ్యత అతిగా అంచనావేయడం లేదు గోల్డెన్ రేషియో, అని మారింది.

వెబ్ డిజైన్ వెళదాం

ఇది చాలా సులభం - గోల్డెన్ నిష్పత్తి ఉపయోగించి, మీరు మానవ కంటికి అత్యంత pleasing ఉంటుంది పేజీలు రూపొందించవచ్చు. బంగారు విభాగం యొక్క సూత్రం ప్రకారం లెక్కిస్తే మేము కనుగొన్న అనిష్ప సంఖ్య 1,6180339887 ... కాని వెసులుబాటు కోసం మీరు 1.62 గుండ్రంగా విలువ ఉపయోగించవచ్చు. ఈ మా పేజీ బ్లాక్స్ మీరు ఉపయోగిస్తున్న సైట్ కోసం సోర్స్ కోడ్ ఉత్పత్తి ఏమి పరిమాణం ఉన్నా 62% మరియు మొత్తం 38% ఉండాలి వేస్తుంటాడు. మీరు క్రింది పథకంపై చూడగలరు ఉదాహరణ:

కొత్త సాంకేతికతల ఉపయోగంలో

ఆధునిక సాంకేతిక లేఅవుట్ వెబ్ సైట్లు మీరు ఖచ్చితంగా కాబట్టి ఇప్పుడు మీరు ఇంటర్నెట్ టెక్నాలజీ వేకువ కంటే ఇది మరింత ఆలోచనలు అమలు కోరుకుంటాను, డిజైనర్ మరియు రూపకర్త యొక్క ఆలోచనలు చెప్పేటప్పుడు అనుమతిస్తాయి. ఇకపై ఒక సైట్ యొక్క పరిమాణం ఉండాలి ఏమి పైగా పజిల్ చాలా అవసరం. బ్లాక్ వంటి విషయాలు రావడంతో అనుకూల నమూనాను, కంటెంట్ మరియు ఫాంట్లు డైనమిక్ లోడ్, వెబ్ సైట్ అభివృద్ధి అనేక రెట్లు ఎక్కువ ఆనందించే మారింది. అన్ని తరువాత, ఈ సాంకేతికతలు, తక్కువ పరిమితులు వారు అయినప్పటికీ. కానీ మీరు తెలిసిన, పరిమితి లేకుండా, ఏ కళా ఉంటుంది. బంగారు విభాగం - మేము మీరు ఒక నిజంగా సృజనాత్మక పద్ధతి రూపకల్పన ఉపయోగించడానికి సూచిస్తున్నాయి. దానితో, మీరు సమర్ధవంతంగా మరియు చక్కగా ఉన్నా మీరు మీ టెంప్లేట్ లో అడిగాడు ఏమి పరిమాణం లేదా సైట్లు, కార్యస్థలం పూరించడానికి చెయ్యగలరు.

కార్యస్థలం పెంచడానికి ఎలా

అవకాశాలు మీరు చిన్న పరిమాణం యొక్క లేఅవుట్ లో అన్ని ఇంటర్ఫేస్ అంశాలను కల్పించేందుకు తగినంత స్థలం కాదని ఉంటాయి. ఈ సందర్భంలో, మీరు, లేదా మీరు ముందు కన్నా ఎక్కువ సృజనాత్మక సృజనాత్మకంగా ఆలోచిస్తూ ప్రారంభించడానికి ఉంటుంది.

సాధ్యమైనంత సైట్ మాగ్జిమమ్ అప్ స్పేస్, పాప్ అప్ మెను లో నావిగేషన్ను దాచడం. ఈ విధానం మాత్రమే మొబైల్ కానీ కూడా డెస్క్టాప్ మీద ఉపయోగించడానికి తార్కిక ఉంది. అన్ని తరువాత, వినియోగదారు మీ సైట్ శీర్షికలు ఏ వద్ద చూడండి అన్ని సమయం అవసరం లేదు - ఇది కంటెంట్ ఆసన్నమైంది. ఒక వినియోగదారు గౌరవం శుభాకాంక్షలు.

మెను దాచడానికి ఒక మంచి మార్గం యొక్క ఒక ఉదాహరణ కింది లేఅవుట్ (క్రింద చిత్రం) ఉంది.

ఎగువ లో ఎరుపు మూలన ప్రాంతం, మీరు ఒక క్రాస్, వెబ్సైట్ కంటెంట్ తో ఒంటరిగా యూజర్ వదిలి చూడగలరు ఒక చిన్న చిహ్నం దాక్కున్నాడు ఆ మెను క్లిక్ చేయండి.

అయితే, ఈ ఐచ్ఛికం, మీరు దృష్టి ఎల్లప్పుడూ అని పేజీకి సంబంధించిన లింకులు వదిలివేయండి. కానీ మీరు ఒక అందమైన డిజైన్ మూలకం, కేవలం ప్రసిద్ధ స్థలం లింక్ల జాబితా తయారు చేయవచ్చు. లింకులు టెక్స్ట్ లేదా వాటిని భర్తీ అదనంగా సహజమైన చిహ్నాలను ఉపయోగించండి. ఇది కూడా మీ పరికరంలో తెరలో మరింత సమర్థవంతంగా ఉపయోగించడానికి మీ సైట్ అనుమతిస్తుంది.

ఉత్తమ వెబ్సైట్ - అనుకూల

మీరు అన్ని కేవలం మీరు కోసం, సైట్ కోసం ఒక లేఅవుట్ ఎంచుకోవడానికి ఇది ఒక తెలియకపోతే. అభివృద్ధి వ్యయాలు ఆదా చేయడానికి మరియు అదే సమయంలో ఎందుకంటే కొన్ని పరికరం కోసం పేద లేఅవుట్ యొక్క ప్రేక్షకుల కోల్పోవద్దు, ప్రతిస్పందించే వెబ్ డిజైన్ ఉపయోగించండి.

అనుకూల సమానంగా వివిధ పరికరాలు కనిపించే ఒక నమూనా అని. ఈ విధానం మీ సైట్ స్పష్టమైన మరియు సులభంగా ఒక ల్యాప్టాప్ కోసం, టాబ్లెట్లో కనీసం, ఒక స్మార్ట్ఫోన్లో చెయ్యడానికి అనుమతిస్తుంది. ఇది ఈ ప్రభావం స్క్రీన్ వెడల్పు పని ప్రాంతానికి ఆటోమేటిక్ మార్పులు కారణంగా సాధించవచ్చు. సైట్ కోసం అనుకూల శైలి షీట్లు ఉపయోగించి, మీరు సాధ్యమైనంత సరైన నిర్ణయం తీసుకున్నట్లు.

ఏం మీ వెబ్సైట్ యొక్క వివిధ వెర్షన్లు అందుబాటులో అనుకూల నమూనా విభిన్నంగా

రెస్పాన్సివ్ డిజైన్ డెస్క్టాప్ నుండి భిన్నంగా ఉంటుంది మొబైల్ సైట్ రెండో సందర్భంలో, వినియోగదారు HTML కోడ్ అందుకుంటుంది కాబట్టి, భిన్నంగా ఉంటుంది. ఈ శోధన ఇంజిన్ ఆప్టిమైజేషన్ సర్వర్ యొక్క పనితీరు, అలాగే చెయ్యటాన్ని కోణం నుండి ఒక ప్రతికూలత ఉంది. అదనంగా, మరింత కష్టం అది సైట్ యొక్క విభిన్న వెర్షన్లు ప్రకారం గణాంకాలు పరిగణలోకి అవుతుంది. ఎన్ అడాప్టివ్ విధానం లోపాలను లోపించిన ఉంది.

వివిధ పరికరాలకు స్వీకృతి కారణంగా అందుబాటులో స్పేస్ లో రవాణా బ్లాక్స్ ద్వారా లేఅవుట్ వెడల్పు లేదా శాతములు (ఒక డెస్క్టాప్ మీద సమాంతర స్మార్ట్ఫోన్ బదులుగా నిలువు విమానం లో), లేదా వివిధ తెరలు సృష్టించడం ద్వారా వ్యక్తిగత లు సాధించవచ్చు.

మీరు బాధ్యతాయుతంగా డిజైన్ గురించి మరింత తెలుసుకోవడానికి మరియు పుస్తకాలకు మీరు అభివృద్ధి చేయవచ్చు.