07 లో 01
విజువల్ ఫ్లో అంటే ఏమిటి?
దృశ్యమాన ప్రవాహం పత్రం ద్వారా వీక్షకుడి దృష్టిని ఆకర్షిస్తుంది, అన్ని ముఖ్య అంశాలు ప్రాముఖ్యతను పొందుతాయి, మరియు ఏదీ దృష్టిని స్తంభింపజేస్తుంది లేదా వీక్షకుడిని పావు భావం కోల్పోవడానికి కారణమవుతుంది. బాణాలు లేదా సంఖ్యల వంటి స్పష్టమైన ప్రవాహ అంశాలను ఉపయోగించడం అనేది వెబ్ డిజైనర్లు ప్రవాహాన్ని ఉపయోగిస్తాయి, అయితే మీ రీడర్లు ఒక నిర్దిష్ట మార్గంలోకి తరలించడానికి ఉపయోగించడం మరియు తప్పుగా ఉపయోగించబడే ఇతర రకాలు ఉన్నాయి. ఈ ట్యుటోరియల్ లోని దశలు మీరు మంచి మరియు చెడు ప్రవాహం యొక్క ఉదాహరణలను చూపిస్తాయి మరియు రూపకల్పనలో విజువల్ ప్రవాహం యొక్క పదజాలం నేర్చుకోవటానికి సహాయపడతాయి.
దృశ్యమాన ప్రవాహాన్ని పలు మార్గాల్లో సాధించవచ్చు:
- బాణాలు
- సీక్వెన్షియల్ చిత్రాలు లేదా టెక్స్ట్ ఎలిమెంట్స్
- దృష్టికోణం
- గ్రేడియంట్
- పరిమాణం మార్పులు
- వంపులు
- చిత్రాలు చలన
- ఫేసెస్ - ముఖ్యంగా కళ్ళు
కింది చిత్రాలు వెబ్ పుటలలో ప్రవహించే కొన్ని సాధారణ దోషాలను మీకు చూపుతాయి మరియు వాటిని ఎలా సరిదిద్దాలి.
02 యొక్క 07
పాశ్చాత్య టెక్స్ట్ ఎడమ నుండి కుడికి ప్రవహిస్తుంది
మీరు పాశ్చాత్య భాషను చదివేవాడిని పెడితే, పాఠం ఎడమ నుంచి కుడికి తరలించాలని మీరు ఆలోచిస్తూ ఉంటారు. కాబట్టి, ఒక లైన్ టెక్స్ట్ కంటి కదులుతూ, ఇది ఎడమ నుండి కుడికి కదిలేది.
పై చిత్రంలో, జలపాతం ఎడమ దిశకు కుడి వైపు ప్రవహిస్తుంది, మరియు టెక్స్ట్ జలపాతం ప్రవహించే ఉంది. జలపాతాలు పడిపోతాయని అందరికి తెలుసు కాబట్టి, నీటి ప్రవాహం యొక్క ప్రవాహంతో ప్రవహించే ప్రదేశం ఉంది. టెక్స్ట్ని చదవడానికి దర్శని యొక్క కన్ను తప్పు దిశలో కదులుతుంది.
07 లో 03
మీ టెక్స్ట్ చిత్రాలతో ప్రవహించాలి
ఈ సందర్భంలో, ఈ చిత్రం తిప్పబడింది, తద్వారా టెక్స్ట్ అదే దిశలో ప్రవహించేది. అన్ని అంశాలు నీటి ప్రవాహం మరియు టెక్స్ట్ యొక్క ప్రవాహంతో దర్శని యొక్క కంటికి దారి తీస్తుంది.
04 లో 07
ఎడమ నుండి కుడికి సమానమైనది
ఈ ఫోటోలో ఉన్న గుర్రం కుడి నుండి ఎడమకు నడుస్తుంది, కానీ టెక్స్ట్ ఇంగ్లీష్ మరియు కుడివైపుకు ఎడమవైపుకు ఉంటుంది. ఒక దిశలో గుర్రపు పందెము యొక్క దృశ్య ప్రభావం మొత్తం పత్రం యొక్క పేస్ ను తగ్గిస్తుంది, ఎందుకంటే ఇది టెక్స్ట్ కంటే భిన్నమైన దిశగా వెళ్తుంది.
పాశ్చాత్య సంస్కృతులలో, మా భాషలు ఎడమ నుండి కుడికి తరలిపోతున్నందున, ఎడమ వైపు నుండి ఎడమ వైపుకు కుడివైపుకి మరియు దృఢంగా ఉండటానికి కుడి వైపున, వెనుకకు మరియు నెమ్మదిగా ఉంటుంది. మీరు వేగం యొక్క ఉచ్ఛారణతో లేఅవుట్ను సృష్టిస్తున్నప్పుడు, మీరు దీనిని గుర్తుంచుకోవాలి - మరియు మీ చిత్రాలను టెక్స్ట్లో అదే దిశలో కదిలేలా ఉంచండి.
07 యొక్క 05
వీక్షకుడిని నెమ్మదిగా నెమ్మదిగా బలవంతం చేయకండి
గుర్రం మరియు టెక్స్ట్ రెండూ ఒకే దిశలో ఉన్నప్పుడు, సూచించిన వేగం పెరిగింది.
07 లో 06
వెబ్ ఫోటోలలో ఐస్ ను చూడండి
ఫోటోలతో ఉన్న చాలా వెబ్ సైట్లు ఈ పొరపాట్లను చేస్తాయి - వారు పేజీలో ఒక వ్యక్తి యొక్క ఫోటోను చాలు, మరియు వ్యక్తి కంటెంట్ నుండి దూరంగా చూస్తున్నాడు. ఈ పాత డిజైన్ లో ingcaba.tk వెబ్ డిజైన్ సైట్ చూడవచ్చు.
మీరు గమనిస్తే, నా ఫోటో కొన్ని టెక్స్ట్ పక్కన ఉంచుతుంది. కానీ నేను ఆ పాఠం నుండి దూరంగా చూస్తున్నాను, నేను దాదాపు నా వెనుకకు తిరిగి వచ్చాను. ఒక సమూహంలో ఇద్దరు వ్యక్తుల మధ్య శరీర భాషని మీరు చూసినట్లయితే, నేను (నేను ఈ విషయంలో టెక్స్ట్ యొక్క బ్లాక్) పక్కన ఉన్న వ్యక్తిని ఇష్టపడనని అనుకోవడం సులభం అవుతుంది.
చాలా మంది కంటి ట్రాకింగ్ అధ్యయనాలు ప్రజలు వెబ్ పేజీలలో ముఖాలను చూస్తాయని చూపించాయి. మరియు సంబంధిత అధ్యయనాలు చిత్రాలను చూసేటప్పుడు, ప్రజలు అనాలోచితంగా చిత్రాన్ని చూడటం చూడటానికి కళ్ళను అనుసరిస్తారు. మీ సైట్లోని ఒక ఫోటో బ్రౌజర్ యొక్క అంచును చూస్తున్నట్లయితే, మీ కస్టమర్లు ఎక్కడ చూస్తారు, ఆపై వెనుక బటన్ను నొక్కండి.
07 లో 07
ఏదైనా ఫోటోలో కళ్ళు కంటెంట్ను ఎదుర్కోవాలి
Ingcaba.tk కోసం కొత్త డిజైన్ లో, ఫోటో కొద్దిగా మెరుగ్గా ఉంది. ఇప్పుడు నా కళ్ళు మరింత ముందుకు చూస్తున్నాయి, మరియు నా ఎడమవైపు చూస్తున్న కొంచెం సూచన ఉంది - ఇక్కడ టెక్స్ట్ ఉంది.
ఆ స్థానానికి మరింత మెరుగైన ఫోటో నా భుజాలు కూడా టెక్స్ట్ వైపుకు వంచబడి ఉండేవి. కానీ ఇది మొదటి ఫోటో కంటే మెరుగైన పరిష్కారం. అంతేకాక, ఇమేజ్ కుడి వైపున అలాగే ఎడమ వైపున ఉన్న సందర్భాలలో, ఇది మంచి రాజీ కావచ్చు.
ప్రజల ముఖాల చిత్రాలు చాలా శ్రద్ధను తీసుకుంటూ ఉండగానే, జంతువుల ఫోటోలు కూడా ఇదేనని గుర్తుంచుకోండి. ఉదాహరణకు, ఈ నమూనా లేఅవుట్లో, నా కుక్కలు ఎడమవైపు చూడవచ్చు, కాని చిత్రం ఫ్లష్ కుడిమైనది. కాబట్టి వారు పేజీని చూస్తున్నారు. కుక్కల ధోరణిని నేను మార్చినట్లయితే వారు ఈ స్క్రీన్ను మెరుగుపరుస్తారు, తద్వారా అవి స్క్రీన్ మధ్యలో కనిపిస్తాయి.