విషయము
ఈ వ్యాసం మొట్టమొదట .net పత్రిక యొక్క 229 సంచికలో కనిపించింది - వెబ్ డిజైనర్లు మరియు డెవలపర్ల కోసం ప్రపంచంలోనే అత్యధికంగా అమ్ముడైన పత్రిక.
HTML / CSS లో ఒక పేజీని వేయడానికి మీరు దృష్టి పెట్టగల ముఖ్యమైన విషయాలలో ఒకటి నిలువు లయ - మీరు పేజీని స్కాన్ చేసేటప్పుడు రకం లేదా రకం పంక్తులు ఏర్పడే దృశ్య నమూనా.
శీర్షికలు, జాబితా అంశాలు, చిత్రాలు మరియు ఇతర వంటి ఈ లయను ప్రభావితం చేయడానికి ఇతర విషయాలు రావచ్చు. మంచి నిలువు లయను కలిగి ఉండటం చాలా ముఖ్యమైనది ఎందుకంటే ఇది మీ పేజీ (ల) యొక్క చదవడానికి మరియు స్కాన్-సామర్థ్యానికి సహాయపడుతుంది.
వెబ్లో చాలా గొప్ప ట్యుటోరియల్స్ ఉన్నాయి (ఉదాహరణకు ఇక్కడ మరియు ఇక్కడ చూడండి) మీ లైన్-ఎత్తు కోసం ems ను ఉపయోగించడం ద్వారా మరియు మీ రకాన్ని 'దశలో' ఉంచడం గురించి తెలుసుకోవడం ద్వారా సాంకేతికంగా సరైన నిలువు లయను ఎలా సాధించవచ్చో తెలుసుకోవచ్చు. అంటే.
సోపానక్రమం
మూలకాల మధ్య లైన్-ఎత్తు మరియు పేజీలోని మొత్తం దృశ్య సోపానక్రమం గురించి చాలా శ్రద్ధ వహించాల్సిన ప్రాథమిక విషయాలు. సరైన పంక్తి-ఎత్తు నిష్పత్తులను సెట్ చేయడం అనేది డిజైన్ వ్యాయామం కావచ్చు, అయితే ఇది నైపుణ్యం ముఖ్యం. సోపానక్రమం కూడా చాలా ముఖ్యం, అందులో చిత్రాలు మరియు వచన అంశాలు ఒకదానికొకటి దృశ్యమానంగా ఉండాలి - చాలా ముఖ్యమైన విషయాలు సాధారణంగా పెద్దవి మరియు పేజీలో మొదట వస్తాయి.
ప్రింట్ డిజైనర్లు చాలా సంవత్సరాలుగా నిలువు లయ ఆలోచనతో వ్యవహరించారు మరియు ఈ మధ్యకాలంలోనే వెబ్ డిజైనర్లు నిజంగా ఈ విషయాలలోకి ప్రవేశించాల్సి వచ్చింది. గ్రిడ్ లేఅవుట్లను ఉపయోగించి వెబ్సైట్లను రూపొందించడం మరియు బహుళ స్క్రీన్ వెడల్పులకు అనుగుణంగా ప్రతిస్పందించే అమలులకు శ్రద్ధ వహించడం ఎప్పటికప్పుడు పెరుగుతున్న అవసరం ఉన్నందున, ఇది దృశ్య రూపకల్పన దృక్పథం నుండి గతంలో కంటే ఇప్పుడు చాలా ముఖ్యమైనది, బహుశా సాంకేతిక పరిజ్ఞానం కంటే.
తనిఖీ చేయడానికి ఐదు ఉదాహరణలు
1. టైపోగ్రాఫిక్ శైలి యొక్క అంశాలు రాబర్ట్ బ్రింగ్హర్స్ట్ రాసిన ఈ పుస్తకం టైపోగ్రఫీ అధ్యయనానికి ప్రమాణం. దీన్ని చదవండి, తినండి, మీ మెదడులో మీకు ఏ విధంగానైనా పోయాలి.
2. ఫ్రాంక్ చిమెరో సాధారణంగా పూర్తిగా అద్భుతంగా ఉండటమే కాకుండా, డిజైనర్ ఫ్రాంక్ చిమెరో యొక్క వ్యక్తిగత వెబ్సైట్ యొక్క ఇటీవలి పున es రూపకల్పన అద్భుతమైన నిలువు లయను ప్రదర్శిస్తుంది. మీరు పేజీని కూడా క్రిందికి స్క్రోల్ చేస్తున్నప్పుడు రిథమ్ ఇంటికి నడపడానికి అతను పారలాక్స్ ప్రభావాన్ని ఉపయోగిస్తాడు.
3. డాన్ సెడర్హోమ్ గొప్ప టైపోగ్రాఫిక్ నిలువు లయ యొక్క మంచి ఉదాహరణ కోసం, డాన్ సెడర్హోమ్ యొక్క బ్లాగును చూడండి. కాపీ మరియు ముఖ్యాంశాల యొక్క లైన్-ఎత్తు ఖచ్చితమైన నిష్పత్తిలో ఉంది.
4. ఫోకస్ ల్యాబ్ వెబ్ డిజైన్ మరియు బ్రాండింగ్ సంస్థ ఫోకస్ ల్యాబ్ సందర్శకుడికి చాలా ముఖ్యమైనది కమ్యూనికేట్ చేయడంలో సహాయపడటానికి సోపానక్రమాన్ని నేర్పుగా ఉపయోగిస్తుంది.
5. టైపోఫోండరీ టైపోగ్రఫీ స్టూడియో కోసం వెబ్సైట్ టైపోఫోండరీ దాని చిత్రాలు మరియు వచనంతో గొప్ప నిలువు లయను కలిగి ఉంది. మూలకాల మధ్య అంతరం వెబ్సైట్ అంతటా నిష్పత్తిలో ఉంటుంది మరియు ప్రధాన చిత్రం మరియు ద్వితీయ చిత్రాలు / విభాగాల మధ్య సోపానక్రమం ఖచ్చితంగా ఉంటుంది.
క్రియేటివ్ బ్లాక్ వద్ద ప్రయోగాత్మక డిజైన్ యొక్క 10 అద్భుతమైన ఉదాహరణలను కనుగొనండి.