কীভাবে কোনও অ্যান্ড্রয়েড অ্যাপ ইউআই ডিজাইন করবেন যা সফল হয় না

কিভাবে
। তবে কেন ডেভেলপাররা একই কাজ করতে পারে না?



আগের দিন, যখন অ্যানিমেটেড স্প্ল্যাশ অবতরণ পৃষ্ঠাগুলি এবং অভিনব লেআউটগুলি একটি জিনিস ছিল, তবে তা নিশ্চিত হয়েই একজন পেশাদার ডিজাইনারকে নিয়োগ দেওয়া বোধগম্য হয়েছিল। তবে আজকের ট্রেন্ডটি ন্যূনতম - বা কমপক্ষে ব্যাপকভাবে সরল।

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



আপনি সম্ভবত অনুমান করতে পারেন, তারা এটি পছন্দ করেনি। তারা যে নকশাটি নিয়েছিল তা হ'ল আক্ষরিক অর্থে কয়েকটি ওভারল্যাপিং রঙিন চেনাশোনাগুলির একটি সামান্য লোগো এবং এর নীচে সফ্টওয়্যারটির নাম। লাইক, ফটোশপ কাজের 2 মিনিট। এবং আপনি জানেন কি? আমার একমত ছিল যে এটি আমার চেয়ে ভাল ছিল।



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



এই নিবন্ধে, আমরা আপনার কাছে প্রায় কোনও ডিজাইনিং অভিজ্ঞতা না থাকলেও, মার্জিত অ্যান্ড্রয়েড অ্যাপ্লিকেশন ইউআই / ইউএক্স তৈরির জন্য খুব সহজ কিছু উপায় খুঁজছি।

যদি না আপনি সত্যিই অন্য কিছু চান, উপাদান নকশাকে স্টিক করুন

আপনার অ্যাপ্লিকেশনটির দরকার নেই ' অনন্য ” এবং ' বাকি থেকে দাঁড়িয়ে ' এটি জনপ্রিয় হওয়ার জন্য এবং দেখতে ভাল লাগবে। গুগল এটাই উপাদান নকশা অর্জনের জন্য সেট করে রেখেছেন - অ্যাপ্লিকেশন UI এর জন্য শিল্প জুড়ে একটি মানক এবং তারা খুব ভাল কাজ করেছে। এখানে প্রচুর জনপ্রিয় অ্যাপ্লিকেশন রয়েছে যা মেটেরিয়াল ডিজাইনের সাথে লেগে থাকে - অ্যান্ড্রয়েড অ্যাপ্লিকেশনগুলির কয়েকটি সর্বাধিক নাম যেমন সুইফটকে, নোভা লঞ্চার, টেক্সট্রা এসএমএস, ইউটিউব, কেবল কয়েকটি নাম রাখার জন্য।

ম্যাটেরিয়াল ডিজাইনের মূল ফোকাস একটি শক্ত রঙের প্যালেট সহ কার্ড-ভিত্তিক বিন্যাসে on গুগল শীর্ষ শিল্প নকশাকারীদের সাথে কাজ করেছে, ন্যূনতম নকশা অনুশীলন থেকে প্রচুর উপাদান এনেছে এবং তারপরে পুরো জিনিসটি নিখরচায় প্রকাশ করেছে - যেহেতু ওয়েবসাইট এবং অ্যাপ ডিজাইনের কোর্সগুলি ই-বুক, ভিডিও, ইত্যাদি



মেটেরিয়াল ডিজাইন দিয়ে শুরু করা অবিশ্বাস্যরকম সহজ, এবং এমন কয়েকটি মুঠো সরঞ্জাম রয়েছে যা এটিকে আরও সহজ করে তোলে, যা আমরা নীচে তালিকাবদ্ধ করব:

  • উপাদান থিম সম্পাদক (ম্যাকোস + স্কেচ)
  • উপাদান ডিজাইন রঙ প্যালেট প্লাগ-ইন (ফটোশপ / ইলাস্ট্রেটর)
  • উপাদান ডিজাইন ইউআই কিট পিএসডি (ফটোশপ)
  • অ্যান্ড্রয়েড মেটেরিয়াল ডিজাইন ইউআই কিট ( স্কেচ)
  • উপাদান ইউআই থিম জেনারেটর

এবং যদি আপনার সহজ, মার্জিত মেটালিয়াল ডিজাইনের থিম তৈরির জন্য কিছু অনুপ্রেরণার প্রয়োজন হয় তবে এই তালিকা ব্লগগুলি দেখুন:

রঙের গ্রেডিয়েন্টগুলি আপনি যা ভাবেন তার চেয়ে সহজ

ম্যাটেরিয়াল ডিজাইনের বিকল্পের জন্য, ডলোর গ্রেডিয়েন্টগুলি সহজ, ট্রেন্ডি এবং আকর্ষণীয়। এবং আপনি ভাবতে পারেন যে ডিজাইনাররা সমস্ত রঙে পেইন্টিং করতে, বা চূড়ান্ত গ্রেডিয়েন্ট ডিজাইনে প্রচুর সময় ব্যয় করে। আপনি ভুল হয়ে যাবেন - এটি ফটোশপে 10 সেকেন্ডের মধ্যে করা যেতে পারে।

ফটোশপ গ্রেডিয়েন্ট ইউআইতে 10 সেকেন্ড।

এমনকি কতটা সহজ তা আপনাকে দেখানোর জন্য আমি আপনাকে এর মধ্য দিয়ে চলব।

মোবাইলের জন্য একটি নতুন পিএস প্রকল্প তৈরি করুন ( 1080 x 1920 পিএক্স @ 72 পিপিআই ভাল কাজ করে)

ইউআইজিআরডিয়েন্টস ডট কম - প্রাক-তৈরি গ্রেডিয়েন্টগুলির বৃহত সংগ্রহ।

যাও ইউআইজিগ্রিডেন্টস ডট কম এবং আপনার পছন্দ মতো কিছু সন্ধান করুন।

ইউআইজিগ্রিডেন্ট থেকে রঙের হেক্স মানগুলি অনুলিপি করুন

পূর্বরূপ থেকে উপরে গ্রেডিয়েন্ট রঙগুলি অনুলিপি করুন।

ফটোশপ গ্রেডিয়েন্ট নির্বাচক।

পিএসের খালি স্তরে ডান ক্লিক করুন, এবং মিশ্রিত বিকল্পগুলি> গ্রেডিয়েন্ট ওভারলে যান।

ড্রপ-ডাউন মেনুতে গ্রেডিয়েন্ট প্যাটার্ন পূর্বরূপে সরাসরি ক্লিক করুন - ড্রপডাউন বোতামে ক্লিক করবেন না। গ্রেডিয়েন্টে সরাসরি ক্লিক করা রঙ সম্পাদকটি খুলবে।

ইউআইজিগ্রডিয়েন্ট থেকে পিএস গ্রেডিয়েন্ট সরঞ্জামে ইনপুট হেক্স্স মানগুলি।

এখন কেবল ইউআইজিগ্রিডেন্ট থেকে কালার হেক্স মানগুলি পিএস গ্রেডিয়েন্ট এডিটর হিসাবে পেস্ট করুন।

প্রয়োজনীয় হিসাবে সামঞ্জস্য করুন। আপনার অ্যান্ড্রয়েড অ্যাপ্লিকেশনটির জন্য এখন পেশাদার গ্রেডিয়েন্ট পটভূমি রয়েছে।

অন্যান্য গ্রেডিয়েন্ট সরঞ্জামগুলি চেক আউট মূল্যবান:

জেপিজি / পিএনজির পরিবর্তে এসভিজি ব্যবহার করুন

আপনার গ্রাফিকাল উপাদানগুলির জন্য পিএনজি বা জেপিজি ব্যবহার করার পরিবর্তে (বোতাম, লোগো ইত্যাদি) আপনার অবশ্যই সত্যিকারের এসভিজি ব্যবহার করা উচিত ( স্কেলেবল ভেক্টর গ্রাফিক্স) পরিবর্তে. এর কারণ, এসভিজিগুলিকে গুণমান না হারিয়েই পুনরায় আকার দেওয়া যেতে পারে - উদাহরণস্বরূপ, আপনি যদি কোনও জেপিজিকে একটি বড় মানের কাছে নিয়ে যান, তবে এটি গুণটি হারাবে এবং অস্পষ্ট / পিক্সেলেটেড হয়ে যায়। একটি এসভিজি করে না। লোকেরা বিশাল পিএনজি ফাইলগুলি ব্যবহার করার চেষ্টা করবে যা সেগুলি হবে ডাউনস্কেলড অ্যান্ড্রয়েড স্ক্রীন ফিট করতে - পরিবর্তে, আপনি যে ছোট এসভিজি ব্যবহার করতে পারেন upscaled মানের কোনও ক্ষতি ছাড়াই।

ওয়ারক্রাফ্টের বিশ্ব 3 ডি ত্বরণ শুরু করতে অক্ষম ছিল

তদ্ব্যতীত, এসভিজিগুলি আপ হতে পারে পিএনজির চেয়ে ফাইল আকারে 60% থেকে 80% ছোট । এর অর্থ আপনার অ্যাপ্লিকেশন বা মোবাইল ওয়েবসাইটটি ব্যবহারকারীর জন্য দ্রুত লোড হবে এবং স্ক্রিনের রেজোলিউশন কোনও কারণই নয় good

থিম.অ্যাপকম্প্যাট.ডাইনাইট ব্যবহার করে একটি গা D় মোড অন্তর্ভুক্ত করুন

আপনার অ্যাপ্লিকেশনটিতে একটি অন্ধকার / রাতের মোড থিম অন্তর্ভুক্ত করতে আপনাকে দুটি পৃথক থিম ডিজাইন করার দরকার নেই। এটি প্রায় অনেকটা অ্যাপকম্প্যাট লাইব্রেরিতে নির্মিত, আপনাকে কেবল এটি সক্ষম করতে হবে এবং মানগুলি সম্পাদনা করতে হবে।

অ্যাপলিকাল গাইড দেখুন ' আপনার অ্যান্ড্রয়েড অ্যাপে কীভাবে একটি অন্ধকার মোড প্রয়োগ করবেন ”।

একটি টেম্পলেট বা মোবাইল ইউআই কিট ব্যবহার করুন

যদি আপনার অ্যাপটি কল্পনাপ্রসূত, কাস্টমাইজড জিইউআই না কল করে, তবে টেমপ্লেট বা কিট ব্যবহারের ক্ষেত্রে কোনও ভুল নেই। টেমপ্লেট এবং কিটগুলি অনুপ্রেরণীয় গাইডলাইন হিসাবে ব্যবহার করা যেতে পারে, বা আপনি আক্ষরিক অর্থে টেম্পলেট / কিটটিকে যেমন ব্যবহার করতে পারেন তেমনি নিজের বোতাম এবং স্টাফ যুক্ত করতে পারেন।

অ্যান্ড্রয়েড ইউআই টেম্পলেট এবং কিটগুলির জন্য কিছু দুর্দান্ত সংস্থান:

  • স্পেককিবয় - আইওএস এবং অ্যান্ড্রয়েডের জন্য 50 বিনামূল্যে মোবাইল ইউআই কিটস
  • স্কেচ অ্যাপসোর্সগুলি - Android UI অ্যাপ সংস্থানসমূহ ( স্কেচ)
  • ফ্রিবিসবাগ - পিএসডি ইউআই কিটস ( ফটোশপ)
ট্যাগ অ্যান্ড্রয়েড বিকাশ 4 মিনিট পঠিত