ஒரு புதிய பதிலளிக்க வடிவமைப்பு செயல்முறை

உள்ளடக்கம்

• பதிலளிக்கக்கூடிய முறை
• உள்ளடக்கத்தை முதலில் எவ்வாறு வைத்திருப்பது?
• ஏன்?
• 01. உங்கள் வணிக மற்றும் பயனர் இலக்குகளை வரையறுக்கவும்
• 02. உங்களுக்கு கிடைக்கும் ஒவ்வொரு வாய்ப்பையும் அவர்களுக்குக் குறிப்பிடவும்
• 03. பின்னுக்குத் தள்ள பயப்பட வேண்டாம்
• 04. உங்கள் சொந்த அணியையும் தள்ளுங்கள்
• 05. உங்கள் எல்லா உள்ளடக்கத் தேவைகளையும் முன் வரையறுக்கவும்
• விளக்கக்காட்சியில் இருந்து உள்ளடக்கத்தை எவ்வாறு சுருக்கலாம்?
• தளவமைப்பின் அடிப்படையில் உள்ளடக்கத்தைப் பற்றி சிந்திப்பதை நாம் நிறுத்த வேண்டும்
• வடிவமைப்பிலிருந்து சுயாதீனமாக தங்கள் உள்ளடக்கத்தைத் திட்டமிட உங்கள் வாடிக்கையாளர்களை கட்டாயப்படுத்துங்கள்
• வடிவமைப்பிற்கு முன் உங்கள் உள்ளடக்கத்தை முடிக்கவும்
• உண்மையான உள்ளடக்கத்தைப் பயன்படுத்தவும் - ஒவ்வொரு முறையும்
• எனவே பதிலளிக்கக்கூடிய வடிவமைப்பு திட்டங்களுக்கு வயர்ஃப்ரேம்கள் எவ்வாறு செயல்படுகின்றன?
• ஸ்கெட்சிங்
• உலாவி கட்டமைப்பில்
• சிறுகுறிப்புகள்
• வயர்ஃப்ரேம்களில் உண்மையான உள்ளடக்கத்தைப் பயன்படுத்தவும்
• முதலில் சிறிய திரைகளுக்கு எவ்வாறு வடிவமைப்பது?
• தொடக்கத்தில் சாதனங்களிலிருந்து சுருக்க வடிவமைப்புகள்
• உடை ஓடுகளைப் பயன்படுத்தவும்
• இடைமுக நல்லிணக்கத்தை உருவாக்கவும்
• உலாவியில் உள்ள அனைத்தையும் காண்க
• நிலையான நிரல்களுடன் சமநிலையை அடையுங்கள்
• முடிவுரை

தெளிவாக இருக்கட்டும்: வடிவமைப்பு என்பது கையில் உள்ள ஆழமான சிக்கல்களை மையமாகக் கொண்டால் மட்டுமே தீர்வு, எல்லாவற்றிற்கும் பின்னால். ஒரு திடமான செயல்முறை எப்போதும் எங்கள் வேலையை வழிநடத்த வேண்டும், ஆனால் நாம் இன்னும் நெகிழ்வான ஒன்றைத் தழுவ வேண்டும். எங்கள் ஊடகம் இறுதியாக தன்னை திரவமாக நிரூபித்துள்ளது, எனவே எங்கள் செயல்முறை இருக்க வேண்டாமா? கணினி வடிவமைப்பைப் பற்றி சிந்தியுங்கள்: முழு படத்தையும் சிறிய விவரங்களையும் நீங்கள் காண வேண்டும். சாத்தியமற்றதா? அதிலிருந்து வெகு தொலைவில்!

ஃபிராங்க் சிமேரோ தனது தி ஷேப் ஆஃப் டிசைன் புத்தகத்தில் இதை அழகாகக் குறிப்பிடுகிறார்: “கலைஞர் ஒரு புதிய கண்ணோட்டத்தைப் பெறுவதற்காக கலைஞரிடமிருந்து பின்வாங்குவதற்கான ஒரு பகுதி உள்ளது. ஓவியம் என்பது அருகிலும் தூரத்திலும் சம பாகங்கள்: அருகில் இருக்கும்போது, ​​கலைஞர் தனது அடையாளத்தை வெளிப்படுத்த கடினமாக உழைக்கிறார்; இதுவரை, அவர் அதன் குணங்களை பகுப்பாய்வு செய்வதற்காக வேலையை மதிப்பிடுகிறார். வேலை அவரிடம் பேச அனுமதிக்க அவர் பின்வாங்குகிறார். "

எங்கள் வேலை, எங்கள் ஊடகம், எங்களுடன் பேச அனுமதிக்க வேண்டும். பதிலளிக்கக்கூடிய வடிவமைப்பின் வளர்ச்சியுடன், இறுதியாக எங்கள் ஊடகத்தை நாங்கள் ஏற்றுக்கொள்கிறோம்: திரவம். ஒரு புதிய செயல்முறையை, ஒரு புதிய செயல்முறையைச் செய்வதற்கும், மதிப்பீடு செய்வதற்கும், பகுப்பாய்வு செய்வதற்கும், தழுவுவதற்கும் இது ஒரு சிறந்த நேரம். குறியீட்டைப் புரிந்து கொள்ளாத நிலையான போலி அப்கள் மற்றும் வலை வடிவமைப்பாளர்களின் நாட்கள் முடிந்துவிட்டன. இது ஒரு பதிலளிக்கக்கூடிய செயல்முறைக்கான நேரம்.

பதிலளிக்கக்கூடிய முறை

இந்த கட்டுரையின் ஆரம்பத்தில் ஒரு திடமான செயல்முறைக்கான பெரிய ரகசியத்தை நாங்கள் கொடுக்கப்போகிறோம். ஏனென்றால் நாங்கள் அப்படி பைத்தியம் பிடித்திருக்கிறோம். தயாரா? ஒரு பதிலளிக்கக்கூடிய செயல்முறை ஒரு பொறுப்பான செயல்முறை. தெளிவற்றதா? இருக்கலாம். வேடிக்கையானதா? இல்லை. அதற்கு முன் வலை தரநிலை இயக்கம் போலவே, பதிலளிக்கக்கூடிய வடிவமைப்பும் எதிர்கால நட்பு முறைகளுடன் வலையை முன்னோக்கி தள்ளுகிறது.

எந்தவொரு வடிவமைப்பு செயல்முறையையும் போலவே, இது எல்லாவற்றிற்கும் பின்னால் உள்ள ‘ஏன்’ என்பதில் கவனம் செலுத்த வேண்டும். எனவே வலைத்தளங்கள் ஏன் உள்ளன? உள்ளடக்கத்தை வழங்க. அது பணி அடிப்படையிலான, சமூக, தகவலறிந்ததாக இருக்கலாம்… அது தேவையில்லை. இவை அனைத்தும் இதற்கு கீழே வருகின்றன: ஏன், நன்கு கட்டமைக்கப்பட்ட உள்ளடக்கம் மற்றும் முக்கியமான தொடர்புகளுடன் தொடங்கவும்.

எங்கள் பதிலளிக்கக்கூடிய வடிவமைப்பு செயல்முறை பற்றி நாம் அடிக்கடி கேட்கும் கேள்விகள் இங்கே.

உள்ளடக்கத்தை முதலில் எவ்வாறு வைத்திருப்பது?

ஒரு திட்டத்தின் தொடக்கத்தில் நாங்கள் அனைவரும் மிகவும் நம்பிக்கையுடன் இருக்கிறோம். “முதலில் உள்ளடக்கம்!” நாங்கள் சொல்கிறோம். “பயனர் இலக்குகள்! முக்கியமானது என்ன என்பதை நினைவில் கொள்க! ” இது உண்மை. ஆனால் இதன் பொருள் என்ன? உள்ளடக்கம் முதல் செயல்முறையை எவ்வாறு செயல்படுத்துவது?

உங்களுக்குத் தெரிந்திருந்தாலும் (அல்லது உங்களுக்குத் தெரியும் என்று நினைத்தாலும்), ஒரு திட்டம் முன்னேறும்போது மறப்பது எளிது. நீண்ட கால திட்டங்கள் இழுத்துச் செல்லும் போக்கைக் கொண்டுள்ளன (மேலும்… மற்றும் தொடர்ந்து…). ஏன் என்று யோசிப்பதை நிறுத்திவிட்டு, எப்படி என்பதில் கவனம் செலுத்தத் தொடங்குகிறோம். எங்கள் திட்டங்களை தனித்தனியாக ‘கண்டுபிடிப்பு’ மற்றும் ‘வளர்ச்சி’ கட்டங்களாக பிரிக்க முடியும் என்று நினைத்து நம்மை முட்டாளாக்குகிறோம்.

உண்மை என்னவென்றால், ஏன் என்று எல்லா நேரத்திலும் நாம் கேட்டுக்கொண்டே இருக்க வேண்டும். உங்களுக்குத் தெரியும் என்று நீங்கள் எவ்வளவு நினைத்தாலும், நீங்கள் எவ்வளவு திட்டமிடல் செய்திருந்தாலும் - ஒவ்வொரு முறையும் நீங்கள் ஒரு முடிவை எடுக்கும்போது, ​​ஒவ்வொரு முறையும் ஒரு பொத்தானை வடிவமைக்கும்போது அல்லது தலைப்பு எழுதும்போது, ​​நீங்கள் கேட்க வேண்டும்…

ஏன்?

நான் இதை ஏன் செய்கிறேன்? இது யாருக்கானது? எனது வாடிக்கையாளர் அடைய என்ன வணிக இலக்கு உதவும்? எனது பயனர்களின் முகவரிக்கு இது என்ன தேவை? முதலில் உள்ளடக்கத்தை வைத்திருக்க வேண்டாம். ஏன் முதலில் வைக்கவும்.

இது எளிதானது. ஆனால் அதைச் சிறப்பாகச் செய்ய, நீங்கள் தள்ள வேண்டியிருக்கும். உங்கள் வாடிக்கையாளர்களையும் உங்கள் குழுவினரையும் முதலில் வரையறுக்க தள்ளுங்கள். லோரெம் இப்சம் இல்லை, இல்லை ‘நாங்கள் பின்னர் அதைப் பெறுவோம்’. உன் வீட்டுப்பாடத்தை செய்! உங்கள் ஹவ்ஸ் அனைத்தும் ஏன் திடமானதாக தொடங்க வேண்டும். மஞ்சள் பென்சிலில், இது நாம் எடுக்கும் முறை, மதிப்பீடு, பட்ஜெட் மற்றும் திட்டத் திட்டங்களில் பெரிய மாற்றங்களைக் குறிக்கிறது. திடமான ஆராய்ச்சி, மூலோபாயம் மற்றும் திட்டமிடல் செய்ய நாங்கள் பட்ஜெட் மற்றும் நேரத்திற்கு அழுத்தம் கொடுக்க வேண்டியிருந்தது. நீங்களும் இருக்கலாம். ஆனால் உங்கள் வாடிக்கையாளர்களும் உங்கள் குழுக்களும் உள்ளடக்கத் தேவைகளை வரையறுப்பதன் மகத்தான நன்மைகளைப் பார்த்தவுடன், அவர்கள் ஒருபோதும் திரும்பிப் பார்க்க மாட்டார்கள்.

அவர்களுக்கு கல்வி கற்பது எங்கள் வேலை. (மைக் மான்டீரோவின் சிறந்த புத்தகத்தைப் படியுங்கள் வாடிக்கையாளர்களுடன் கையாள்வதைப் பற்றி மேலும் அறிய நீங்கள் விரும்பினால் ஒரு வேலை.) வாடிக்கையாளர்கள் அந்த ஆராய்ச்சி அனைத்தையும் மேற்கொள்வதன் மதிப்பைப் புரிந்துகொள்வதில் சிரமப்படுவார்கள். அவர்கள் ஏன் வேண்டும்? அவர்கள் முடிவில் ‘முடிக்கப்பட்ட’ எதையும் பெறமாட்டார்கள் - மேலும் பெரும்பாலும் அவர்கள் விலைப்பட்டியல் மற்றும் பெரிய ஓல் வேர்ட் ஆவணத்தைப் பெறுவார்கள்.

அது அவர்களின் தவறு அல்ல - அது எங்கள் தவறு. அந்த மதிப்பை நிரூபிக்கும் ஒரு சிறந்த வேலையைச் செய்வது எங்கள் பொறுப்பு. ஒவ்வொரு அடியிலும், அதையெல்லாம் ஏன் அனைத்து முக்கிய விஷயங்களுக்கும் கொண்டு வர வேண்டும்.

பதிலளிக்கக்கூடிய வடிவமைப்பிற்கு இது மிகவும் முக்கியமானது. பதிலளிக்கக்கூடிய வலைத்தளத்திற்கு அதிக மேம்பாட்டு முயற்சி தேவையில்லை, ஆனால் இது இன்னும் நிறைய திட்டமிடலைக் குறிக்கிறது. உண்மையில், நாங்கள் எல்லாவற்றையும் செய்திருக்க வேண்டும் என்று திட்டமிட்டுள்ளது. தற்போதைய மறுவடிவமைப்பு-ஒவ்வொரு-மூன்று-ஈஷ்-ஆண்டு திட்ட சுழற்சிக்கு சாட்சி. நீங்கள் அதை தொடர்ந்து செய்ய விரும்புகிறீர்களா? நிச்சயமாக இல்லை என்று நாங்கள் நம்புகிறோம்.

எனவே உங்கள் திட்ட செயல்பாட்டில் உள்ளடக்கத்தை முதலில் வைப்பதற்கான மூன்று படிகள் இங்கே.

01. உங்கள் வணிக மற்றும் பயனர் இலக்குகளை வரையறுக்கவும்

உங்கள் திட்டத்திற்கான வணிக மற்றும் பயனர் இலக்குகளின் முன்னுரிமை பட்டியலை நிறுவவும். உங்கள் பயனர்கள் அதிகம் தெரிந்து கொள்ள அல்லது செய்ய விரும்புவது என்ன? உங்கள் ஆராய்ச்சி செய்யுங்கள். காட்டு யூகங்கள் அல்ல, தகவலறிந்த அனுமானங்களை செய்யுங்கள். உங்கள் பங்குதாரர்கள் அனைவரையும் ஒப்புக் கொள்ளுங்கள்.

02. உங்களுக்கு கிடைக்கும் ஒவ்வொரு வாய்ப்பையும் அவர்களுக்குக் குறிப்பிடவும்

ஒவ்வொரு முறையும் நீங்கள் ஒரு முடிவை எடுக்கும்போது, ​​ஒவ்வொரு முறையும் யாராவது ஒரு புதிய அம்சம் அல்லது வடிவமைப்பு உறுப்பு அல்லது உள்ளடக்கத்தின் பக்கத்தை முன்மொழியும்போது, ​​கோரிக்கையை ஒரு வணிக மற்றும் பயனர் குறிக்கோளுக்கு வரைபடமாக்குங்கள். இந்த அம்சம் என்ன உண்மையான தேவையை பூர்த்தி செய்யும்? உண்மையான காரணம் என்ன? (குறிப்பு: ‘ஏனென்றால் நான் விரும்புகிறேன்’ அல்லது ‘நான் நீல நிறத்தை விரும்புகிறேன்’ அல்லது ‘எல்லோரும் பேஸ்புக்கில் இருக்கிறார்கள்’ என்று எண்ண வேண்டாம்.)

03. பின்னுக்குத் தள்ள பயப்பட வேண்டாம்

இது கடினமான ஒன்றாகும். வாடிக்கையாளர் உறவுகள் மென்மையாக இருக்கக்கூடும், மேலும் போரை வெல்வதற்கான போரை விட்டுவிட இது தூண்டுதலாக இருக்கலாம். ஆனால் நினைவில் கொள்ளுங்கள், நாம் அனைவரும் ஒன்றாக இருக்கிறோம்! இது வணிகத்திற்கு எதிராக பயனருக்கு அல்ல; எங்களுக்கு எதிராக.

பயனர் தேவைகளைப் பூர்த்தி செய்வது வணிகத் தேவைகளைப் பூர்த்தி செய்வதற்கான சிறந்த வழியாகும். ஏனெனில் எங்கள் பயனர்கள் இல்லாமல், எங்களுக்கு ஒரு வணிகம் இல்லை! வாடிக்கையாளர்கள் (நல்ல வாடிக்கையாளர்கள்) எல்லாவற்றிற்கும் ‘ஆம்’ என்று சொல்ல உங்களை பணியமர்த்த மாட்டார்கள். எனவே, உங்கள் வாடிக்கையாளர் அவர்களின் குறிக்கோள்களையோ அல்லது பயனர்களின் தேவைகளையோ பூர்த்தி செய்யாத ஒன்றைக் கேட்டால், அவற்றை சவால் செய்ய பயப்பட வேண்டாம். இது ஈகோவைப் பற்றியது அல்ல. இது சிறந்த தீர்வை உருவாக்குவது பற்றியது.

04. உங்கள் சொந்த அணியையும் தள்ளுங்கள்

ஒரு படைப்புக் குழுவில் பணியாற்றும்போது இதுவும் ஒரு சவாலாக இருக்கலாம். பாத்திரங்களைப் பிரித்தல் - காட்சி வடிவமைப்பு, பயனர் அனுபவம், தகவல் கட்டமைப்பு, உள்ளடக்க உத்தி, உள்ளடக்க உற்பத்தி - தவறான தகவல்தொடர்புக்கு வழிவகுக்கும். நாங்கள் பிஸியாக இருக்கிறோம், மின்னஞ்சல்களால் அதிகமாகிவிடுகிறோம். தொடக்கத்தில் இருந்து முடிக்க ஒரு திட்டத்துடன் தங்குவது கடினம், குறிப்பாக ‘உங்கள்’ வேலை முடிந்ததும்.

உங்கள் கிளையன்ட் உறவைப் போலவே உங்கள் அணியின் உறவும் முக்கியமானது. நாங்கள் எங்கள் வாடிக்கையாளர்களைப் போலவே, ஏன் என்பதை நமக்கு நினைவூட்ட வேண்டும். ஒத்துழைப்பு முக்கியமானது. உள்ளடக்கத் திட்டம், வயர்ஃப்ரேம்கள் அல்லது வடிவமைப்புகளை நீங்கள் வெறுமனே ‘ஒப்படைக்க முடியாது’. முடிந்தவரை, நாங்கள் கைகோர்த்து வேலை செய்ய வேண்டும். வழங்கக்கூடியதை ‘முடித்து’ வேறு எதையாவது நகர்த்துவது எளிது. செல்வது கடினமாக இருக்கும்போது ஒரு திட்டத்துடன் தங்குவது மிகவும் கடினம்.

படைப்பு வேலைக்கான நீர்வீழ்ச்சி அணுகுமுறை செயல்படாது. குழு உறுப்பினர்களிடையே சுறுசுறுப்பான, ஒத்துழைப்பு வேலை சிறந்த முடிவுகளை உருவாக்குகிறது.

05. உங்கள் எல்லா உள்ளடக்கத் தேவைகளையும் முன் வரையறுக்கவும்

இங்கே விஷயம்: பதிலளிக்கக்கூடிய வலைத்தளங்கள் திட்டமிட அதிக நேரம் எடுக்கும். நாங்கள் இனி ஒரு சூழலுக்காக மட்டும் திட்டமிடவில்லை. இப்போது நமக்குத் தெரிந்த எல்லா சூழல்களுக்கும், இன்னும் இல்லாத சில சூழல்களுக்கும் நாங்கள் திட்டமிட்டுள்ளோம்.

ஆனால் நீங்கள் திரும்பிச் சென்று, நீங்கள் கணக்கில் கொள்ளாத அம்சங்கள் மற்றும் செயல்பாடுகளை மறுபரிசீலனை செய்வதை விட, அந்த சிக்கல்களைத் திட்டமிடுவதற்கு மிகக் குறைவான நேரம் எடுக்கும். எனவே நேரம் / முயற்சி / பட்ஜெட்டை செலவிடுங்கள். நீங்கள் வடிவமைப்பிற்கு வருவதற்கு முன்பு உங்கள் வாடிக்கையாளர்களையும் உங்கள் குழுவினரின் உள்ளடக்கத்தையும் வரையறுக்க (மற்றும் உறுதியளிக்கவும்!) கட்டாயப்படுத்துங்கள். பக்க அட்டவணையைப் பயன்படுத்தவும். கட்டமைக்கப்பட்ட உள்ளடக்கத்தைப் பயன்படுத்தவும். உங்கள் உள்ளடக்கத்தை இப்போது எதிர்காலத்தில் நிரூபிக்கவும்! அல்லது பின்னர் அழவும்.

விளக்கக்காட்சியில் இருந்து உள்ளடக்கத்தை எவ்வாறு சுருக்கலாம்?

இணைய-ஓ-கோளத்தைச் சுற்றி இதை நீங்கள் அதிகம் கேட்கிறீர்கள். ஆனால் காத்திருங்கள், என்ன? காத்திருங்கள் - ஏன்?

விளக்கக்காட்சி மாறலாம் (மற்றும்). 15 ஆண்டுகளுக்கு முன்பு நாங்கள் வலைத்தளங்களை வடிவமைத்த விதம் இப்போது அவற்றை எவ்வாறு முன்வைக்கிறோம் என்பதிலிருந்து கிட்டத்தட்ட அடையாளம் காணமுடியாது. ஆனால் என்ன மாறவில்லை என்பது உங்களுக்குத் தெரியுமா? சொற்கள். நாங்கள் இன்னும் ‘எம். இணையம் முதன்மையாக (உரை அடிப்படையிலான) உள்ளடக்கத்திற்காக உள்ளது. தகவல் சிக்கல்களைத் தீர்க்க நாங்கள் இன்னும் அதைப் பயன்படுத்துகிறோம்; பணிகளை நிறைவேற்ற. உங்கள் உள்ளடக்கம் விளக்கக்காட்சியைப் பொறுத்து இருந்தால் (ஃபிளாஷ் அறிமுக பக்கங்கள், யாராவது?) ஒரு உண்மையான வாய்ப்பு உள்ளது, இது சில ஆண்டுகளில் பயன்படுத்தப்படாது. அது உறிஞ்சும்.

தளவமைப்பின் அடிப்படையில் உள்ளடக்கத்தைப் பற்றி சிந்திப்பதை நாம் நிறுத்த வேண்டும்

தளவமைப்பின் அடிப்படையில் உள்ளடக்கத்தைப் பற்றி சிந்திக்க நாங்கள் (ஒரு தொழிலாக) எங்கள் வாடிக்கையாளர்களுக்கு பயிற்சி அளித்துள்ளோம். "அதை பக்கப்பட்டியில் வைக்கவும்," என்று நாங்கள் கூறுகிறோம். "அது அடிக்குறிப்பில் செல்ல வேண்டும்." நிறுத்து! அதை நிறுத்து. நிறுத்து. இது இருப்பிடத்தைப் பற்றியது அல்ல. இது முன்னுரிமை பற்றியது. உங்கள் பயனர்களுக்கு மிக முக்கியமான உள்ளடக்கம் எது? ஏனென்றால் என்னவென்று யூகிக்கவும்: சூழல்களில் தளவமைப்பு மாற்றங்கள். உங்கள் சிறிய திரை வடிவமைப்பில் ஒரு பக்கப்பட்டியாக இருக்கப்போவதில்லை (அநேகமாக).

உங்கள் வாடிக்கையாளர் விரும்பும் மாபெரும் சூப்பர் மெனு? ஐபோனில் பறக்கப்போவதில்லை.

வடிவமைப்பிலிருந்து சுயாதீனமாக தங்கள் உள்ளடக்கத்தைத் திட்டமிட உங்கள் வாடிக்கையாளர்களை கட்டாயப்படுத்துங்கள்

சரி, நீங்கள் அவர்களை கட்டாயப்படுத்த வேண்டியதில்லை. அவர்களை ஊக்குவிக்கவும். வலுவாக ஊக்குவிக்கவும். பக்க அட்டவணைகள் இதற்கு சிறந்தவை. நீங்கள் ஏற்கனவே இதைப் படிக்கவில்லை என்றால், அவற்றை எவ்வாறு உருவாக்குவது என்பது பற்றிய கூடுதல் தகவலுக்கு, இணையத்திற்கான கிறிஸ்டினா ஹால்வர்சன் மற்றும் மெலிசா ராச்சின் உள்ளடக்க வியூகத்திற்கு உடனடியாகச் செல்லுங்கள். முன்னுரிமை வரிசையில் அவற்றை ஒழுங்கமைக்கவும். இருப்பிடம் அல்லது தளவமைப்பைக் குறிப்பிட வேண்டாம். இது உங்கள் வாடிக்கையாளர்களுக்கு அவர்களின் உள்ளடக்கத்தைப் பற்றி மேலும் உற்பத்தி முறையில் சிந்திக்க உதவும், மேலும் இறுதி கம்பி கட்டமைப்புகள் அல்லது வடிவமைப்பிற்கு முன் உள்ளடக்கத்தை உருவாக்கும் செயல்முறையை நகர்த்தும்.

வடிவமைப்பிற்கு முன் உங்கள் உள்ளடக்கத்தை முடிக்கவும்

சரி, இது எப்போதும் சாத்தியமில்லை. நீங்கள் வடிவமைக்கத் தொடங்குவதற்கு முன்பு நீங்கள் இன்னும் நிச்சயமற்ற தன்மையை அகற்ற முடியும், நீங்கள் திரும்பிச் சென்று பின்னர் விஷயங்களை மாற்ற வேண்டியிருக்கும்.

உண்மையான உள்ளடக்கத்தைப் பயன்படுத்தவும் - ஒவ்வொரு முறையும்

முடிந்தால், விளிம்பு வழக்கு உள்ளடக்கத்தைப் பயன்படுத்தவும் - உங்கள் வாடிக்கையாளர்களுக்கு மிகவும் சிக்கலான பக்கங்கள், படங்கள் மற்றும் மெனுக்களைக் காட்டுங்கள். இது தயாரிப்பில் அவர்களின் குழப்பமான உள்ளடக்கத்தைக் காணும்போது, ​​பின்னர் செயல்பாட்டில் ஆச்சரியங்களைத் தவிர்க்கும்.

செயல்பாட்டு, உலாவி வயர்ஃப்ரேம்கள் வித்தியாச உலகத்தை உருவாக்குகின்றன. உங்கள் வாடிக்கையாளர்கள் தங்கள் உள்ளடக்கத்தை திரை அளவுகளில் நகர்த்துவதையும் மாற்றுவதையும் கவனிக்க அனுமதிக்கவும். உங்கள் வயர்ஃப்ரேம்களை நீங்கள் வழங்கும்போது அதைச் சுட்டிக்காட்டுங்கள் (நீங்கள் நேரில் விளக்கக்காட்சிகளைச் செய்கிறீர்கள், இல்லையா?) தளவமைப்பு மாறும்போது, ​​அவர்களின் தகவல்களின் முன்னுரிமை திரை அளவுகளில் எவ்வாறு ஒரே மாதிரியாக இருக்கிறது என்பதை அவர்களுக்கு நிரூபிக்கவும்.

எனவே பதிலளிக்கக்கூடிய வடிவமைப்பு திட்டங்களுக்கு வயர்ஃப்ரேம்கள் எவ்வாறு செயல்படுகின்றன?

RWD க்கான தொடர்பு வடிவமைப்பு விரைவாகவும் அடிக்கடிவும் உலாவியில் சேர வேண்டும் என்று நாங்கள் உறுதியாக நம்புகிறோம். எல்லாவற்றையும் விவரிக்கும் நிலையான ஆவணத்தை உருவாக்குவது மிகவும் சாத்தியமற்றது. நிச்சயமாக, நாங்கள் மூன்று, நான்கு அல்லது ஐந்து இடைவெளி புள்ளிகளை நிரூபிக்கும் ஒரு ஆவணத்தை உருவாக்க முடியும், ஆனால் அது கதையின் ஒரு பகுதி மட்டுமே. இடைவேளை புள்ளிகளுக்கு இடையிலான எல்லா தருணங்களையும் பற்றி என்ன? அது உலாவியில் நடக்கிறது.

ஸ்கெட்சிங்

இருப்பினும், உங்கள் யோசனைகளை ஒத்துழைப்புடன் விரைவாக வரைவது நல்லது. எந்தவொரு குறிப்பிட்ட ஊடகத்திலும் இது நடக்கத் தேவையில்லை, ஆனால் காகிதத்தில் பென்சில் பற்றி ஏதோ இருக்கிறது. இங்குள்ள முழுப் புள்ளியும் விரைவாகவும் மீண்டும் செயல்படவும் யோசனைகளைப் பெறுவதுதான். முடிந்தவரை ஸ்கெட்ச்போர்டை நாங்கள் விரும்புகிறோம், அதற்கான ஒரு பயன்பாடு கூட உள்ளது: UI ஸ்கெட்சர்.

உலாவி கட்டமைப்பில்

எங்களுக்கான உண்மையான டிக்கெட் இங்கே. உலாவியில் RWD ஐ நிரூபிக்கும்போது வடிவங்களையும் அமைப்புகளையும் மீண்டும் பயன்படுத்த விரும்புகிறோம். நிச்சயமாக, ஒவ்வொரு முறையும் புதிதாக எங்கள் சொந்த அமைப்பை உருவாக்க முடியும், ஆனால் அது எங்களுக்கு அல்லது எங்கள் வாடிக்கையாளர்களுக்கு உதவாது.

ட்விட்டரின் பூட்ஸ்டார்ப் அல்லது ஸுர்ப்ஸ் அறக்கட்டளை போன்ற விரைவான பதிலளிக்கக்கூடிய முன்மாதிரி கட்டமைப்பையும் பயன்படுத்த விரும்புகிறோம். நாங்கள் தனிப்பட்ட முறையில் அறக்கட்டளையை நோக்கிச் செல்கிறோம், ஏனெனில் இது எங்கள் பணிப்பாய்வுக்கு பொருந்துகிறது. ஒருவர் சிறிய திரை, குறைந்த அலைவரிசை-முதல் அணுகுமுறையை எடுத்துக் கொண்டால் அது மிகவும் நல்லது, ஆனால் அதுதான் நாங்கள் உருளும்.

சிறுகுறிப்புகள்

ஆர்.டபிள்யூ.டி வயர்ஃப்ரேம்களுக்கான சிறுகுறிப்புகள் அவசியம், ஆனால் பெரும்பாலும் கவனிக்கப்படுவதில்லை. சத்தமாக சொல்லுங்கள்: ஆவணங்கள், ஆவணங்கள், ஆவணங்கள்! நண்பர்களிடமிருந்து இதற்கான சில எடுத்துக்காட்டுகளை நாங்கள் பார்த்துள்ளோம், மேலும் உலாவியில் பதிலளிக்கக்கூடிய வயர்ஃப்ரேம்களை சரியாகக் குறிப்பிடுவதற்கான ‘சிறந்த’ வழியில் ஜூரி இன்னும் இல்லை என்று நினைக்கிறோம். மேலே குறிப்பிட்டுள்ளபடி, நாங்கள் ஸர்ப் மூலம் அறக்கட்டளையை தவறாமல் பயன்படுத்துகிறோம், மேலும் எங்கள் சிறுகுறிப்புகளைக் காண்பிக்க அதன் வெளிப்படுத்தல் துணை நிரலைப் பயன்படுத்த விரும்புகிறோம். இந்த சிறுகுறிப்புகள் பெரிய திரைகளுக்கு மட்டுமே தோன்றும், மேலும் அதை இயக்கலாம் மற்றும் முடக்கலாம்.

வயர்ஃப்ரேம்களில் உண்மையான உள்ளடக்கத்தைப் பயன்படுத்தவும்

வயர்ஃப்ரேம்கள் மற்றும் வடிவமைப்பு மோக்-அப்களில் லோரெம் இப்சமைச் சுற்றி நிறைய விவாதங்கள் நடந்துள்ளன, ஆனால் உங்கள் வயர்ஃப்ரேம்களில் உண்மையான உள்ளடக்கம் இல்லையென்றால், நீங்கள் அதை தவறாக செய்கிறீர்கள். உள்ளடக்கம் தொடர்பு முடிவுகளை தெரிவிக்கிறது மற்றும் ஒரு வடிவமைப்பு எப்போது உடைந்து விடும் என்பதை உங்களுக்குக் கூறுகிறது. லோரெம் இப்சம் அதை எவ்வாறு செய்ய முடியும்?

முதலில் சிறிய திரைகளுக்கு எவ்வாறு வடிவமைப்பது?

பல ஆண்டுகளாக நாங்கள் ஒரு குறிப்பிட்ட தீர்மானத்தை மனதில் கொண்டு வடிவமைத்தோம். இது இயல்புநிலை அமைப்பாகும். நோட்புக்குகளில் ஓவியம் வரைதல், ஆம்னிகிராஃபில் வயர்ஃப்ரேமிங், ஃபோட்டோஷாப்பில் பணிபுரிதல் அல்லது உலாவியில் வடிவமைத்தல் போன்றவை இருந்தாலும், எங்கள் கேன்வாஸ் அளவு என்னவாக இருக்கும் என்பதை நாங்கள் அறிவோம். அந்த நாட்கள் போய்விட்டன. சிறிய திரையை முதலில் வடிவமைப்பதிலும் படிப்படியாக மேம்படுத்துவதிலும் நாங்கள் பெரிய நம்பிக்கை கொண்டவர்கள். ஒரு வடிவமைப்பாளர் தனது பணிப்பாய்வுகளை ஒரு நிலையான கேன்வாஸ் அளவிலிருந்து திரவமாக மாற்றுவது எப்படி?

தொடக்கத்தில் சாதனங்களிலிருந்து சுருக்க வடிவமைப்புகள்

ஒரு குறிப்பிட்ட சாதனத்திற்காக நாங்கள் வடிவமைக்கவில்லை எனில், சாதனங்களைப் பற்றி சிந்திப்பதை நிறுத்தி அனுபவங்களைப் பற்றி சிந்திக்கத் தொடங்குவது அவசியம். பின்வரும் நுட்பங்கள் அனைத்தும் வடிவமைப்பாளர்கள் தங்கள் அனுபவங்களை வடிவமைக்க உதவுகின்றன, அதே நேரத்தில் சாதன அஞ்ஞானவாதிகளாக (ஒரு புள்ளி வரை) இருக்க முடியும்.

உடை ஓடுகளைப் பயன்படுத்தவும்

திசையை நிறுவவும் விரைவாக மீண்டும் இயக்கவும் ஸ்டைல் ​​டைல்களைப் பயன்படுத்தவும். ஸ்டைல் ​​டைல்ஸ் ஒரு வடிவமைப்பாளருக்கு ஒரு வடிவமைப்பு அமைப்பின் திசையை மிகவும் குறிப்பிட்டதாக இல்லாமல் அமைக்க உதவுகிறது. அவர்களின் படைப்பாளரான சமந்தா வாரன் அவர்களை இவ்வாறு விவரிக்கிறார்:

"ஸ்டைல் ​​டைல்ஸ் என்பது ஒரு மனநிலைப் பலகை மிகவும் தெளிவற்றதாகவும், ஒரு தொகுப்பானது மிகவும் எளிமையாகவும் இருக்கும். நடை ஓடுகள் தளவமைப்பை வரையறுக்காமல் உண்மையான இடைமுக உறுப்புகளுடன் நேரடி இணைப்பை ஏற்படுத்துகின்றன. ”

இடைமுக நல்லிணக்கத்தை உருவாக்கவும்

அனைத்து காட்சி மற்றும் ஊடாடும் கூறுகளையும் ஒன்றாகக் கொண்ட கேன்வாஸை கற்பனை செய்து பாருங்கள். ஒரு குறிப்பிட்ட UI தளவமைப்பைக் காண அல்ல, ஆனால் அனைத்து கூறுகளும் எவ்வாறு ஒன்றிணைந்து செயல்படுகின்றன என்பதைப் பார்க்க. இது ஒரு இடைமுக இணக்க கேன்வாஸ். ஒரு இடைமுக இணக்க கேன்வாஸ் ஒரு வடிவமைப்பாளருக்கு யோசனைகளை ஒன்றாக வைத்திருக்க உதவுகிறது, ஆனால் எந்த ஒரு திரை அளவிலும் கவனம் செலுத்தவில்லை. கூடுதலாக, முழு பாணி வழிகாட்டியை உருவாக்குவதை விட வடிவமைக்கப்பட்ட கூறுகளை திறம்பட தொடர்புகொள்வதற்கும் ஆவணப்படுத்துவதற்கும் இது ஒரு சிறந்த வழியாகும்.

மேலும் படிக்க நீங்கள் ஆர்வமாக இருந்தால், இடைமுக நல்லிணக்கம் என்ற தலைப்பில் இரண்டு சிறந்த கட்டுரைகளை இங்கேயும் இங்கேயும் காணலாம்.

உலாவியில் உள்ள அனைத்தையும் காண்க

உலாவியில் எல்லாவற்றையும் ஒன்றாகக் கொண்டுவர வேண்டும். யுஐ வடிவமைப்பு உண்மையில் வாழ்க்கைக்கு வருவது இங்குதான். உண்மையான உள்ளடக்கம் காட்சி கூறுகளுடன் எவ்வாறு தொடர்பு கொள்கிறது என்பதைப் பார்ப்பது மிக முக்கியம். நிலையான சூழலில் இதை சரியாக செய்ய வழி இல்லை. சொந்த ஊடகத்தில் இது எவ்வாறு பதிலளிக்கும் என்பதை நீங்கள் பார்க்க வேண்டும்.

நிலையான நிரல்களுடன் சமநிலையை அடையுங்கள்

உலாவி மற்றும் ஃபோட்டோஷாப் போன்ற நிலையான நிரல்களுக்கு இடையில் ஒரு ஓட்டம் உள்ளது. வடிவமைப்பு அமைப்பை திரவமாகவும் இயற்கையாகவும் உருவாக்க அனுமதிக்கும் ஒரு சமநிலை இருக்க வேண்டும். நிச்சயமாக, இது ஃபோட்டோஷாப்பில் நடக்கும், ஆனால் பதிலளிக்கும் வகையில் வடிவமைக்கும் ஒரு வடிவமைப்பாளர் உலாவியில் ஆக்கப்பூர்வமாக சிந்திக்க கற்றுக்கொள்ள வேண்டும்.

முடிவுரை

மீண்டும் ஒரு முறை, உணர்வோடு: ஏன், நன்கு கட்டமைக்கப்பட்ட உள்ளடக்கம் மற்றும் முக்கியமான தொடர்புகளுடன் தொடங்கவும். முதலில் சிறிய திரை மற்றும் குறைந்த அலைவரிசையில் கவனம் செலுத்துங்கள், மேலும் உங்கள் பதிலளிக்கக்கூடிய கருத்துக்களை படிப்படியாக மேம்படுத்தவும். எங்கள் ஊடகம் வயதுக்கு வருகிறது. ஒரு நேரத்தில் ஒரு வலைத் திட்டத்தைச் சரியாகச் செய்து உலகத்தை மாற்றுவதற்கான வாய்ப்பு எங்களுக்கு உள்ளது.

வடிவமைப்பாளர்களுக்கான சிறந்த 20 வயர்ஃப்ரேமிங் கருவிகளைக் கண்டறியவும்

ஸ்டீவ் ஃபிஷர் கனடாவில் மஞ்சள் பென்சிலில் ஆராய்ச்சி, பகுப்பாய்வு, வடிவமைப்பு மற்றும் மூலோபாயத்தை ஒருங்கிணைக்கிறார், மேலும் RWD, UX மற்றும் திறந்த மூல போன்ற தலைப்புகளில் பேசுகிறார். அலன் மெக்கன்சி மஞ்சள் பென்சிலில் உள்ளடக்க மூலோபாயவாதி ஆவார்.