మీ డిజైన్లను ప్రారంభించడానికి సాధారణ Wireframes ఉపయోగించడానికి తెలుసుకోండి
ఒక వెబ్ తీగరహితం ఒక వెబ్ పేజీ ఎలా ఉంటుందో మీకు చూపించడానికి సాధారణ దృశ్యమాన గైడ్. ఇది గ్రాఫిక్స్ లేదా పాఠాన్ని ఉపయోగించకుండా ఒక పేజీ యొక్క నిర్మాణంను సూచిస్తుంది. ఒక సైట్ wireframe మొత్తం సైట్ నిర్మాణం చూపిస్తుంది - పేరు పేజీలు లింక్.
మీ డిజైన్ పనిని ప్రారంభించడానికి వెబ్ వైర్ఫ్రేమ్లు గొప్ప మార్గం. మరియు వివరాలు పెద్ద మొత్తాలతో సంక్లిష్టంగా వాడి ఫ్రేమ్లను సృష్టించడం సాధ్యమవుతుంది, అయితే మీ ప్రణాళిక ఒక రుమాలు మరియు పెన్తో ప్రారంభించవచ్చు. మంచి wireframes చేయడానికి కీ అన్ని దృశ్య అంశాలను బయటకు వదిలి ఉంది. చిత్రాలను మరియు వచనాన్ని సూచించడానికి పెట్టెలు మరియు పంక్తులను ఉపయోగించండి.
ఒక వెబ్ పేజీ wireframe లో చేర్చడానికి విషయాలు:
- ప్రాధమిక గ్రాఫికల్ అంశాల కొరకు పెట్టెలు
- ముఖ్యాంశాలు మరియు ఉప-తలలు ఉంచడం
- ఒక సాధారణ లేఅవుట్ నిర్మాణం
- చర్యకు కాల్స్
- టెక్స్ట్ బ్లాక్స్
ఎలా సాధారణ వెబ్ Wireframe బిల్డ్
మీకు సులభమైన కాగితం ఏ స్క్రాప్ ఉపయోగించి ఒక వెబ్ పేజీ wireframe సృష్టించు. నేను ఎలా చేయాలో ఇక్కడ ఉంది:
- పెద్ద దీర్ఘచతురస్రాన్ని గీయండి - ఇది మొత్తం పేజీ లేదా కేవలం కనిపించే భాగాన్ని సూచిస్తుంది. నేను సాధారణంగా కనిపించే భాగం ప్రారంభం, మరియు అది రెట్లు క్రింద అని అంశాలు చేర్చడానికి విస్తరించేందుకు.
- లేఅవుట్ స్కెచ్ - ఇది 2-నిలువు, 3-నిలువు ఉందా?
- శీర్షిక గ్రాఫిక్ కోసం ఒక పెట్టెలో చేర్చండి - నిలువు వరుసలకు పైన ఒకే శీర్షికగా ఉండాలంటే మీ నిలువు వరుసలను గీయండి, లేదా మీకు కావలసిన చోటును జోడించండి.
- మీరు మీ హెడ్ హెడ్లైన్ కావాలనుకునే "హెడ్ లైన్" వ్రాయండి.
- మీరు "సబ్ హెడ్" ను వ్రాసి, అక్కడ H2 మరియు తక్కువ హెడ్లైన్స్ ఉండాలి. H1 కంటే h2, H2 కంటే తక్కువగా ఉన్న H3 మొదలైన వాటి కంటే తక్కువ వాటికి మీరు అనుగుణంగా ఉంటే అది సహాయపడుతుంది
- ఇతర చిత్రాల కోసం పెట్టెల్లో చేర్చండి
- నావిగేషన్ లో చేర్చండి. మీరు ట్యాబ్లను ప్లాన్ చేస్తే, కేవలం బాక్సులను గీయండి, పైన ఉన్న "నావిగేషన్" వ్రాయండి. లేదా మీరు పేజీకి సంబంధించిన లింకులు కావలసిన నిలువు బుల్లెట్ జాబితాలు ఉంచండి. కంటెంట్ రాయవద్దు. జస్ట్ "నావిగేషన్" ను వ్రాయండి లేదా వచనాన్ని ప్రతిబింబించడానికి ఒక పంక్తిని ఉపయోగించండి.
- పేజీకి అదనపు అంశాలను జోడించు - అవి టెక్స్ట్తో ఉన్న వాటిని గుర్తించండి, కానీ అసలు కంటెంట్ టెక్స్ట్ని ఉపయోగించవద్దు. ఉదాహరణకు, మీరు దిగువ కుడివైపు ఉన్న చర్య బటన్కు కాల్ చేయాలనుకుంటే, అక్కడ బాక్స్ ఉంచండి మరియు "చర్యకు కాల్ చేయి" అని లేబుల్ చేయండి. వ్రాయవద్దు "ఇప్పుడు కొనుగోలు చేయి!" ఆ పెట్టెలో.
ఒకసారి మీరు మీ సరళమైన wireframe వ్రాసారు, మరియు దానిని ఒకదానిని గీయడానికి 15 నిమిషాల కంటే ఎక్కువ సమయం తీసుకోకూడదు, దానిని మరొకరికి చూపించండి. తప్పిపోయిన ఏదైనా ఉంటే మరియు ఇతర ఫీడ్బ్యాక్ కోసం వారిని అడగండి. వారు చెప్పేదానిపై ఆధారపడి మీరు మరొక wireframe రాయడం లేదా మీకు ఉన్నదాన్ని ఉంచవచ్చు.
పేపర్ వైర్ఫ్రేమ్స్ మొదటి డ్రాఫ్ట్ కోసం ఎందుకు ఉత్తమమైనవి
విసియో వంటి కార్యక్రమాలు ఉపయోగించి మీ ప్రారంభ కలవరపరిచే సెషన్ల కోసం వాడండి, అది కాగితంపై కట్టుబడి ఉండాలి. పేపర్ శాశ్వతమనిపించడం లేదు, మరియు చాలా మంది వ్యక్తులు దీనిని 5 నిమిషాలలో కలిసి విసిరి, మంచి ఫీడ్బ్యాక్ని ఇవ్వడానికి వెనుకాడరు. కానీ పరిపూర్ణ చతురస్రాలు మరియు రంగులతో ఫాన్సీ వానిఫ్రేమ్లను సృష్టించడానికి మీరు ప్రోగ్రామ్ను ఉపయోగించినప్పుడు, మీరు కార్యక్రమంలోకి వెళ్ళే ప్రమాదం అమలు చేస్తారు మరియు ప్రత్యక్షంగా వెళ్ళడానికి వెళ్లనివ్వని ఏదో ఒక సమయ పరిపూర్ణమైన సమయాన్ని ఖర్చు చేస్తారు.
పేపర్ wireframes చేయాలని సులభం. మరియు మీకు నచ్చకపోతే, కాగితాన్ని నలిపివేసి, రీసైక్లింగ్లో త్రోసి, కొత్త షీట్ పట్టుకోండి.