09 இல் 01
எப்படி UXPin உடன் தொடங்குவது
நாம் மொபைல் வடிவமைப்பு, பயன்பாட்டு வடிவமைப்பு மற்றும் பதிலளிக்க வடிவமைப்பு ஆகியவற்றிற்குள் நுழைகையில் , UX (பயனர் அனுபவம்) மற்றும் wireframing , ஊடாடும் முன்மாதிரி மற்றும் mockups மீது அதிக கவனம் செலுத்துகிறது. அங்கு ஒரு டன் கருவிகள் உள்ளன இந்த முக்கிய நோக்கமாக மற்றும் அவர்கள் சிக்கலான இருந்து முழு வரம்பு ரன், சிறகு ladden behemoths சிதறியதாகவும் மற்றும் மிகவும் பயனுள்ளதாக. வடிவமைப்பாளர்களுக்கான வடிவமைப்பாளர்களால் உருவாக்கப்பட்டது என்பதால், என் கண் பிடித்துள்ள கருவிகளில் ஒன்று UXPin ஆகும்.
முன்னோக்கி நகர்த்துவதற்கு முன் ... ஒரு எச்சரிக்கை. உன்னுடைய மென்பொருள் மென்பொருளை விரும்பும் ஒரு நிறுவனம் என்றால் UXPin உங்களுக்காக அல்ல. இந்த பயன்பாட்டில் செய்த அனைத்து செயல்களும் உலாவியில் செய்யப்படுகின்றன மற்றும் சேமிப்பதற்கான திட்டங்கள் உங்கள் கணக்கில் சேமிக்கப்படும்.
UXPin உடன் தொடங்குவதற்கு UXPin க்கு உலாவி மற்றும் தலையைத் துவக்கவும். இங்கிருந்து நீங்கள் ஒரு இலவச சோதனைக்கு பதிவு செய்யலாம் அல்லது எதிர்பார்க்கப்படும் தேவைகளின் அடிப்படையில் ஒரு மாத திட்டம் ஒன்றை ஏற்பாடு செய்யலாம். பதிவுசெய்தல் செயல்முறை மிகவும் எளிதானது மற்றும் நீங்கள் உங்கள் பயனர் பெயர் மற்றும் கடவுச்சொல் அமைத்துவிட்டால், நீங்கள் தொடங்குவதற்கு தயாராக உள்ளீர்கள்.
09 இல் 02
UXPin இல் ஒரு திட்டத்தை எப்படி தொடங்குவது
நீங்கள் உள்நுழையும்போது டாஷ்போர்டில் வந்துசேரும், இங்கிருந்து நீங்கள் ஒரு புதிய wireframe, ஒரு புதிய மொபைல் திட்டம் அல்லது ஒரு பொறுப்பு வலை வடிவமைப்பு திட்டத்தை உருவாக்க முடிவு செய்யலாம். நீங்கள் உங்கள் ஃபோட்டோஷாப் அல்லது ஸ்கெட்ச் திட்டங்களில் கொண்டு வர அனுமதிக்கும் UXPin க்கு செருகு நிரல்கள் உள்ளன. இதற்காக நான் பதாகைக்கு ஒரு பதாகை உருவாக்கவும் பேனர் ஒரு மின்னஞ்சல் பொத்தானைச் சேர்க்கவும் போகிறேன். இதை நிறைவேற்ற நான் ஒரு புதிய wireframe ஐ உருவாக்குகிறேன்.
09 ல் 03
UXPin இடைமுகம் எவ்வாறு பயன்படுத்துவது
வடிவமைப்பு மேற்பரப்பு நான்கு பகுதிகளாக உடைக்கப்பட்டுள்ளது. இடப்புறத்தில் உள்ள கறுப்புப் பகுதியில் நீங்கள் டாஷ்போர்டுக்குத் திரும்புவதற்கும், நீங்கள் பயன்படுத்தும் கூறுகளைத் திறக்கவும், ஸ்மார்ட் கூறுகள் குழுவைத் திறக்கவும், உறுப்புகளுக்குத் தேடவும், பக்கத்திற்கு குறிப்புகள் சேர்க்கவும் மற்றும் குழு உறுப்பினர்களை சேர்க்கவும் உதவும் ஒரு தொடர் கருவிகள். கீழே உள்ள ஒரு சிறு பயிற்சி, ஒரு கணக்கை அணுகுவதற்கு அனுமதிக்கும் மற்றொன்று, உங்கள் கணக்கையும் மற்றவரின் கேள்விகள் பற்றிய அணுகலை அணுகுவதையும் அனுமதிக்கும், நீங்கள் கேள்விகளைக் கேட்கவும், கருத்துக்களை வழங்கவும் அனுமதிக்கும்.
மேல் நீல பகுதியில் ஒரு கருவிகள் மற்றும் பண்புகள் ஒரு தொடர். வலது பக்கத்தில் உள்ள இருண்ட பொத்தான்கள், உங்கள் வடிவமைப்பை மீண்டும் அமைக்கவும், திட்ட அமைப்புகளைச் சரிசெய்யவும், பக்கத்தை பகிர்ந்து கொள்ளவும், பக்கத்தின் உலாவி உருவகப்படுத்துதலை செய்யவும் அனுமதிக்கின்றன.
நீங்கள் வடிவமைப்பு மேற்பரப்பு பிட்கள் மற்றும் துண்டுகள் அடைய எங்கே கூறுகள் குழு உள்ளது, உங்கள் திட்டம் பெயரிட மற்றும் பக்கங்கள் சேர்க்க அல்லது நீக்க.
கூறுகள் நூலகம் UX வடிவமைப்பாளர்கள் ஒரு இன்ப அதிர்ச்சி. இந்த பாப் நீங்கள் iOS இருந்து அண்ட்ராய்டு Lolipop வரை அனிம் 30 நூலகங்கள் இருந்து தேர்வு செய்யலாம் நீங்கள் எழுத்துரு வியப்பா சின்னங்கள், மொபைல் சைகை சின்னங்கள் மற்றும் சமூக சாளரம் ஒரு தொகுப்பு இணைந்து பூட்ஸ்டார்ப் மற்றும் அறக்கட்டளை கூறுகள் அணுக வேண்டும்.
09 இல் 04
ஒரு UXPin பக்கம் ஒரு உறுப்பு சேர்க்க எப்படி
தொடங்குவதற்கு நான் பெட்டி உறுப்பை வடிவமைப்பு மேற்பரப்பிற்கு இழுத்து, நான் சுட்டியை வெளியிடும்போது, பண்புகள் குழு திறக்கிறது. பண்புகள் பொத்தானை நீங்கள் உறுப்பு பெயர் மற்றும் உறுப்பு அகலம் உயரம் மற்றும் நிலையை மதிப்புகள் அமைக்க உதவுகிறது. மூலக்கூறுகளை சுற்றியும், அதன் ஒளிபுகாநிலையையும் சரிசெய்யலாம். பின்புல நிற பொத்தானைக் கிளிக் செய்வதன் மூலம் RGBA வண்ண தெரிவு திறக்கிறது.
தேர்ந்தெடுக்கப்பட்ட உறுப்புக்கு எழுத்துரு, எல்லை மற்றும் வடிவத்தை நீங்கள் ஒதுக்கலாம். மின்னல் போல்ட் நீங்கள் தேர்ந்தெடுக்கப்பட்ட உறுப்புக்கு ஊடாடும் திறன் சேர்க்கும் திறனை அளிக்கிறது.
09 இல் 05
UXPin இல் எப்படி சேர்க்க மற்றும் வடிவமைப்பு உரை
உரையைச் சேர்க்க, வடிவமைப்பு மேற்பரப்பிற்கு உரை உறுப்பு இழுத்து, உங்கள் உரையை உள்ளிடவும். எழுத்துரு சொத்துக்களைத் திறக்க , உரை பண்பு பொத்தானை கிளிக் செய்து உங்கள் உரையை வடிவமைக்கவும். உங்களுக்கு போலி உரையின் தொகுதி தேவைப்பட்டால், ஒரு உரை உறுப்பைச் சேர்க்க மற்றும் எழுத்துரு பண்புகளில் GENERATE LOREM IPSUM பொத்தானை கிளிக் செய்யவும்.
09 இல் 06
ஒரு UXPin பக்கம் ஒரு படத்தை சேர்க்க எப்படி
இந்த பணியை நிறைவேற்ற சில வழிகள் உள்ளன. நீங்கள் கருவிப்பட்டியில் படக் கருவியைப் பயன்படுத்தலாம், நூலகத்திலிருந்து ஒரு பட உறுப்பைச் சேர்க்கலாம் அல்லது மேலே காட்டப்பட்டுள்ளபடி வடிவமைப்பு மேற்பரப்பில் உள்ள உறுப்பு மீது உங்கள் டெஸ்க்டாப்பில் இருந்து ஒரு படத்தை இழுக்கவும்.
09 இல் 07
ஒரு UXPin பக்கம் ஒரு பட்டன் சேர்க்க எப்படி
ஒரு பட்டன் உறுப்பு இருப்பினும், தேடல் பகுதியில் " பட்டன் " நுழைந்து, மேலே காட்டப்பட்டுள்ளபடி, எல்லா நூலகங்களிலும் காணப்படும் அனைத்து பொத்தான்களையும் திறக்கிறது. வடிவமைப்பு மேற்பரப்பில் நீங்கள் வேலை செய்யும் வண்ணத்தை இழுத்து, வண்ணம், எழுத்துரு மற்றும் பார்டர் ஆரம் ஆகியவற்றை மாற்றுவதற்கு பண்புகள் பயன்படுத்தவும். பொத்தானை உள்ளே உரை மாற்ற, உரை ஒரு முறை கிளிக் செய்து புதிய உரை உள்ளிடவும்.
09 இல் 08
ஒரு UXPin பக்கம் இடைவினை சேர்க்க எப்படி
இது முதலில் தோன்றும் சிக்கலானது அல்ல. மின்னஞ்சல் உள்ளீட்டிற்கு, நான் ஒரு உள்ளீட்டு உறுப்பைச் சேர்த்தேன், அதை மறுஅளவிடப்பட்டது, உரை உள்ளிட்டு உரை வடிவமைக்கப்பட்டது. உள்ளீடு உறுப்பு தேர்ந்தெடுக்கப்பட்ட Properties Properties பொத்தானை கிளிக் செய்து , உறுப்பு பண்புகள் தோன்றும் போது பார்வை பொத்தானை கிளிக் - கண்ணி - குழு மேல் வலது மூலையில்.
பொத்தானைத் தேர்ந்தெடுத்து இடைசெயல்கள் பொத்தானை கிளிக் செய்யவும் - மின்னல் போல்ட்- பண்புகளில். பரஸ்பர குழு திறக்கும் போது, புதிய தொடர்பு தேர்வு செய்யவும். தூண்டுதல் பாப் கீழே கிளிக் செய்யவும். அதிரடி பகுதியிலுள்ள காட்சித் தேர்வு என்பதைத் தேர்ந்தெடுக்கவும். எந்த உறுப்பு காட்ட வேண்டும் என்று நீங்கள் இப்போது கேட்கப்படுவீர்கள். ஒருமுறை துப்பாக்கிச்சூட்டில் கிளிக் செய்து உள்ளீட்டு உறுப்பு மீது சொடுக்கவும். உறுப்பு அடையாளம் கொண்டு, நீங்கள் இப்போது உறுப்பு உயிருள்ள இல்லையா என்பதை தீர்மானிக்க முடியும். இந்த விஷயத்தில் நான் உள்ளீட்டு பெட்டியை எளிதில் சேர்த்துக் கொள்ள முடிவு செய்தேன், 300ms இன் இயல்புநிலை கால மதிப்புடன் சென்றேன்.
சொடுக்கும்போது, 65 பிக்சல்கள் வலதுபுறத்தில் பொத்தானை நகர்த்த வேண்டும். நான் பொத்தானைத் தேர்ந்தெடுத்தேன், இடைசெய்திகள் குழுவைத் திறந்து புதிய இடைசெயலைத் தேர்ந்தெடுத்தேன். நான் இந்த அமைப்புகளை பயன்படுத்தினேன்:
- தூண்டுதல் : சொடுக்கவும்
- செயல்: நகர்த்து
- நகர்த்த இயக்கம் : x அச்சில் 65 px
- அனிமேஷன் : நேரியல்
- காலம்: 300 ms
ஒரு உரையாடலை அகற்றுவதற்கு உறுப்பு என்பதைத் தேர்ந்தெடுத்து, இடைசெயல் குழுவைத் திறக்கவும். குழுவில் உள்ள ஒருங்கிணைப்பைத் தேர்ந்தெடுத்து, அதை அழிக்க குப்பைக்கு நகர்த்தவும்.
09 இல் 09
UXPin இல் உங்கள் பக்கத்தை எவ்வாறு சோதனை செய்யலாம்
நீங்கள் உலாவியில் வேலை செய்கிறீர்கள் என்பதால், சோதனை எளிதானது. சிமுலேட் டிசைன் பொத்தானை சொடுக்கவும். உலாவியில் பக்கம் திறக்கும் மற்றும் நீங்கள் வழி சோதிக்க முடியும். பல பக்கங்கள், பயன்பாட்டு சோதனை, லைவ் பகிர்தல், எடிட்டிங் மற்றும் டாஷ்போர்டுக்குத் திரும்புதல் ஆகியவற்றுக்கு கருத்துகள், தள வரைபடம் ஆகியவற்றை அனுமதிக்கும் பக்கத்தின் இடது பக்கத்தில் சேர்க்கப்பட்ட குழுவும் இருக்கும்.
பக்கத்தின் கீழே நீங்கள் குறுக்கீடு கூறுகளை காட்ட அனுமதிக்கும் மற்றொரு சிறு குழு உள்ளது, கருத்துக்கள் காட்ட அல்லது மறைக்க மற்றும் திட்ட இணைப்பில் மற்றவர்களுடன் பகிர்ந்து கொள்ளவும்.