অ্যাপ ইনভেনটর 2 - ফ্রন্ট টিপস (+4 উদাহরণ): 6 টি ধাপ

2025 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2025-01-23 14:36

আমরা দেখতে যাচ্ছি কিভাবে আমরা AI2 এ আপনার অ্যাপকে সুন্দর করে তুলতে পারি:)

এইবার কোন কোড নেই, একটি মসৃণ অ্যাপের জন্য শুধুমাত্র টিপস যেমন উপরে 4 টি উদাহরণ!

সরবরাহ

ধাপ 1: ভূমিকা

এই নির্দেশিকাটি এমআইটি দ্বারা তৈরি সফটওয়্যার অ্যাপ ইনভেন্টর 2 শেখার বা ব্যবহার করার জন্য প্রত্যেকের জন্য।

MIT AI2 একটি বিনামূল্যে, সহজ এবং আশ্চর্যজনক স্মার্টফোন অ্যাপ ডেভেলপমেন্ট, যা প্রতিটি DIY Arduino বা ইলেকট্রনিক ডিভাইসের জন্য উপযুক্ত। কিন্তু তার সরলতাও তাকে বেশ সীমিত করে তোলে, বিশেষ করে যখন আপনি আপনার অ্যাপকে নান্দনিক দেখানোর চেষ্টা করছেন।

এই নির্দেশের উদ্দেশ্য হল আপনার ভবিষ্যতের অ্যাপের জন্য একটি শীতল ফ্রন্ট তৈরির জন্য আপনাকে কিছু টিপস দেওয়া, যা প্রতিটি ফ্রন্টের মতোই সহজ এবং মার্জিত দেখাবে।

আমরা এমন একটি অ্যাপ তৈরি করতে বুনিয়াদি দেখতে যাচ্ছি যা 4 টি উদাহরণ দেখানো হয়েছে।

চল শুরু করি !

PS: আপনি যদি এই প্রকল্পটি পছন্দ করেন, তাহলে আপনি ক্লাসরুম বিজ্ঞান প্রতিযোগিতায় আমাকে ভোট দিতে পারেন। তোমাকে অনেক ধন্যবাদ !!

PS2: কিছু ইংরেজি ভুল করা হবে, আমাকে ক্ষমা করুন:)

ধাপ 2: ব্যাকগ্রাউন্ড

আমি ফিগমার উপর আরও সৃষ্টি করেছি, একটি ভেক্টরাল ফ্রি সফটওয়্যার, যেমন একটি উন্নত পেইন্ট, যা আপনাকে সহজেই আকৃতি এবং রঙ তৈরি করতে দেয়: এটি খুব স্বজ্ঞাত, আমি এটিকে সুপারিশ করি: www.figma.com!

আপনার সামনে আপনার ফিগমা ব্যবহার করার দরকার নেই, তবে অ্যাপ্লিকেশনটি নিজেই তৈরি করার আগে আমি নকশাটি তৈরি করতে পছন্দ করি।

আপনি ছবিতে দেখতে পাচ্ছেন, পটভূমি খুব নরম হওয়া দরকার, যেহেতু আমরা কিছু বোতাম, ছবি ইত্যাদি রাখতে যাচ্ছি …

আমি আপনার ব্যবহার করা রঙের উপর 30% স্বচ্ছতা এবং শুধুমাত্র 1 টি রঙের পটভূমি সুপারিশ করছি।

ধাপ 3: রং

আপনার পছন্দ করা রং এবং তাদের তীব্রতা একটি অ্যাপে খুবই গুরুত্বপূর্ণ।

আমি যে প্রথম পরামর্শ দিচ্ছি তা হল সর্বাধিক 3 রঙ (+ কালো এবং সাদা) নির্বাচন করা: আমরা এখনও নরম হওয়ার চেষ্টা করছি:)

আমি যে 4 টি উদাহরণ তৈরি করেছি তার জন্য, আমি যে পরামর্শগুলি বেছে নিয়েছি তা এখানে (আপনি ছবিতে তাদের পুনরাবৃত্তি হিসাবেও দেখতে পারেন):

পটভূমি: কোন নরম (হালকা 30% স্বচ্ছতা) সহ একটি নরম এবং হালকা পটভূমি। আপনার বোতামগুলি সংহত করার জন্য এই রঙটি মনে রাখবেন!

শিরোনাম: গা gray় ধূসর রঙের পাতলা লেখা ভালো লাগছে! নিম্নলিখিত উপশিরোনাম এবং পাঠ্যের জন্য, কালো থাকুন, কিন্তু কালো ছায়া পরিবর্তন করুন (ধূসর যখন এটি একটি বড় তথ্য নয়), এবং আপনি যে আকার এবং বৈশিষ্ট্যের সাথে খেলতে পারেন (সাহসী, তির্যক)।

বোতাম: একটি একক রঙ, সাধারণভাবে আপনার পটভূমির রঙ (80-100% স্বচ্ছতা), তারপর এটি শেষ করতে কালো বা সাদা।

স্লাইডারগুলি: তাদের জন্য 2 টি রঙ ব্যবহার করবেন না, বাম দিকে কেবল একটি রঙ এবং কালো ছায়ায় ডান দিক।

এটাই !!

কমই বেশি !!!! খুব বেশি রঙ, আকৃতি এবং আকার ব্যবহার করবেন না, সূক্ষ্ম হোন!

ধাপ 4: স্ক্রিনের ডান প্যারামিটার সেট করুন

অ্যাপ উদ্ভাবক ডিজাইনার অংশের প্রধান পর্দায়, আপনি পর্দার প্রধান বৈশিষ্ট্য নির্বাচন করতে পারেন।

স্ক্রিন 1 -> প্রোপার্টিতে, AI2 থেকে অতিরিক্ত ফ্রেম মুছে ফেলার জন্য নিম্নলিখিত ক্রিয়াটি অনুসরণ করুন যা সত্যিই ভাল দেখায় না ^_

1 - পর্দার ওরিয়েন্টেশন

শুধুমাত্র একটি ওরিয়েন্টেশন বেছে নিন কারণ আপনি যখন এটি চালু করেন তখন অ্যাপ্লিকেশনটি খুব ভালভাবে খাপ খায় না।

আমি পোর্ট্রেট ওরিয়েন্টেশন বেছে নিলাম।

2 - 'শিরোনাম দৃশ্যমান' অক্ষম করুন এবং 3- 'ShowStatusBar' অক্ষম করুন

আমি শিরোনাম এবং স্ট্যাটাস বার নিষ্ক্রিয় করি, কারণ এটি অ্যাপে কিছু বার যোগ করে, যা খুব এসথেটিক নয় (আমার মতে)।

4 - মাত্রা

সাধারণ অ্যাপের মাত্রা 505x320 (উচ্চতা x প্রস্থ)। আপনার ব্যাকগ্রাউন্ড এবং ছবি তৈরির জন্য সেই মাত্রাগুলি মনে রাখবেন (অন্তত একই অনুপাত আছে)! আপনি যদি ফিগমা ব্যবহার করেন, আপনি তাত্ক্ষণিকভাবে আপনার অ্যাপের সঠিক আকার তৈরি করতে পারেন।

5 - সাইজিং

যদি আপনি স্থির চয়ন করেন, তাহলে অ্যাপটি 505x320 আকারের হবে। আপনি যদি প্রতিক্রিয়াশীল নির্বাচন করেন, তাহলে অ্যাপটি আপনার স্মার্টফোনের সাথে মানানসই হবে, কিন্তু সাবধান, আপনাকে আপনার ছবিগুলি মানিয়ে নিতে হবে।

ধাপ 5: এটি কিভাবে করবেন:)

প্রথম উদাহরণ পুনরুত্পাদন করতে, আমরা 3 টি ধাপ অনুসরণ করতে যাচ্ছি (ছবির মতো):

1 - মাত্রা নিন

ফিগমাতে যা চমৎকার তা হল যে আপনি আপনার ফ্রেম এবং বস্তুর আকার দেখতে পাচ্ছেন, তাই আপনি দেখতে পাবেন আপনার বস্তুর আকার কী হবে এবং ফাঁকা! অ্যাপ ইনভেন্টারে ফাঁকাগুলি খুব গুরুত্বপূর্ণ কারণ আমরা অদৃশ্য লেবেল লাগিয়ে সেগুলি তৈরি করতে যাচ্ছি!

2 - শূন্যটি অদৃশ্য লেবেল পূরণ করুন

আপনি দ্বিতীয় ছবিতে দেখতে পাচ্ছেন, আমরা উপযুক্ত আকারের সাথে লেবেল রেখে আমরা যে সামনের অংশটি চাই তা পুনরুত্পাদন করি। তারপরে এটিকে অদৃশ্য দেখান ('দৃশ্যমান' বোতামটি ক্লিক করুন)।

এছাড়াও আপনার আইটেম রাখার জন্য লেআউট -> ব্যবস্থা ব্যবহার করুন

3 - সফটওয়্যারে আপনার বাটন তৈরির চেষ্টা করুন

যখন সম্ভব, AI2 ওয়েবসাইটে আপনার বোতামগুলি তৈরি করুন, সেগুলি উচ্চমানের হবে এবং 'ক্লিকের উপর' ছোট অ্যানিমেশন কিছুটা শীতল হবে:)। যখন আপনি আপনার নিজের বোতাম তৈরি করতে পারবেন না, আপনি অন্য সফ্টওয়্যারে সেগুলি তৈরি করতে পারেন, এবং তারপর এটি একটি চিত্র হিসাবে আমদানি করতে পারেন।

ধাপ 6: ফলাফল:)

বাম দিকে: AI2 তে আমার স্মার্টফোন থেকে একটি স্ক্রিনশট।

ডানদিকে: ফিগমার উপর তৈরি খসড়া।

আমি সত্যিই আশা করি এই নির্দেশিকা আপনাকে AI2 তে দুর্দান্ত অ্যাপ্লিকেশন তৈরি করতে সহায়তা করবে।

দেখার জন্য আপনাকে অনেক ধন্যবাদ। আপনার যদি আরও কিছু পরামর্শ প্রয়োজন হয় তবে দয়া করে আমাকে জানান …

AI2 এর ব্যাকএন্ডে আরেকটি নির্দেশযোগ্য শীঘ্রই মুক্তি পাবে!

আপনার অনুগত, টমাস, টেকনোফ্যাব্রিক থেকে