09 এর 01
কিভাবে নিজেকে UXPin সঙ্গে শুরু পেতে
হিসাবে আমরা মোবাইল ডিজাইনার বাস্তবায়নে সরানো, অ্যাপ্লিকেশন নকশা এবং প্রতিক্রিয়াশীল নকশা UX (ব্যবহারকারীর অভিজ্ঞতা) এবং wireframing , পারস্পরিক প্রোটোটাইপিং এবং mockups উপর ক্রমবর্ধমান ফোকাস হয়েছে। এই কুলুঙ্গি লক্ষ্যবস্তু সেখানে সেখানে একটি টন সরঞ্জাম আছে এবং তারা জটিল, বৈশিষ্ট্য লাদেন behemoths থেকে স্পর্শ এবং সবে দরকারী দরকারী থেকে পূর্ণ চক্র চালানো। আমার চোখ ধরা হয়েছে যে একটি সরঞ্জাম UXPin সহজভাবে কারণ এটি ডিজাইনারদের জন্য ডিজাইনার দ্বারা উন্নত ছিল।
আমরা এগিয়ে যাওয়ার আগে ... একটি সাজা যদি আপনার একটি প্রতিষ্ঠান যা সফ্টওয়্যার মালিক পছন্দ করে তবে UXPin আপনার জন্য নয়। এই অ্যাপ্লিকেশন সম্পন্ন সমস্ত কাজ ব্রাউজারে সম্পন্ন করা হয় এবং আপনি সংরক্ষণ প্রকল্প আপনার একাউন্টে সংরক্ষিত হয়।
UXPin দিয়ে শুরু করতে আপনি একটি ব্রাউজার চালু করুন এবং UXPin এ যান। এখানে থেকে আপনি একটি বিনামূল্যে ট্রায়াল জন্য সাইন আপ করতে পারেন বা আপনার আনুমানিক প্রয়োজন উপর ভিত্তি করে একটি মাসিক পরিকল্পনা জন্য ব্যবস্থা করতে পারেন। সাইন আপ প্রক্রিয়াটি বেশ সহজ এবং আপনি একবার আপনার ইউজার নেম এবং পাসওয়ার্ড সেট করেছেন, আপনার শুরু করার জন্য প্রস্তুত।
02 এর 09
UXPin এ একটি প্রকল্প শুরু কিভাবে
যখন আপনি লগ ইন করবেন তখন আপনি ড্যাশবোর্ডে পৌঁছান এবং এখানে থেকে আপনি একটি নতুন ওয়্যারফ্রেম, একটি নতুন মোবাইল প্রকল্প বা একটি রেসকিউ ওয়েব ডিজাইন প্রকল্প তৈরির সিদ্ধান্ত নিতে পারেন। UXPin- এর জন্য প্লাগ-ইন রয়েছে যা আপনাকে আপনার ফটোশপ বা স্কেচ প্রকল্পগুলিতে আনতে অনুমতি দেবে। এই জন্য কিভাবে আমি কিছু টেক্সট সঙ্গে একটি ব্যানার তৈরি করতে যাচ্ছি এবং ব্যানার একটি ইমেইল বাটন যুক্ত করা। এটি সম্পন্ন করার জন্য আমি একটি নতুন ওয়্যারফ্রেম তৈরি করেছি।
09 এর 03
UXPin ইন্টারফেস কিভাবে ব্যবহার করবেন
ডিজাইন সারফেস চারটি অঞ্চলে বিভক্ত। বামের কালো অঞ্চলে সরঞ্জামগুলির একটি ধারাবাহিকতা রয়েছে যা আপনাকে ড্যাশবোর্ডে ফিরিয়ে আনতে পারে, আপনি যে উপাদানগুলি ব্যবহার করবেন তা খুলুন, স্মার্ট এলিমেন্ট প্যানেল খুলুন, উপাদানগুলির সন্ধান করুন, পৃষ্ঠায় নোট যুক্ত করুন এবং টিম সদস্যদের যোগ করুন নীচে একটি বোতাম রয়েছে যা একটি সংক্ষিপ্ত টিউটোরিয়ালটি খুলবে, অন্যটি আপনাকে আপনার অ্যাকাউন্ট অ্যাক্সেস করতে দেবে এবং অন্য যে FAQ এর অ্যাক্সেস করবে, আপনি প্রশ্নগুলি জিজ্ঞাসা করুন এবং প্রতিক্রিয়া প্রদান করুন।
শীর্ষে নীল এলাকায় সরঞ্জাম এবং বৈশিষ্ট্য একটি সিরিজ হয়। ডান দিকে গাঢ় বোতাম আপনি আপনার নকশা পুনরুক্তি, প্রকল্প সেটিংস সামঞ্জস্য, পৃষ্ঠা ভাগ এবং পৃষ্ঠার একটি ইন ব্রাউজার সিমুলেশন করতে পারবেন।
এলিমেন্টস প্যানেলটি যেখানে আপনি ডিজাইন সারফেসের জন্য বিট এবং টুকরাগুলি ধরেন, আপনার প্রোজেক্টটি নাম দিন এবং পৃষ্ঠা যোগ করুন বা সরান।
এলিয়েটস লাইব্রেরীটি ইউএক্স ডিজাইনারদের জন্য একটি চমত্কার অবয়ব। এই পপ ডাউন আপনি iOS থেকে অ্যানড্রইড Lolipop থেকে 30 পছন্দের লাইব্রেরি থেকে বেছে নিতে পারেন এছাড়াও আপনি ফন্ট ভীতিকর আইকন, মোবাইল জন্য অঙ্গভঙ্গি আইকন এবং সামাজিক উইজেট একটি সংগ্রহ সঙ্গে বুটস্ট্র্যাপ এবং ফাউন্ডেশন উপাদান অ্যাক্সেস আছে পাশাপাশি।
04 এর 09
কিভাবে একটি UXPin পৃষ্ঠা একটি উপাদান যোগ করুন
শুরু করার জন্য আমি বাক্সের উপাদানকে নকশা পৃষ্ঠায় টেনে আনলাম এবং, যখন আমি মাউসটি ছেড়ে দিই তখন প্রোপার্টিজ প্যানেলটি প্রর্দশিত হবে। বৈশিষ্ট্যাবলী বোতামটি আপনাকে উপাদানটির নাম দিতে এবং উপাদানটির প্রস্থের উচ্চতা এবং অবস্থানের মান সেট করতে দেয়। আপনি উপাদান প্যাডিং যোগ করতে পারেন, কোণগুলি বন্ধ এবং তার অপাসিটি সমন্বয়। ব্যাকগ্রাউন্ড কালার বোতামটি ক্লিক করলে একটি RGBA রঙ চয়নকারী খোলে।
আপনি নির্বাচিত উপাদানটিতে একটি ফন্ট, সীমানা এবং প্যাটার্ন বরাদ্দ করতে পারেন। বাজানো বোল্ট আপনাকে নির্বাচিত উপাদানটিতে ইন্টারঅ্যাক্টিভামি যোগ করার ক্ষমতা প্রদান করে।
05 এর 09
UXPin এ কিভাবে এবং যোগ করুন টেক্সট বিন্যাস
পাঠ্য যোগ করতে, টেক্সট উপাদানটি নকশা পৃষ্ঠায় টেনে আনুন এবং আপনার পাঠ্যটি লিখুন। ফন্ট বৈশিষ্ট্যাবলী খুলতে এবং আপনার পাঠ্য ফর্ম্যাট করতে টেক্সট সম্পদ বোতামটি ক্লিক করুন । যদি আপনি ডামি টেক্সট একটি ব্লক প্রয়োজন, একটি টেক্সট উপাদান যোগ করুন এবং ফন্ট বৈশিষ্ট্যাবলী মধ্যে নির্মাণ লোম আইপিএসাম বোতাম ক্লিক করুন।
06 এর 09
কিভাবে একটি UXPin পৃষ্ঠা একটি ইমেজ যোগ করুন
এই টাস্ক সম্পন্ন করার কয়েকটি উপায় আছে। আপনি টুলবারে চিত্র টুলটি ব্যবহার করতে পারেন, লাইব্রেরির একটি চিত্র উপাদান যুক্ত করতে পারেন বা উপরে দেখানো হিসাবে নকশা পৃষ্ঠার উপাদানটিতে আপনার ডেস্কটপ থেকে ছবিটি ড্র্যাগ এবং ড্রপ করুন।
09 এর 07
কিভাবে একটি UXPin পৃষ্ঠা একটি বোতাম যোগ করুন
যদিও একটি বাটন উপাদান আছে, অনুসন্ধান ক্ষেত্রের মধ্যে " বোতাম " লিখুন, উপরে দেখানো হয়েছে, সব লাইব্রেরিতে পাওয়া সমস্ত বোতাম খুলেছে নকশা পৃষ্ঠায় আপনার জন্য কাজ করে এমন একটিকে টানুন এবং রং, ফন্ট এবং এমনকি বর্ডার ব্যাসার্ধ পরিবর্তন করতে বৈশিষ্ট্যের ব্যবহার করুন। বোতামের ভিতরে পাঠ্য পরিবর্তন করতে, পাঠ্যটি একবার ক্লিক করুন এবং নতুন পাঠ্যটি লিখুন।
09 এর 08
কিভাবে একটি UXPin পৃষ্ঠা এ ইন্টারঅ্যাক্টিভেশন যোগ করুন
এটি প্রথম প্রদর্শিত হতে পারে যতটা জটিল নয়। ইমেল ইনপুটের জন্য, আমি একটি ইনপুট উপাদান যুক্ত করেছি, এটি পুনরায় আকার পরিবর্তন করেছি, লেখাটি প্রবেশ করেছি এবং পাঠ্য ফর্ম্যাট করেছি। নির্বাচিত ইনপুট উপাদানটি দিয়ে বৈশিষ্ট্যাবলী বোতামটি ক্লিক করুন এবং, যখন এলিমেন্টের বৈশিষ্ট্যাবলী উপস্থিত হয় তখন প্যানেলের ডানদিকের ডান কোণে - দৃশ্যপট বোতাম- দ্য ডাবল ক্লিক করুন।
বোতামটি নির্বাচন করুন এবং ইন্টারঅ্যাকশন বাটন ক্লিক করুন - লাইটনিং বোল্ট- বৈশিষ্ট্যগুলিতে। যখন ইন্টারঅ্যাকশন প্যানেলটি খোলে, নতুন ইন্টারঅ্যাকশন নির্বাচন করুন। ট্রাইগার পপ ডাউন থেকে ক্লিক করুন নির্বাচন করুন অ্যাকশন এলাকাটিতে এলিয়াম নির্বাচন করুন নির্বাচন করুন। আপনি এখন যা এলিমেন্ট প্রদর্শন করতে জিজ্ঞাসা করা হবে। বন্দুক নিয়ে একবার ক্লিক করুন এবং ইনপুট উপাদান ক্লিক করুন উপাদান সনাক্ত করা সঙ্গে, আপনি এখন উপাদান অ্যানিমেশন না তা নির্ধারণ করতে পারেন এই ক্ষেত্রে আমি ইনপুট বাক্সটি নিখুঁতভাবে দেখানোর সিদ্ধান্ত নিয়েছিলাম এবং 300 সেকেন্ডের ডিফল্ট দৈর্ঘ্যের মান দিয়ে চলেছি।
আমি ক্লিক করার সময় ডানদিকে 65 পিক্সেলের উপরে বোতামটি চালাতে চাই। আমি বোতামটি নির্বাচন করেছি, ইন্টারঅ্যাকশন প্যানেল খোলা এবং নতুন ইন্টারঅ্যাকশন নির্বাচন করেছি। আমি এই সেটিংস ব্যবহার:
- ট্রিগার : ক্লিক করুন
- কর্ম: সরান দ্বারা
- দিকনির্দেশ সরান : x অক্ষ xx 65 পিক্স
- অ্যানিমেশন : রৈখিক
- স্থিতিকাল: 300 এমএস
একটি মিথস্ক্রিয়া অপসারণ উপাদান নির্বাচন করুন এবং ইন্টারঅ্যাকশন প্যানেল খুলুন। প্যানেলে ইন্টারঅ্যাকশন নির্বাচন করুন এবং এটি মুছে ফেলার জন্য ট্র্যাশ ক্যান ক্লিক করুন।
09 এর 09
UXPin আপনার পৃষ্ঠা পরীক্ষা কিভাবে
আপনি ব্রাউজারে কাজ করছেন সত্যতার কারণে, টেস্টিং মৃত সহজ। সিমুলেশন ডিজাইন বোতামটি ক্লিক করুন পৃষ্ঠা ব্রাউজারে খোলা হবে এবং আপনি উপায় পরীক্ষা করতে পারেন। এছাড়াও পাতাটির বাম পাশে একটি প্যানেল যোগ করা হবে যা মন্তব্যের জন্য, একটি সাইট ম্যাপ যদি সেখানে একাধিক পৃষ্ঠা, ইউজিয়েটিভ টেস্টিং, লাইভ শেয়ারিং, সম্পাদনা এবং ড্যাশবোর্ডে ফেরত দেওয়া হয়।
পৃষ্ঠার নীচের অংশে আরেকটি ছোট প্যানেল রয়েছে যা আপনাকে ইন্টারেক্টিভ উপাদানগুলি দেখায়, মন্তব্যগুলি দেখায় বা লুকায় এবং অন্যদের সাথে প্রকল্প লিঙ্ক ভাগ করে দেয়।