ஒரு வலைத்தளம் Wireframe என்றால் என்ன?

உங்கள் வடிவமைப்புகளைத் தொடங்க எளிய வயர்ஃப்ரேம்களைப் பயன்படுத்த கற்றுக்கொள்ளுங்கள்

ஒரு வலை கம்பெனி என்பது ஒரு வலைப்பக்கத்தை எப்படிப் பார்ப்பது என்பதைக் காண்பிக்கும் எளிய காட்சி வழிகாட்டியாகும். இது ஒரு கிராபிக்ஸ் அல்லது உரையைப் பயன்படுத்தாமல் , ஒரு பக்கத்தின் கட்டமைப்பைக் குறிக்கிறது. ஒரு வலைத்தளம் wireframe முழு தளம் அமைப்பு காட்ட வேண்டும் - எங்கே பக்கங்கள் இணைக்கப்பட்டுள்ளது உட்பட.

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

ஒரு வலை பக்கம் wireframe இல் சேர்க்க வேண்டியவை:

• முதன்மை வரைகலை உறுப்புகளுக்கான பெட்டிகள்
• தலைப்புகள் மற்றும் துணை தலைப்புகள் இடம்
• ஒரு எளிய அமைப்பு அமைப்பு
• நடவடிக்கை அழைப்பு
• உரை தொகுதிகள்

எப்படி ஒரு எளிய வலை வயர்ரேஜ் கட்டமைக்க

உங்களுக்கு எளிதில் கிடைக்கும் காகிதத்தின் எந்த ஸ்க்ராப் பயன்படுத்தி ஒரு வலை பக்கம் wireframe உருவாக்க. இங்கே நான் எப்படி செய்கிறேன்:

1. ஒரு பெரிய செவ்வகத்தை வரைய - இது முழு பக்கத்தையோ அல்லது காணக்கூடிய பகுதியையோ குறிக்கலாம். நான் வழக்கமாக தெரியும் பகுதியை தொடங்கும், பின்னர் அதை மடங்கு கீழே இருக்கும் கூறுகளை சேர்க்க விரிவடையும்.
2. அமைப்பை ஓடு - இது 2-நெடுவரிசைகள், 3-நெடுவரிசைகளா?
3. தலைப்பு வரைபடத்திற்கான ஒரு பெட்டியில் சேர்க்க - பத்திகள் மேலே ஒரு தலைப்பகுதியாக இருக்க வேண்டுமெனில் உங்கள் நெடுவரிசைகளை வரையவும் அல்லது நீங்கள் விரும்பும் இடத்தில் அதை சேர்க்கவும்.
4. உங்கள் "H1" தலைப்பில் இருக்கும் "Headline" ஐ எழுதுங்கள்.
5. நீங்கள் "துணைத் தலை" என எழுதவும், அதில் H2 மற்றும் கீழ் தலைப்புகளும் இருக்கும். H1 ஐ விட H2 சிறிய, H2 விட சிறியது, போன்ற பலவற்றை நீங்கள் செய்தால் அது உதவுகிறது.
6. மற்ற படங்களுக்கு பெட்டிகளில் சேர்க்கவும்
7. வழிசெலுத்தலில் சேர்க்கவும். நீங்கள் தாவல்களை திட்டமிடுகிறீர்கள் என்றால், வெறுமனே பெட்டிகளை வரையவும், மேல் "வழிசெலுத்தல்" எழுதவும். அல்லது வழிசெலுத்தல் விரும்பும் நெடுவரிசைகளில் புல்லட் பட்டியல்களை இடுங்கள். உள்ளடக்கத்தை எழுத வேண்டாம். "வழிசெலுத்தல்" என்று எழுதவும் அல்லது உரையைப் பிரதிபலிக்க ஒரு வரியைப் பயன்படுத்தவும்.
8. பக்கத்திற்கு கூடுதல் உறுப்புகளைச் சேர்க்க - அவர்கள் உரையுடன் என்னவெல்லாம் அடையாளம் காண்பது, ஆனால் உண்மையான உள்ளடக்க உரை பயன்படுத்த வேண்டாம். உதாரணமாக, நீங்கள் கீழ் வலதுபக்கத்தில் செயல்பாட்டு பொத்தானை அழைக்க விரும்பினால், அங்கு ஒரு பெட்டியை வைத்து, "நடவடிக்கைக்கு அழைப்பு" என்று பெயரிடவும். "வாங்க வாங்க!" என்று எழுதாதே அந்த பெட்டியில்.

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

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

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

பேப்பர் wireframes செய்ய எளிதாக இருக்கும். நீங்கள் அதை விரும்பவில்லை என்றால், காகிதத்தை நசுக்கி, அதை மறுசுழற்சி செய்வதிலும், ஒரு புதிய தாளை கைப்பற்றுவதும்.