విషయము
- ప్రతిస్పందించే పద్దతి
- నేను మొదట కంటెంట్ను ఎలా ఉంచగలను?
- ఎందుకు?
- 01. మీ వ్యాపారం మరియు వినియోగదారు లక్ష్యాలను నిర్వచించండి
- 02. మీకు లభించే ప్రతి అవకాశాన్ని వారికి సూచించండి
- 03. వెనక్కి నెట్టడానికి బయపడకండి
- 04. మీ స్వంత జట్టును కూడా నెట్టండి
- 05. మీ అన్ని కంటెంట్ అవసరాలను ముందుగా నిర్వచించండి
- ప్రదర్శన నుండి కంటెంట్ను ఎలా సంగ్రహించగలను?
- మేము లేఅవుట్ పరంగా కంటెంట్ గురించి ఆలోచించడం మానేయాలి
- మీ ఖాతాదారులకు వారి కంటెంట్ను డిజైన్ నుండి స్వతంత్రంగా ప్లాన్ చేయమని బలవంతం చేయండి
- రూపకల్పనకు ముందు మీ కంటెంట్ను ముగించండి
- నిజమైన కంటెంట్ను ఉపయోగించండి - ప్రతిసారీ
- కాబట్టి ప్రతిస్పందించే డిజైన్ ప్రాజెక్టులకు వైర్ఫ్రేమ్లు ఎలా పని చేస్తాయి?
- స్కెచింగ్
- బ్రౌజర్ ఫ్రేమ్వర్క్
- ఉల్లేఖనాలు
- వైర్ఫ్రేమ్లలో నిజమైన కంటెంట్ను ఉపయోగించండి
- మొదట చిన్న స్క్రీన్ల కోసం నేను ఎలా డిజైన్ చేయాలి?
- ప్రారంభంలో పరికరాల నుండి వియుక్త నమూనాలు
- శైలి పలకలను ఉపయోగించండి
- ఇంటర్ఫేస్ సామరస్యాన్ని సృష్టించండి
- బ్రౌజర్లోని ప్రతిదీ చూడండి
- స్టాటిక్ ప్రోగ్రామ్లతో సమతుల్యతను కొట్టండి
- ముగింపు
స్పష్టంగా చూద్దాం: డిజైన్ అనేది చేతిలో ఉన్న లోతైన సమస్యలపై దృష్టి పెడితేనే పరిష్కారం. దృ process మైన ప్రక్రియ ఎల్లప్పుడూ మా పనికి మార్గనిర్దేశం చేయాలి, కాని మనం మరింత సరళమైనదాన్ని స్వీకరించాలి. మా మాధ్యమం చివరకు ద్రవమని నిరూపించబడింది, కాబట్టి మన ప్రక్రియ కాదా? సిస్టమ్ డిజైన్ గురించి ఆలోచించండి: మీరు మొత్తం చిత్రం మరియు చిన్న వివరాలను చూడాలి. అసాధ్యం? దానికి దూరంగా!
ఫ్రాంక్ చిమెరో తన పుస్తకం ది షేప్ ఆఫ్ డిజైన్ లో దీన్ని అందంగా ఉంచాడు: “ఈ పనిపై కొత్త దృక్పథాన్ని పొందడానికి కళాకారుడు ఈసెల్ నుండి వెనక్కి వెళ్ళే ఒక భాగం ఉంది. పెయింటింగ్ దగ్గర మరియు దూరానికి సమాన భాగాలు: సమీపంలో ఉన్నప్పుడు, కళాకారుడు తన ముద్ర వేయడానికి చాలా కష్టపడతాడు; చాలా దూరం ఉన్నప్పుడు, అతను దాని లక్షణాలను విశ్లేషించడానికి పనిని అంచనా వేస్తాడు. పని తనతో మాట్లాడటానికి అతను తిరిగి అడుగులు వేస్తాడు. "
మన పనిని, మాధ్యమాన్ని మనతో మాట్లాడనివ్వాలి. ప్రతిస్పందించే డిజైన్ యొక్క పెరుగుదలతో, చివరకు మా మాధ్యమాన్ని స్వీకరించాము: ద్రవం. పనిని వెనక్కి తీసుకొని, అంచనా వేయడానికి, విశ్లేషించడానికి మరియు పనులను చేసే కొత్త మార్గాన్ని, కొత్త ప్రక్రియను స్వీకరించడానికి ఇది ఒక అద్భుతమైన సమయం. కోడ్ అర్థం కాని స్టాటిక్ మాక్-అప్లు మరియు వెబ్ డిజైనర్ల రోజులు అయిపోయాయి. ఇది ప్రతిస్పందించే ప్రక్రియకు సమయం.
ప్రతిస్పందించే పద్దతి
ఈ ఆర్టికల్ ప్రారంభంలోనే ఘనమైన ప్రక్రియ కోసం మేము పెద్ద రహస్యాన్ని ఇవ్వబోతున్నాము. ఎందుకంటే మనకు అలాంటి పిచ్చి ఉంది. సిద్ధంగా ఉన్నారా? ప్రతిస్పందించే ప్రక్రియ బాధ్యతాయుతమైన ప్రక్రియ. అస్పష్టంగా ఉందా? బహుశా. వెర్రి? లేదు. దాని ముందు వెబ్ ప్రమాణాల ఉద్యమం వలె, ప్రతిస్పందించే డిజైన్ భవిష్యత్తు-స్నేహపూర్వక పద్ధతులతో వెబ్ను ముందుకు నెట్టివేస్తుంది.
ఏదైనా రూపకల్పన ప్రక్రియ వలె, ఇది అన్ని వెనుక ఉన్న ‘ఎందుకు’ పై దృష్టి పెట్టాలి. కాబట్టి వెబ్సైట్లు ఎందుకు ఉన్నాయి? కంటెంట్ బట్వాడా చేయడానికి. అది టాస్క్-బేస్డ్, సోషల్, ఇన్ఫర్మేషనల్ కావచ్చు… ఇది పట్టింపు లేదు. ఇవన్నీ దీనికి దిగుతాయి: ఎందుకు, బాగా నిర్మాణాత్మకమైన కంటెంట్ మరియు ముఖ్యమైన పరస్పర చర్యలతో ప్రారంభించండి.
మా ప్రతిస్పందించే డిజైన్ ప్రక్రియ గురించి మనం ఎక్కువగా వినే ప్రశ్నలు ఇక్కడ ఉన్నాయి.
నేను మొదట కంటెంట్ను ఎలా ఉంచగలను?
ప్రాజెక్ట్ ప్రారంభంలో మేమంతా చాలా ఆశాజనకంగా ఉన్నాము. “మొదట కంటెంట్!” మేము అంటాం. “వినియోగదారు లక్ష్యాలు! ముఖ్యమైనవి గుర్తుంచుకోండి! ” ఇది నిజం. కానీ దాని అర్థం ఏమిటి? కంటెంట్-మొదటి ప్రక్రియను మీరు ఎలా అమలు చేస్తారు?
మీకు తెలిసినా (లేదా మీకు తెలుసని అనుకున్నా), ప్రాజెక్ట్ అభివృద్ధి చెందుతున్నప్పుడు మర్చిపోవటం సులభం. దీర్ఘకాలిక ప్రాజెక్టులు (మరియు ఆన్… మరియు ఆన్…) లాగడానికి ధోరణిని కలిగి ఉంటాయి. మేము ఎందుకు గురించి ఆలోచించడం మానేసి, ఎలా అనే దానిపై దృష్టి పెట్టడం ప్రారంభించాము. మా ప్రాజెక్టులను స్వతంత్రంగా ఉనికిలో ఉండే ప్రత్యేకమైన ‘ఆవిష్కరణ’ మరియు ‘అభివృద్ధి’ దశలుగా విభజించవచ్చని ఆలోచిస్తూ మనం మూర్ఖంగా ఉంటాము.
నిజం ఏమిటంటే, మనం ఎందుకు అడుగుతున్నాం. మీకు ఎంత తెలుసు అని మీరు అనుకున్నా, మీరు ఎంత ప్రణాళిక వేసినా - మీరు నిర్ణయం తీసుకున్న ప్రతిసారీ, మీరు ప్రతిసారీ బటన్ రూపకల్పన చేసినప్పుడు లేదా శీర్షిక రాసేటప్పుడు, మీరు అడగాలి…
ఎందుకు?
నేను దీన్ని ఎందుకు చేస్తున్నాను? ఇది ఎవరి కోసం? నా క్లయింట్ సాధించడానికి ఏ వ్యాపార లక్ష్యం సహాయపడుతుంది? ఇది నా వినియోగదారుల చిరునామాకు ఏ అవసరం చేస్తుంది? మొదట కంటెంట్ను ఉంచవద్దు. ఎందుకు ముందుగా ఉంచండి.
ఇది సులభం అనిపిస్తుంది. కానీ దీన్ని బాగా చేయడానికి, మీరు నెట్టవలసి ఉంటుంది. మీ క్లయింట్లను మరియు మీ బృందాన్ని మొదట నిర్వచించడానికి వారిని నెట్టండి. లోరెం ఇప్సమ్ లేదు, ‘మేము తరువాత దాన్ని పొందుతాము’. మీ ఇంటి పని చేయండి! మీ హౌస్లన్నీ ఎందుకు దృ solid ంగా ప్రారంభించాలి. ఎల్లో పెన్సిల్ వద్ద, ఇది మేము పిచ్, అంచనా, బడ్జెట్ మరియు ప్రాజెక్టులను ప్లాన్ చేసే విధానంలో పెద్ద మార్పులను సూచిస్తుంది. దృ research మైన పరిశోధన, వ్యూహం మరియు ప్రణాళిక చేయడానికి మేము బడ్జెట్ మరియు సమయం కోసం ఒత్తిడి చేయాల్సి వచ్చింది. మీరు కూడా ఉండవచ్చు. మీ క్లయింట్లు మరియు మీ బృందాలు కంటెంట్ అవసరాలను నిర్వచించడంలో అపారమైన ప్రయోజనాలను చూసిన తర్వాత, వారు ఎప్పటికీ వెనక్కి తిరిగి చూడరు.
వారికి అవగాహన కల్పించడం మా పని. (మీరు ఖాతాదారులతో వ్యవహరించడం గురించి మరింత తెలుసుకోవాలనుకుంటే మైక్ మాంటెరో యొక్క అద్భుతమైన పుస్తకం డిజైన్ ఒక ఉద్యోగం.) ఖాతాదారులకు ఆ పరిశోధనలన్నింటినీ అర్థం చేసుకోవడం చాలా కష్టమవుతుంది. మరియు వారు ఎందుకు ఉండాలి? వారు చివరికి ‘పూర్తి’ చేయలేరు - మరియు చాలా తరచుగా వారు ఇన్వాయిస్ మరియు పెద్ద ఓల్ వర్డ్ పత్రాన్ని పొందుతారు.
అది వారి తప్పు కాదు - ఇది మా తప్పు. ఆ విలువను ప్రదర్శించే మెరుగైన పని చేయడం మా బాధ్యత. మార్గం యొక్క ప్రతి అడుగు, మేము అన్నింటినీ ఎందుకు అన్ని ముఖ్యమైన వాటికి తిరిగి తీసుకురావాలి.
ప్రతిస్పందించే డిజైన్ కోసం ఇది చాలా ముఖ్యం. ప్రతిస్పందించే వెబ్సైట్కు ఎక్కువ అభివృద్ధి ప్రయత్నం అవసరం లేదు, కానీ దీని అర్థం చాలా ఎక్కువ ప్రణాళిక. నిజంగా అయితే, మనం అంతా కలిసి ఉండాలని యోచిస్తోంది. ప్రస్తుత పున es రూపకల్పన-ప్రతి-మూడు-ఇష్-సంవత్సరాల ప్రాజెక్ట్ చక్రానికి సాక్ష్యమివ్వండి. మీరు అలా కొనసాగించాలనుకుంటున్నారా? మేము ఖచ్చితంగా చేయలేము.
కాబట్టి మీ ప్రాజెక్ట్ ప్రాసెస్లో కంటెంట్ను మొదటి స్థానంలో ఉంచడానికి ఇక్కడ మూడు దశలు ఉన్నాయి.
01. మీ వ్యాపారం మరియు వినియోగదారు లక్ష్యాలను నిర్వచించండి
మీ ప్రాజెక్ట్ కోసం వ్యాపారం మరియు వినియోగదారు లక్ష్యాల యొక్క ప్రాధాన్యత జాబితాను ఏర్పాటు చేయండి. మీ వినియోగదారులు ఎక్కువగా ఏమి తెలుసుకోవాలనుకుంటున్నారు లేదా చేయాలనుకుంటున్నారు? మీ పరిశోధన చేయండి. అడవి అంచనాలు కాకుండా సమాచారం ఇవ్వండి. మీ వాటాదారులందరినీ అంగీకరించండి.
02. మీకు లభించే ప్రతి అవకాశాన్ని వారికి సూచించండి
మీరు నిర్ణయం తీసుకున్న ప్రతిసారీ, ఎవరైనా క్రొత్త ఫీచర్ లేదా డిజైన్ ఎలిమెంట్ లేదా కంటెంట్ పేజీని ప్రతిపాదించినప్పుడు, అభ్యర్థనను వ్యాపారం మరియు వినియోగదారు లక్ష్యానికి మ్యాప్ చేయడానికి వారిని పొందండి. ఈ లక్షణం ఏ నిజమైన అవసరాన్ని తీరుస్తుంది? అసలు కారణం ఏమిటి? (సూచన: ‘ఎందుకంటే నేను కావాలి’ లేదా ‘నాకు నీలం అంటే చాలా ఇష్టం’ లేదా ‘అందరూ ఫేస్బుక్లో ఉన్నారు’ లెక్కించరు.)
03. వెనక్కి నెట్టడానికి బయపడకండి
ఇది కఠినమైనది. క్లయింట్ సంబంధాలు సున్నితమైనవి, మరియు యుద్ధాన్ని గెలవడానికి యుద్ధాన్ని వదులుకోవటానికి ఇది ఉత్సాహం కలిగిస్తుంది. కానీ గుర్తుంచుకోండి, మనమందరం కలిసి ఉన్నాము! ఇది వ్యాపారం వర్సెస్ యూజర్ కాదు; మాకు వాటిని vs.
వ్యాపార అవసరాలను తీర్చడానికి వినియోగదారు అవసరాలను తీర్చడం ఉత్తమ మార్గం. ఎందుకంటే మా వినియోగదారులు లేకుండా, మాకు వ్యాపారం లేదు! క్లయింట్లు (మంచి క్లయింట్లు) ప్రతిదానికీ ‘అవును’ అని చెప్పడానికి మిమ్మల్ని నియమించరు. కాబట్టి మీ క్లయింట్ వారి లక్ష్యాలను లేదా వారి వినియోగదారుల అవసరాలను తీర్చలేనిదాన్ని అడిగితే, వాటిని సవాలు చేయడానికి బయపడకండి. ఇది అహం గురించి కాదు. ఇది సాధ్యమైనంత ఉత్తమమైన పరిష్కారాన్ని సృష్టించడం గురించి.
04. మీ స్వంత జట్టును కూడా నెట్టండి
సృజనాత్మక బృందంలో పనిచేసేటప్పుడు ఇది కూడా సవాలుగా ఉంటుంది. పాత్రల విభజన - దృశ్య రూపకల్పన, వినియోగదారు అనుభవం, సమాచార నిర్మాణం, కంటెంట్ వ్యూహం, కంటెంట్ ఉత్పత్తి - దుర్వినియోగానికి దారితీస్తుంది. మేము బిజీగా ఉన్నాము, మేము ఇమెయిల్లతో మునిగిపోతాము. ప్రాజెక్ట్ నుండి ప్రారంభం నుండి ముగింపు వరకు ఉండటం చాలా కష్టం, ముఖ్యంగా ‘మీ’ పని పూర్తయిన తర్వాత.
మీ బృందం సంబంధం మీ క్లయింట్ సంబంధానికి కనీసం ముఖ్యమైనది. మేము మా ఖాతాదారుల మాదిరిగానే ఎందుకు మన గురించి గుర్తు చేసుకోవాలి. సహకారం కీలకం. మీరు కంటెంట్ ప్లాన్, వైర్ఫ్రేమ్లు లేదా డిజైన్లను ‘హ్యాండ్ ఆఫ్’ చేయలేరు. సాధ్యమైనంతవరకు, మేము చేతిలో పని చేయాలి. బట్వాడా చేయదగినదాన్ని ‘పూర్తి చేయడం’ మరియు వేరొకదానికి వెళ్లడం సులభం. వెళ్ళడం కష్టతరమైనప్పుడు ప్రాజెక్ట్తో ఉండడం చాలా కష్టం.
సృజనాత్మక పనికి జలపాతం విధానం పనిచేయదు. జట్టు సభ్యుల మధ్య చురుకైన, సహకార పని మంచి ఫలితాలను ఇస్తుంది.
05. మీ అన్ని కంటెంట్ అవసరాలను ముందుగా నిర్వచించండి
ఇక్కడ విషయం: ప్రతిస్పందించే వెబ్సైట్లు ప్లాన్ చేయడానికి ఎక్కువ సమయం పడుతుంది. మేము ఇకపై ఒకే సందర్భం కోసం ప్రణాళిక చేయము. ఇప్పుడు మనకు తెలిసిన అన్ని సందర్భాల కోసం మరియు ఇంకా ఉనికిలో లేని కొన్ని సందర్భాల్లో మేము ప్లాన్ చేస్తున్నాము.
మీరు వెనక్కి వెళ్లి, మీరు లెక్కించని లక్షణాలు మరియు ఫంక్షన్లను రెట్రోఫిట్ చేయడం కంటే, ఆ సంక్లిష్టతలన్నింటినీ ముందుగానే ప్లాన్ చేయడానికి చాలా తక్కువ సమయం పడుతుంది. కాబట్టి సమయం / కృషి / బడ్జెట్ ఖర్చు. మీరు రూపకల్పనలోకి రాకముందు మీ క్లయింట్లు మరియు మీ బృందం వారి మొత్తం కంటెంట్ను నిర్వచించమని (మరియు కట్టుబడి ఉండండి!) బలవంతం చేయండి. పేజీ పట్టికలను ఉపయోగించండి. నిర్మాణాత్మక కంటెంట్ను ఉపయోగించండి. ఫ్యూచర్ ప్రూఫ్ మీ కంటెంట్ ఇప్పుడు! లేదా తరువాత కేకలు వేయండి.
ప్రదర్శన నుండి కంటెంట్ను ఎలా సంగ్రహించగలను?
మీరు ఇంటర్నెట్-ఓ-గోళం చుట్టూ చాలా విన్నారు. అయితే వేచి ఉండండి, ఏమిటి? మరియు వేచి ఉండండి - ఎందుకు?
ఎందుకంటే ప్రదర్శన మారవచ్చు (మరియు సంకల్పం). మేము 15 సంవత్సరాల క్రితం వెబ్సైట్లను రూపొందించిన విధానం ఇప్పుడు మనం వాటిని ఎలా ప్రదర్శిస్తున్నామో గుర్తించలేము. ఏమి మార్చలేదని మీకు తెలుసా? పదాలు. మేము ఇప్పటికీ ‘em’ ని ఉపయోగిస్తాము. ఇంటర్నెట్ ప్రధానంగా (టెక్స్ట్-ఆధారిత) కంటెంట్ కోసం ఉంది. సమాచార సమస్యలను పరిష్కరించడానికి మేము ఇంకా ఉపయోగిస్తాము; పనులు నెరవేర్చడానికి. మీ కంటెంట్ ప్రదర్శన సాధనాలపై ఆధారపడి ఉంటే (ఫ్లాష్ పరిచయ పేజీలు, ఎవరైనా?) నిజమైన సంభావ్యత ఉంది, ఇది కొన్ని సంవత్సరాలలో ఉపయోగించబడదు. మరియు అది సక్స్.
మేము లేఅవుట్ పరంగా కంటెంట్ గురించి ఆలోచించడం మానేయాలి
మేము (పరిశ్రమగా) లేఅవుట్ పరంగా కంటెంట్ గురించి ఆలోచించడానికి మా ఖాతాదారులకు శిక్షణ ఇచ్చాము. "సైడ్బార్లో ఉంచండి" అని మేము చెప్తాము. "అది ఫుటరులో వెళ్ళాలి." ఆపు! ఆపు దాన్ని. ఆపు. ఇది స్థానం గురించి కాదు. ఇది ప్రాధాన్యత గురించి. మీ వినియోగదారులకు ముఖ్యమైన కంటెంట్ ఏమిటి? ఎందుకంటే ఏమిటో: హించండి: సందర్భాలలో లేఅవుట్ మార్పులు. మీ చిన్న-స్క్రీన్ రూపకల్పనలో సైడ్బార్ ఉండకపోవచ్చు (బహుశా).
మీ క్లయింట్ కోరుకునే దిగ్గజం సూపర్ మెనూ? ఐఫోన్లో ఎగరడం లేదు.
మీ ఖాతాదారులకు వారి కంటెంట్ను డిజైన్ నుండి స్వతంత్రంగా ప్లాన్ చేయమని బలవంతం చేయండి
సరే, మీరు వారిని బలవంతం చేయవలసిన అవసరం లేదు. వారిని ప్రోత్సహించండి. గట్టిగా ప్రోత్సహించండి. దీనికి పేజీ పట్టికలు చాలా బాగున్నాయి. మీరు దీన్ని ఇప్పటికే చదవకపోతే, వాటిని ఎలా సృష్టించాలో మరింత సమాచారం కోసం వెబ్ కోసం క్రిస్టినా హాల్వర్సన్ మరియు మెలిస్సా రాచ్ యొక్క కంటెంట్ స్ట్రాటజీకి వెంటనే వెళ్లండి. వాటిని ప్రాధాన్యత క్రమంలో నిర్వహించండి. స్థానం లేదా లేఅవుట్ను సూచించవద్దు. ఇది మీ క్లయింట్లు వారి కంటెంట్ గురించి మరింత ఉత్పాదక మార్గంలో ఆలోచించడంలో సహాయపడుతుంది మరియు ఖరారు చేసిన వైర్ఫ్రేమ్లు లేదా రూపకల్పనకు ముందు కంటెంట్ సృష్టి ప్రక్రియను కదిలిస్తుంది.
రూపకల్పనకు ముందు మీ కంటెంట్ను ముగించండి
సరే, ఇది ఎల్లప్పుడూ సాధ్యం కాదు. మీరు డిజైనింగ్ ప్రారంభించడానికి ముందు మరింత అనిశ్చితిని తొలగించవచ్చు, మీరు తిరిగి వెళ్లి విషయాలను మార్చాలి.
నిజమైన కంటెంట్ను ఉపయోగించండి - ప్రతిసారీ
వీలైతే, ఎడ్జ్ కేస్ కంటెంట్ను ఉపయోగించండి - మీ ఖాతాదారులకు చాలా క్లిష్టమైన పేజీలు, చిత్రాలు మరియు మెనూలను చూపించండి. తుది ఉత్పత్తిలో వారి గజిబిజి కంటెంట్ను చూసినప్పుడు ఇది ప్రక్రియలో ఆశ్చర్యాలను నివారిస్తుంది.
ఫంక్షనల్, ఇన్-బ్రౌజర్ వైర్ఫ్రేమ్లు తేడాల ప్రపంచాన్ని చేస్తాయి. మీ క్లయింట్లు వారి కంటెంట్ స్క్రీన్ పరిమాణాల పరిధిలో కదులుతున్నట్లు మరియు మారుతున్నట్లు గమనించడానికి అనుమతించండి. మీరు మీ వైర్ఫ్రేమ్లను ప్రదర్శించేటప్పుడు దాన్ని సూచించండి (మీరు వ్యక్తిగతంగా ప్రెజెంటేషన్లు చేస్తున్నారు, సరియైనదా?) లేఅవుట్ మారినప్పుడు వారి సమాచారం యొక్క ప్రాధాన్యత స్క్రీన్ పరిమాణాల్లో ఎలా ఉంటుందో వారికి ప్రదర్శించండి.
కాబట్టి ప్రతిస్పందించే డిజైన్ ప్రాజెక్టులకు వైర్ఫ్రేమ్లు ఎలా పని చేస్తాయి?
RWD కోసం ఇంటరాక్షన్ డిజైన్ త్వరగా మరియు తరచుగా బ్రౌజర్లోకి రావాలని మేము గట్టిగా నమ్ముతున్నాము. ప్రతిదీ వివరించే స్టాటిక్ పత్రాన్ని సృష్టించడం చాలా అసాధ్యం. ఖచ్చితంగా, మేము మూడు, నాలుగు లేదా ఐదు బ్రేక్ పాయింట్లను ప్రదర్శించే పత్రాన్ని సృష్టించగలము, కానీ అది కథలో కొంత భాగం మాత్రమే. బ్రేక్ పాయింట్ల మధ్య ఉన్న అన్ని క్షణాల గురించి ఏమిటి? అది బ్రౌజర్లో జరుగుతుంది.
స్కెచింగ్
అయినప్పటికీ, మీ ఆలోచనలను సహకారంతో త్వరగా గీయడం మంచిది. ఇది ఏదైనా ప్రత్యేకమైన మాధ్యమంలో జరగనవసరం లేదు, కానీ కాగితంపై పెన్సిల్ గురించి ఏదో ఉంది. ఇక్కడ మొత్తం విషయం ఏమిటంటే ఆలోచనలను త్వరగా మరియు పునరుక్తిగా పొందడం. సాధ్యమైనప్పుడల్లా స్కెచ్బోర్డ్ చేయడానికి మేము ఇష్టపడతాము మరియు దాని కోసం ఒక అనువర్తనం కూడా ఉంది: UI స్కెచర్.
బ్రౌజర్ ఫ్రేమ్వర్క్
ఇక్కడ మాకు నిజమైన టికెట్ ఉంది. బ్రౌజర్లో RWD ని ప్రదర్శించేటప్పుడు నమూనాలు మరియు వ్యవస్థలను తిరిగి ఉపయోగించడం మాకు చాలా ఇష్టం. వాస్తవానికి, మేము ప్రతిసారీ మొదటి నుండి మన స్వంత వ్యవస్థను సృష్టించగలము, కాని అది మాకు లేదా మా ఖాతాదారులకు సహాయం చేయదు.
ట్విట్టర్ యొక్క బూట్స్ట్రాప్ లేదా జుర్బ్స్ ఫౌండేషన్ వంటి వేగవంతమైన ప్రతిస్పందించే ప్రోటోటైపింగ్ ఫ్రేమ్వర్క్లను కూడా ఉపయోగించాలనుకుంటున్నాము. మేము వ్యక్తిగతంగా ఫౌండేషన్ వైపు మొగ్గు చూపుతున్నాము ఎందుకంటే ఇది మా వర్క్ఫ్లో సరిపోతుంది. ఎవరైనా చిన్న-స్క్రీన్, తక్కువ-బ్యాండ్విడ్త్-మొదటి విధానాన్ని తీసుకుంటే చాలా బాగుంటుంది, కాని ఇది మేము ఎలా రోల్ చేస్తాము.
ఉల్లేఖనాలు
RWD వైర్ఫ్రేమ్ల కోసం ఉల్లేఖనాలు చాలా అవసరం, కాని, తరచుగా పట్టించుకోలేదు. బిగ్గరగా చెప్పండి: డాక్యుమెంటేషన్, డాక్యుమెంటేషన్, డాక్యుమెంటేషన్! మేము స్నేహితుల నుండి దీనికి కొన్ని ఉదాహరణలు చూశాము మరియు బ్రౌజర్లో ప్రతిస్పందించే వైర్ఫ్రేమ్లను సరిగ్గా ఉల్లేఖించడానికి జ్యూరీ ఇప్పటికీ ‘ఉత్తమ’ మార్గంలో లేదని భావిస్తున్నాము. పైన చెప్పినట్లుగా, మేము క్రమం తప్పకుండా జర్బ్ చేత ఫౌండేషన్ను ఉపయోగిస్తాము మరియు మా ఉల్లేఖనాలను ప్రదర్శించడానికి దాని రివీల్ యాడ్-ఆన్ను ఉపయోగించాలనుకుంటున్నాము. ఈ ఉల్లేఖనాలు పెద్ద స్క్రీన్లకు మాత్రమే కనిపిస్తాయి మరియు ఆదర్శంగా ఆన్ మరియు ఆఫ్ చేయవచ్చు.
వైర్ఫ్రేమ్లలో నిజమైన కంటెంట్ను ఉపయోగించండి
వైర్ఫ్రేమ్లు మరియు డిజైన్ మాక్-అప్లలో లోరెం ఇప్సమ్ చుట్టూ చాలా చర్చలు జరిగాయి, కానీ మీ వైర్ఫ్రేమ్లలో మీకు నిజమైన కంటెంట్ లేకపోతే, మీరు దీన్ని తప్పుగా చేస్తున్నారు. కంటెంట్ పరస్పర నిర్ణయాలను తెలియజేస్తుంది మరియు డిజైన్ ఎప్పుడు విరిగిపోతుందో మీకు తెలియజేస్తుంది. లోరెం ఇప్సమ్ ఎలా చేయగలడు?
మొదట చిన్న స్క్రీన్ల కోసం నేను ఎలా డిజైన్ చేయాలి?
సంవత్సరాలుగా మేము ఒక నిర్దిష్ట తీర్మానాన్ని దృష్టిలో ఉంచుకొని రూపొందించాము. ఇది డిఫాల్ట్ సెట్టింగ్. నోట్బుక్స్లో స్కెచింగ్, ఓమ్నిగ్రాఫిల్లో వైర్ఫ్రేమింగ్, ఫోటోషాప్లో పనిచేయడం లేదా బ్రౌజర్లో డిజైన్ చేయడం వంటివి చేసినా, మా కాన్వాస్ పరిమాణం ఏమిటో మాకు తెలుసు. ఆ రోజులు పోయాయి. మేము మొదట చిన్న స్క్రీన్ కోసం రూపకల్పన చేయడంలో మరియు క్రమంగా మెరుగుపరచడంలో భారీ నమ్మకం. కాబట్టి డిజైనర్ తన వర్క్ఫ్లోను స్థిరమైన కాన్వాస్ పరిమాణం నుండి ద్రవంగా ఎలా మారుస్తాడు?
ప్రారంభంలో పరికరాల నుండి వియుక్త నమూనాలు
మేము ఒక నిర్దిష్ట పరికరం కోసం రూపకల్పన చేయకపోతే, మేము పరికరాల గురించి ఆలోచించడం మానేసి, అనుభవాల గురించి ఆలోచించడం ప్రారంభించాల్సిన అవసరం ఉంది. పరికర అజ్ఞేయవాదిగా (ఒక పాయింట్ వరకు) ఉండగలిగేటప్పుడు ఈ క్రింది పద్ధతులన్నీ డిజైనర్లకు వారి అనుభవాలను రూపొందించడానికి సహాయపడతాయి.
శైలి పలకలను ఉపయోగించండి
దిశను స్థాపించడానికి మరియు వేగంగా మళ్ళించడానికి స్టైల్ టైల్స్ ఉపయోగించండి. స్టైల్ టైల్స్ చాలా నిర్దిష్టంగా లేకుండా డిజైన్ సిస్టమ్ యొక్క దిశను నిర్దేశించడానికి డిజైనర్ను అనుమతిస్తుంది. వారి సృష్టికర్త, సమంతా వారెన్, ఈ విధంగా వివరిస్తాడు:
“మూడ్ బోర్డ్ చాలా అస్పష్టంగా ఉన్నప్పుడు మరియు కంప్ చాలా అక్షరాలా ఉన్నప్పుడు స్టైల్ టైల్స్. స్టైల్ టైల్స్ లేఅవుట్ను నిర్వచించకుండా వాస్తవ ఇంటర్ఫేస్ అంశాలతో ప్రత్యక్ష సంబంధాన్ని ఏర్పరుస్తాయి. ”
ఇంటర్ఫేస్ సామరస్యాన్ని సృష్టించండి
అన్ని దృశ్య మరియు ఇంటరాక్టివ్ అంశాలతో కూడిన కాన్వాస్ను g హించుకోండి. ఒక నిర్దిష్ట UI లేఅవుట్ చూడటం కాదు, కానీ అన్ని అంశాలు ఎలా కలిసి పనిచేస్తాయో చూడటానికి. ఇది ఇంటర్ఫేస్ హార్మొనీ కాన్వాస్. ఇంటర్ఫేస్ హార్మొనీ కాన్వాస్ డిజైనర్ను ఆలోచనలను కలిసి ఉంచడానికి అనుమతిస్తుంది, కానీ ఏ ఒక్క స్క్రీన్ పరిమాణంపై దృష్టి పెట్టదు. అదనంగా, పూర్తి స్టైల్ గైడ్ను ఉత్పత్తి చేయకుండా రూపకల్పన అంశాలను సమర్ధవంతంగా కమ్యూనికేట్ చేయడానికి మరియు డాక్యుమెంట్ చేయడానికి ఇది ఒక గొప్ప మార్గం.
మీరు మరింత చదవడానికి ఆసక్తి కలిగి ఉంటే, ఇంటర్ఫేస్ సామరస్యం అనే అంశంపై రెండు అద్భుతమైన కథనాలను ఇక్కడ మరియు ఇక్కడ చూడవచ్చు.
బ్రౌజర్లోని ప్రతిదీ చూడండి
బ్రౌజర్లో అంతా కలిసి రావాలి. ఇక్కడే UI డిజైన్ నిజంగా ప్రాణం పోసుకుంటుంది. దృశ్యమాన అంశాలతో నిజమైన కంటెంట్ ఎలా సంకర్షణ చెందుతుందో చూడటం చాలా ముఖ్యం. స్థిరమైన వాతావరణంలో దీన్ని సరిగ్గా చేయడానికి మార్గం లేదు. స్థానిక మాధ్యమంలో ఇది ఎలా స్పందిస్తుందో మీరు చూడాలి.
స్టాటిక్ ప్రోగ్రామ్లతో సమతుల్యతను కొట్టండి
బ్రౌజర్ మరియు ఫోటోషాప్ వంటి స్టాటిక్ ప్రోగ్రామ్ల మధ్య ప్రవాహం ఉంది. డిజైన్ వ్యవస్థను ద్రవంగా మరియు సహజంగా సృష్టించడానికి అనుమతించే బ్యాలెన్స్ ఉండాలి. ఖచ్చితంగా, ఇది ఫోటోషాప్లో జరుగుతుంది, కానీ ప్రతిస్పందనగా రూపకల్పన చేస్తున్న డిజైనర్ బ్రౌజర్లో సృజనాత్మకంగా ఎలా ఆలోచించాలో నేర్చుకోవాలి.
ముగింపు
మరోసారి, భావనతో: మంచి నిర్మాణాత్మక కంటెంట్ మరియు ముఖ్యమైన పరస్పర చర్యలతో ఎందుకు ప్రారంభించండి. మొదట చిన్న స్క్రీన్ మరియు తక్కువ బ్యాండ్విడ్త్పై దృష్టి పెట్టండి మరియు క్రమంగా మీ ప్రతిస్పందించే భావనలను మెరుగుపరచండి. మా మాధ్యమం వయస్సు వస్తోంది. పనులను సరిగ్గా చేయటానికి మరియు ప్రపంచాన్ని మార్చడానికి మాకు అవకాశం ఉంది, ఒక సమయంలో ఒక వెబ్ ప్రాజెక్ట్.
డిజైనర్ల కోసం ఉత్తమమైన 20 వైర్ఫ్రేమింగ్ సాధనాలను కనుగొనండి
కెనడాలోని ఎల్లో పెన్సిల్లో స్టీవ్ ఫిషర్ పరిశోధన, విశ్లేషణ, రూపకల్పన మరియు వ్యూహాన్ని సమన్వయం చేస్తుంది మరియు RWD, UX మరియు ఓపెన్ సోర్స్ వంటి అంశాలపై మాట్లాడుతుంది. అలైన్ మాకెంజీ ఎల్లో పెన్సిల్లో కంటెంట్ స్ట్రాటజిస్ట్.