01 នៃ 09
របៀបចាប់ផ្តើមដោយ UXPin
នៅពេលយើងផ្លាស់ទីលំនៅទៅក្នុងការរចនាទូរស័ព្ទការរចនាកម្មវិធីនិងការរចនាឆ្លើយតបមានការផ្តោតអារម្មណ៍ទៅលើ UX (User Experience) និង wireframing ការបង្កើតគំរូនិងអន្តរកម្ម។ មានឧបករណ៍មួយតោននៅទីនោះដែលមានគោលដៅពិសេសនេះហើយពួកគេបានរត់ពេញលេញពីស្មុគស្មាញ, លក្ខណៈពិសេស laden behemoths ទៅ sparse និងទទេមានប្រយោជន៍។ ឧបករណ៍មួយក្នុងចំណោមឧបករណ៍ដែលបានចាប់ភ្នែករបស់ខ្ញុំគឺ UXPin ព្រោះវាត្រូវបានបង្កើតឡើងដោយអ្នកឌីហ្សាញសម្រាប់អ្នកឌីហ្សាញ។
មុនពេលយើងឆ្ពោះទៅមុខ ... ព្រមាន។ ប្រសិនបើអ្នកជាអង្គភាពដែលចង់ធ្វើជាម្ចាស់កម្មសិទ្ធិលើកម្មវិធីនោះ UXPin មិនមែនសម្រាប់អ្នកទេ។ ការងារទាំងអស់ដែលបានធ្វើនៅក្នុងកម្មវិធីនេះត្រូវបានធ្វើនៅក្នុងកម្មវិធីរុករកហើយគម្រោងដែលអ្នករក្សាទុកត្រូវបានរក្សាទុកទៅក្នុងគណនីរបស់អ្នក។
ដើម្បីចាប់ផ្តើមជាមួយ UXPin អ្នកបើកដំណើរការកម្មវិធីរុករកហើយទៅ UXPin ។ ពីទីនេះអ្នកអាចចុះឈ្មោះសម្រាប់ការជំនុំជម្រះក្តីដោយឥតគិតថ្លៃឬរៀបចំសម្រាប់ផែនការប្រចាំខែដោយផ្អែកលើតម្រូវការដែលអ្នកស្មានទុកជាមុន។ ដំណើរការចុះឈ្មោះគឺមានភាពងាយស្រួលហើយនៅពេលដែលអ្នកបានកំណត់ឈ្មោះអ្នកប្រើនិងពាក្យសម្ងាត់របស់អ្នកអ្នកត្រៀមខ្លួនរួចជាស្រេចដើម្បីចាប់ផ្តើម។
02 នៃ 09
របៀបចាប់ផ្តើមគំរោងនៅក្នុង UXPin
នៅពេលអ្នកចូលអ្នកមកដល់ផ្ទាំងគ្រប់គ្រងហើយអ្នកអាចសម្រេចចិត្តបង្កើតខ្សែរ្រូលថ្មីគម្រោងចល័តថ្មីឬគម្រោងរចនាគេហទំព័រ។ ក៏មានកម្មវិធីជំនួយសម្រាប់ UXPin ដែលនឹងអនុញ្ញាតឱ្យអ្នកនាំយកគម្រោង Photoshop ឬ Sketch របស់អ្នក។ សម្រាប់ការនេះតើខ្ញុំនឹងបង្កើតផ្ទាំងបដាមួយនឹងអត្ថបទខ្លះនិងបន្ថែមប៊ូតុងអ៊ីម៉ែលទៅផ្ទាំងបដា។ ដើម្បីសម្រេចកិច្ចការនេះខ្ញុំបានជ្រើសរើសបង្កើតខ្សែប្រហោងថ្មីមួយ។
03 នៃ 09
របៀបប្រើចំណុចប្រទាក់ UXPin
ផ្ទៃរចនាសម្ព័ន្ធត្រូវបានខូចទៅជាបួនតំបន់។ នៅក្នុងតំបន់ខ្មៅនៅខាងឆ្វេងគឺជាស៊េរីនៃឧបករណ៍ដែលអនុញ្ញាតឱ្យអ្នកត្រលប់ទៅផ្ទាំងព័ត៌មានវិញបើកធាតុដែលអ្នកនឹងប្រើបើកបន្ទះអេឡិចត្រូនិចអេឡិចត្រូនិចស្វែងរកធាតុបន្ថែមចំណាំទៅទំព័រនិងបន្ថែមសមាជិកក្រុម។ នៅផ្នែកខាងក្រោមគឺជាប៊ូតុងមួយដែលបើកការបង្រៀនខ្លីៗមួយទៀតដែលអនុញ្ញាតឱ្យអ្នកចូលប្រើគណនីរបស់អ្នកនិងមួយទៀតដែលចូលប្រើសំណួរដែលសួរថាតើអ្នកសួរសំណួរនិងផ្តល់មតិត្រឡប់។
នៅតំបន់ខៀវនៅតាមកំពូលគឺជាឧបករណ៍និងលក្ខណៈជាស៊េរី។ ប៊ូតុងងងឹតនៅផ្នែកខាងស្តាំអនុញ្ញាតឱ្យអ្នកធ្វើការតាក់តែងការរៀបចំរបស់អ្នកលៃតម្រូវការរៀបចំគម្រោងចែករំលែកទំព័រនិងធ្វើការក្លែងបន្លំនៅក្នុងទំព័រ។
បន្ទះធាតុគឺជាកន្លែងដែលអ្នកចាប់យកប៊ីតនិងបំណែកសម្រាប់ផ្ទៃរចនាឈ្មោះគម្រោងរបស់អ្នកនិងបន្ថែមឬលុបទំព័រ។
បណ្ណាល័យអេឡិចត្រូនិចគឺជាការភ្ញាក់ផ្អើលដ៏រីករាយសម្រាប់អ្នកឌីហ្សាញ UX ។ ការលេចឡើងនេះអនុញ្ញាតឱ្យអ្នកជ្រើសរើសពីបណ្ណាល័យចំនួន 30 ចាប់ពីប្រព័ន្ធ iOS ទៅ Android Lolipop ។ អ្នកក៏អាចចូលដំណើរការធាតុ Bootstrap និង Foundation រួមជាមួយនឹងរូបតំណាងពុម្ពអក្សរដែលគួរអោយចាប់អារម្មណ៍រូបតំណាងកាយវិការសម្រាប់ទូរស័ព្ទនិងការប្រមូលផ្ដុំនៃ Social Widgets ។
04 នៃ 09
របៀបបន្ថែមធាតុទៅទំព័រ UXPin
ដើម្បីចាប់ផ្តើមខ្ញុំបានអូសធាតុប្រអប់ទៅផ្ទៃរចនាហើយពេលខ្ញុំដោះកណ្តុរប្រអប់ លក្ខណសម្បត្តិ បើក។ ប៊ូតុងលក្ខណសម្បត្តិអនុញ្ញាតឱ្យអ្នកដាក់ឈ្មោះធាតុនិងកំណត់ទទឹងនិងតម្លៃទីតាំងរបស់ធាតុ។ អ្នកក៏អាចបន្ថែមចន្លោះទៅនឹងធាតុកាត់ជ្រុងនិងលៃតម្រូវភាពស្រអាប់របស់វា។ ចុចប៊ូតុងពណ៌ផ្ទៃខាងក្រោយបើកឧបករណ៍ជ្រើសពណ៌ RGBA ។
អ្នកក៏អាចផ្ដល់ពុម្ពអក្សរស៊ុមនិងលំនាំទៅធាតុដែលបានជ្រើស។ រន្ទះបាញ់ផ្តល់ឱ្យអ្នកនូវសមត្ថភាពក្នុងការបន្ថែមអន្តរកម្មទៅនឹងធាតុដែលបានជ្រើសរើស។
05 នៃ 09
របៀបបន្ថែមនិងធ្វើទ្រង់ទ្រាយអត្ថបទក្នុង UXPin
ដើម្បីបន្ថែមអត្ថបទអូសធាតុអត្ថបទទៅផ្ទៃរចនាហើយបញ្ចូលអត្ថបទរបស់អ្នក។ ចុច ប៊ូតុង លក្ខណសម្បត្តិអត្ថបទ ដើម្បីបើកលក្ខណៈសម្បត្តិពុម្ពអក្សរនិងធ្វើទ្រង់ទ្រាយអត្ថបទរបស់អ្នក។ ប្រសិនបើអ្នកត្រូវការប្លុកអត្ថបទអត់ចេះសោះបន្ថែមធាតុអត្ថបទហើយចុចប៊ូតុង បង្កើត LOREM IPSUM ក្នុងលក្ខណសម្បត្តិពុម្ពអក្សរ។
06 នៃ 09
របៀបបន្ថែមរូបភាពទៅទំព័រ UXPin
មានពីរវិធីដើម្បីសម្រេចកិច្ចការនេះ។ អ្នកអាចប្រើ ឧបករណ៍រូបភាព នៅក្នុងរបារឧបករណ៍បន្ថែមធាតុរូបភាពពីបណ្ណាល័យឬគ្រាន់តែអូសនិងទម្លាក់រូបភាពពីកុំព្យូទ័ររបស់អ្នកលើធាតុនៅលើផ្ទៃរចនាដែលបានបង្ហាញខាងលើ។
07 នៃ 09
របៀបបន្ថែមប៊ូតុងទៅទំព័រ UXPin
ទោះបីជាមានធាតុប៊ូតុងក៏ដោយក៏ការបញ្ចូល " ប៊ូតុង " ទៅក្នុងតំបន់ ស្វែងរក ដូចបានបង្ហាញខាងលើបើកប៊ូតុងទាំងអស់ដែលរកឃើញនៅក្នុងបណ្ណាល័យទាំងអស់។ អូសមួយដែលធ្វើការសម្រាប់អ្នកលើផ្ទៃរចនាហើយប្រើលក្ខណសម្បត្តិដើម្បីប្តូរពណ៌ពុម្ពអក្សរនិងកាំកាំស៊ុម។ ដើម្បីផ្លាស់ប្តូរអត្ថបទខាងក្នុងប៊ូតុងចុចម្តងលើអត្ថបទហើយបញ្ចូលអត្ថបទថ្មី។
08 នៃ 09
របៀបបន្ថែមការទាក់ទងទៅទំព័រ UXPin
នេះមិនស្មុគស្មាញទេដូចដែលវាអាចលេចឡើងជាលើកដំបូង។ ចំពោះធាតុបញ្ចូលអ៊ីម៉ែលខ្ញុំបានបន្ថែមធាតុបញ្ចូលប្តូរទំហំវាបានបញ្ចូលអត្ថបទនិងធ្វើទ្រង់ទ្រាយអត្ថបទ។ ដោយធាតុធាតុបញ្ចូលដែលបានជ្រើស ចុចប៊ូតុងលក្ខណសម្បត្តិ ហើយពេល លក្ខណសម្បត្តិធាតុ លេចឡើងចុចប៊ូតុង មើលឃើញ - គ្រាប់ភ្នែក - នៅជ្រុងខាងស្តាំខាងលើនៃបន្ទះ។
ជ្រើសប៊ូតុងហើយចុច ប៊ូតុងអន្តរកម្ម - Lightning Bolt - នៅក្នុងលក្ខណៈសម្បត្តិ។ នៅពេលផ្ទាំងអន្តរកម្មបើកសូមជ្រើសអន្តរកម្មថ្មី។ ជ្រើសចុចពីកេះមិនបង្ហាញ។ នៅក្នុងតំបន់សកម្មភាពជ្រើសបង្ហាញធាតុ។ ឥឡូវអ្នកនឹងត្រូវបានសួរធាតុណាដែលត្រូវបង្ហាញ។ ចុចម្តងនៅលើកាំភ្លើងហើយចុចលើធាតុបញ្ចូល។ ជាមួយនឹងធាតុដែលបានកំណត់ឥឡូវអ្នកអាចកំណត់ថាតើត្រូវធ្វើឱ្យធាតុមានចលនាឬអត់។ ក្នុងករណីនេះខ្ញុំបានសំរេចចិត្តបង្ហាញប្រអប់បញ្ចូលជាមួយភាពងាយស្រួលក្នុងនិងបានទៅជាមួយតម្លៃរយៈពេលលំនាំដើម 300 ម។
ខ្ញុំក៏ចង់ឱ្យប៊ូតុងផ្លាស់ទីប្រហែល 65 ភីកសែលទៅស្តាំនៅពេលវាត្រូវបានចុច។ ខ្ញុំបានជ្រើសរើសប៊ូតុងបើកផ្ទាំងអន្តរកម្មនិង អន្តរកម្មថ្មី ដែលបានជ្រើសរើស។ ខ្ញុំបានប្រើការកំណត់ទាំងនេះ:
- កេះ : ចុច
- សកម្មភាព: ផ្លាស់ទីដោយ
- ផ្លាស់ទីទិស : 65 ភីកសែលនៅលើអ័ក្ស x
- ចលនា : លីនេអ៊ែរ
- រយៈពេល: 300 ម
ដើម្បីយកចេញអន្តរកម្មមួយជ្រើសធាតុនិងបើកបន្ទះអន្តរកម្ម។ ជ្រើសអន្តរកម្មក្នុងបន្ទះហើយចុចធុងសំរាមដើម្បីលុបវា។
09 នៃ 09
តើធ្វើដូចម្តេចដើម្បីសាកល្បងទំព័ររបស់អ្នកនៅក្នុង UXPin
ដោយសារតែការពិតអ្នកកំពុងធ្វើការនៅក្នុងកម្មវិធីរុករកការសាកល្បងគឺសាមញ្ញស្លាប់។ ចុចប៊ូតុង Simulate Design ។ ទំព័រនឹងបើកនៅក្នុងកម្មវិធីរុករកហើយអ្នកអាចសាកល្បងវិធី។ វាក៏នឹងត្រូវបានបន្ថែមទៅផ្នែកខាងឆ្វេងនៃទំព័រដែលអនុញ្ញាតឱ្យមតិយោបល់, ប្លង់វែបសាយប្រសិនបើមានទំព័រច្រើន, សាកល្បងប្រើ, ចែករំលែកផ្ទាល់, ការកែសម្រួលនិងត្រឡប់ទៅផ្ទាំងព័ត៌មាន។
នៅផ្នែកខាងក្រោមនៃទំព័រនេះគឺផ្ទាំងតូចមួយទៀតដែលអនុញ្ញាតឱ្យអ្នកបង្ហាញធាតុអន្តរកម្មបង្ហាញឬលាក់មតិយោបល់និងចែករំលែកតំណគម្រោងជាមួយអ្នកដទៃ។