প্রিন্সিপাল বনাম অ্যাটমিকের সাথে প্রোটোটাইপিং

দিনের জন্য প্রোটোটাইপিং

সাম্প্রতিক বছর বা তার পরে (ম্যাসিওতে যোগদানের পর থেকে) আমরা দেখলাম যে আমাদের ঘন বিকাশমান শিল্পের চাহিদা থেকে প্রচুর উদার এবং সহায়ক প্রোটোটাইপ সরঞ্জাম উদ্ভূত হয়েছে।

এই নিবন্ধটি এই সমস্ত দুর্দান্ত এবং বিভিন্ন সরঞ্জামের সাথে তুলনা করার মতো নয়, এটি আমরা মোসিতে যে দুটি অ্যাপ্লিকেশন ব্যবহার করি তা কেবল তুলনা করে। এগুলি একতরফা পরিষেবাটি শেখার এবং অফার করা সবচেয়ে সহজ বলে মনে হয় যা কেবল প্রোটোটাইপিং (ওয়্যারফ্রেমিং, মকআপস এবং অন্যান্য বৈশিষ্ট্যগুলির সাথে বান্ডিল নয়)।

আমার লক্ষ্যটি হ'ল আমি যা অভিজ্ঞতা অর্জন করেছি তার ভিত্তিতে এই অ্যাপ্লিকেশনগুলিতে কেবল আলো জ্বালানো এবং আশা করি আপনাকে নতুন কিছু শেখানো হবে :)

প্রোটোটাইপগুলির প্রকার

এখানে 3 টি প্রধান বিভাগ রয়েছে যা আমি বলব যে বেশিরভাগ, না থাকলে, প্রোটোটাইপিং সরঞ্জামগুলির মধ্যে পড়বে:

  1. ফ্ল্যাট স্ক্রিন-টু-স্ক্রিন (ইনভয়েশন, মার্ভেল, ফ্লিন্টো, জাস্টিনমাইন্ড) - আপনার ডিজাইন করা বা ওয়্যারফ্রেমেড এমন একটি সম্পূর্ণ ওয়েবসাইট যদি আপনি তৈরি করেন এবং পৃষ্ঠার প্রোটোটাইপে ক্লিকযোগ্য একটি পৃষ্ঠা তৈরি করতে চান তবে এটি দুর্দান্ত। এটি সাধারণত খুব বেসিক। ইনভিশন ওভারলেগুলি সরবরাহ করে যা আপনাকে আপনার স্ক্রিনে নির্দিষ্ট উপাদান স্তরগুলির উপরে আরও নিয়ন্ত্রণ দেয়।
  2. স্তরযুক্ত (মূলনীতি, পরমাণু, আফটার প্রভাব, পিক্সেট, প্রোটো.ইও) - আপনি যদি আপনার প্রোটোটাইপটিতে আরও কিছুটা বিশ্বস্ততা চান তবে আপনি এই অ্যাপ্লিকেশনগুলি ব্যবহার করবেন। সাধারণত আপনি যদি কোনও একক পৃষ্ঠাগুলি না দিয়ে একাধিক স্তর নিয়ে কোনও রূপান্তর বা একধরণের চলাচলে আরও বিশদ প্রদর্শন করতে চান show
  3. কোডেড (ফ্রেমার.জেএস, অরিগামি, ইত্যাদি) - এটি আমার লিগের বাইরে কিছুটা। তবে এটি মূলত প্রকৃত কোড সহ প্রোটোটাইপ তৈরি করছে। এটি আপনি ফাইনাল পণ্যটির নিকটতম নিকটতম এবং আমার বিশ্বাস আপনি এমনকি কিছু কোড পুনরায় ব্যবহার করতে পারেন। আমি ফ্রেম এবং অরিগামি দিয়ে চারপাশে ঝাঁকিয়ে পড়েছি কিন্তু কোড সম্পর্কে এমন কিছু আছে যা আমার মধ্যে ছোট ডিজাইনারকে ভয় দেখায়।
নীতিগত এবং পরমাণু উভয়ই # 2 বিভাগের অধীনে আসে।

আমরা কি শুরু করব?

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

  1. অটো অ্যানিমেট - আপনার স্ক্রিনএ তৈরি হয়ে গেলে, আপনি এটির সদৃশ করুন, তাকে স্ক্রিন বি বলুন যা আপনি স্ক্রিন বিতে যা কিছু পরিবর্তন করুন তা স্বয়ংক্রিয়ভাবে প্রাণবন্ত হয়ে উঠবে তখন আপনি সময়, শিথিলকরণ এবং স্তর শৈলীগুলিকে সূক্ষ্ম-টিউন করুন (অস্বচ্ছতা, আকার, আবর্তন ইত্যাদি)
  2. ছোট লার্নিং কার্ভ - এই অ্যাপ্লিকেশন দুটিই হ্যাং পেতে তুলনামূলকভাবে সহজ। আপনি যদি এটিতে খুব নতুন হন তবে অধ্যক্ষের স্কেচ / ম্যাক অ্যাপ্লিকেশনগুলির অনুভূতি রয়েছে I নীতিমালায় ড্রাইভার বিভাগটি আপনার মনকে চারপাশে গুটিয়ে রাখা আরও চ্যালেঞ্জিং তাই আপনার এখনই শিখতে হবে বলে মনে করবেন না।
  3. ইজিং, টাইমিং এবং স্টাইল কন্ট্রোল - খুব গুরুত্বপূর্ণ এবং উভয়ই এটি ভাল করে
  4. স্কেচ শর্টকাট কী - আমি একটি শর্টকাট (হটকি) মাস্টার, আমি আমার কর্মপ্রবাহকে গতি বাড়ানোর জন্য শর্টকাট শেখা পছন্দ করি। আশ্চর্যজনকভাবে, এই উভয় অ্যাপ্লিকেশন স্কেচ থেকে আসা প্রত্যাশা মতো একই শর্টকাট কী ব্যবহার করে।

মূল অ্যাপ্লিকেশন

নীতিমালা একটি আশ্চর্যজনক ডেস্কটপ অ্যাপ্লিকেশন যার একটি পরিচিত স্কেচ অ্যাপ্লিকেশন ইন্টারফেস রয়েছে যা শিখতে এবং নেভিগেট করা সহজ করে। সামগ্রিকভাবে এটি দ্রুত, মসৃণ এবং স্বাধীন বোধ করে (আপনার ইন্টারনেটে নির্ভর করার দরকার নেই)।

তাদের অফিসিয়াল সাইট

শক্তিশালী বৈশিষ্ট্য

  1. নেটিভ অ্যাপ্লিকেশন - স্থানীয়ভাবে ইনস্টল করা এটিকে মসৃণ এবং আরও নির্ভরযোগ্য করে তোলে।
  2. স্কেচ আমদানি - এটি এতটা সহজ ... আমদানি করুন এবং প্রোটোটাইপিং শুরু করুন।
  3. রেকর্ড / এক্সপোর্ট - আপনার প্রোটোটাইপটি শেষ করার পরে আপনি রেকর্ড বোতাম টিপতে এবং ক্লিক করতে এবং সোয়াইপ করতে শুরু করতে পারেন। আপনার কাজ শেষ হয়ে গেলে আপনি .GIF বা .MOV হিসাবে রফতানি করতে পারেন
  4. ড্রাইভার - এটি একটি বড় এক! আপনি অ্যানিমেশনগুলিকে একটি পৃষ্ঠা সন্নিবেশ করতে পারেন (উদা: যখন উপরে স্ক্রোল করার সময়) কেবলমাত্র পৃষ্ঠা থেকে অন্য পৃষ্ঠায় স্থানান্তরিত করার সময়।
  5. মোবাইল পূর্বরূপ - আপনি আপনার ফোনে সরাসরি প্রোটোটাইপটি খুলতে পারেন এবং এটি কেমন অনুভূত হয় তা অনুভব করতে শুরু করতে পারেন। পরিবর্তনগুলি তাত্ক্ষণিকভাবে প্রদর্শিত হয়।
  6. মূল্য নির্ধারণ - নীতিগত মূল্য নির্ধারণ দীর্ঘমেয়াদী শর্তাবলী, পারমাণবিক সহ vs 99 বনাম $ 25 / mo 4 মাসের মধ্যে নীতিমালা নিজেই মূল্য পরিশোধ করবে।
  7. সম্প্রদায় - মনে হয় এখানে বৃহত্তর নীতিগত সম্প্রদায় রয়েছে যেখানে লোকেরা তাদের কাজ ভাগ করে এবং অ্যাটমিকের তুলনায় প্রশ্ন (ফেসবুক, ইত্যাদি) জিজ্ঞাসা করে, তবে আমি সত্যিই এটি খুঁজিনি।

জিনিসগুলি এটি অভাব

  1. ওয়েবের মাধ্যমে প্রোটোটাইপ ভাগ করুন - আমার বেশিরভাগ প্রকল্পগুলি WEB সম্পর্কিত, বর্তমানে কোনও লিঙ্কের মাধ্যমে ক্লিকযোগ্য প্রোটোটাইপ ভাগ করার উপায় নেই share পারমাণবিক এটি খুব ভাল করে।
  2. ফ্রেম-বাই-ফ্রেম অ্যানিমেটার পূর্বরূপ - আমি সম্পূর্ণরূপে এই ধাপটি তৈরি করেছি, তবে অ্যানিমেশনটি কীভাবে কার্যকর হয় তা দেখতে আমি আমার কর্সারের সাহায্যে অ্যানিমেশনটি বাম / ডানে স্থানান্তরিত করতে সক্ষম হতে চাই। বর্তমানে আমি কেবল রিয়েল টাইমে প্রাকদর্শন উইন্ডোর মধ্যেই অ্যানিমেশনটি দেখতে পাচ্ছি (চিন্তাভাবনা পরে আপনি কোনও ফ্রেমে যেতে পারেন)

আমার দ্বারা নীতিমালা দ্বারা নির্মিত:

আমি বেভসের জন্য একটি পণ্য নির্বাচনকারী তৈরি করেছি। এটি একটি সাধারণ ধারণা এবং এটি তৈরি করতে প্রায় এক ঘন্টা সময় লেগেছিল।

উত্স লিঙ্ক

ম্যাসিওর পুনরায় নকশাকালীন, আমি হোম পৃষ্ঠা থেকে কেস স্টাডি পৃষ্ঠায় কিছু সংকেত ধারণা নিয়ে খেলার সুযোগ পেয়েছি।

উত্স লিঙ্ক

পিটার ডেল্টনডোর মূল নকশা ব্যবহার করে, আমি এটিকে আরও একধাপ এগিয়ে নিয়ে যাওয়ার এবং অ্যানিমেশনটি কীভাবে কাজ করবে তা কল্পনা করার সুযোগ পেয়েছিলাম। প্রায় তিন ঘন্টা সময় নিয়েছে (প্রথম প্রকল্প)

উত্স লিঙ্ক

পারমাণবিক অ্যাপ

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

তাদের অফিসিয়াল সাইট

শক্তিশালী বৈশিষ্ট্য

  1. ভাগ করুন & প্রতিক্রিয়া - একটি সহজ লিঙ্ক তৈরি করে সহজেই আপনার ক্লিকযোগ্য প্রোটোটাইপটি যে কারও সাথে ভাগ করুন। এরপরে ব্যবহারকারীরা নির্দিষ্ট প্রতিক্রিয়া জানাতে প্রতিটি স্ক্রিনে মন্তব্য করতে পারবেন।
  2. মেঘ ভিত্তিক - আপনি ওয়েব অ্যাপের ভিতরে আপনার প্রোটোটাইপ তৈরি করেন। সবকিছু মেঘে রয়েছে, যে কোনও সময় এবং যে কোনও জায়গায় অ্যাক্সেস করতে পারে (ইন্টারনেটের প্রয়োজন হয়)।
  3. অ্যানিমেশন ফ্রেম-বাই ফ্রেম - পর্দা থেকে স্ক্রিনে অ্যানিমেশনগুলি তৈরি করা পরমাণুতে সহজতর বলে মনে হয়। অ্যানিমেশনটি দেখতে কেমন তা আপনি দেখতে পাবেন, অনুমান করার দরকার নেই। এছাড়াও সহজে কাজ করা সহজ বলে মনে হচ্ছে।
  4. কাস্টম হরফ - এটি মোটামুটি নতুন বৈশিষ্ট্য যা আপনাকে নিজের ফন্টগুলিতে আপনার প্রোটোটাইপ ব্যবহার করতে দেয়। এটি ওয়েব অ্যাপ্লিকেশনটির জন্য সত্যই ভাল তবে নীতিমালা সহ আপনার স্থানীয়ভাবে ফন্টে ইতিমধ্যে অ্যাক্সেস রয়েছে।
  5. ইতিহাস স্লাইডার - আমি প্রায়শই এই বৈশিষ্ট্যটি ব্যবহার করি না তবে এটি সেখানে রয়েছে তা জেনে রাখা ভাল। আমি ফিরে যেতে চাইলে বা ডিজাইনটি কীভাবে বিকশিত হয়েছিল কেবল তা দেখতে চাইলে আমি দ্রুত পূর্ববর্তী সংস্করণগুলিতে ফিরে যেতে পারি।
  6. প্রোজেক্ট ম্যানেজমেন্ট - আপনার সমস্ত প্রকল্প এবং উপ-প্রকল্পগুলি দুর্দান্তভাবে সুসংহতভাবে দেখে খুব সহজেই, খুব সহজেই কিছু খুঁজে পাওয়া যায়।
  7. গ্রাহক পরিষেবা- মনে হয় যখন আমি একটি সাধারণ প্রশ্ন জিজ্ঞাসা করি তখন পরমাণু আরও সামাজিকভাবে সক্রিয় এবং দ্রুত প্রতিক্রিয়ার সময় হয়। কোনও সমস্যা নির্ণয় করতে সহায়তা করার জন্য তারা আসলে আমার প্রকল্পটির সদৃশ করেছে!
  8. কনস্ট্যান্ট আপডেট - একটি জিনিস আমি লক্ষ্য করেছি যে অ্যাপটিতে নিয়মিত আপডেট এবং সংশোধন রয়েছে। তারা ক্রমাগত উন্নতি এবং উদ্ভাবন করা হয়। আমি কয়েকটি বৈশিষ্ট্য প্রস্তাব করেছি যা তারা ইতিমধ্যে কার্যকর করেছে !!!

জিনিসগুলি এটি অভাব

  1. নেটিভ অ্যাপ্লিকেশন - আমার কাছে, একটি নেটিভ অ্যাপ্লিকেশন থাকার উপকারিতা রয়েছে। এটি কেবল মসৃণ সামগ্রিক এবং কম বগী বোধ করে। দু'জনেই দুর্দান্ত!
  2. রফতানি / রেকর্ড - এটিও বেশ গুরুত্বপূর্ণ বলে মনে হচ্ছে ... বর্তমানে আমার প্রোটোটাইপটি প্রদর্শন করতে আমাকে তৃতীয় পক্ষের সরঞ্জাম দিয়ে আমার স্ক্রিনটি রেকর্ড করতে হবে। তবে এটি যখন একটি ভাগের লিঙ্ক ছিল তখন ভাল হয় যখন আমার দ্রুত একটি ধারণা ভাগ করে নেওয়া দরকার!
  3. কোনও স্কেচ আমদানি নেই - এটি সম্পূর্ণরূপে কিছুটা সময় সাশ্রয় করবে… এটির সুপার ডুপারের প্রয়োজনীয়তা আমার মনে হয় না, কারণ জিনিসগুলি অনুলিপি করা এবং আটকানো মোটামুটি দ্রুত E কোনওভাবেই ঝরঝরে হবে।
    আপডেট: স্কেচ আমদানি খুব শীঘ্রই আসছে
  4. কোনও চালক নেই - একটি সহজ ধারণা চিত্রিত করার জন্য, আপনাকে বিশদে getোকার দরকার নেই… তাই সম্ভবত এটি প্রয়োজনীয় হবে না এবং কেবল পরিষ্কার দিকের বিশৃঙ্খল হতে পারে

আমার দ্বারা পরমাণু দিয়ে নির্মিত:

এটি ছিল ম্যাসিওর ওয়েবসাইটগুলির নতুন নতুন ডিজাইনগুলির একটির পূর্ব ধারণা। আমি মেনু এবং পৃষ্ঠা রূপান্তর অন্বেষণ। এটি তৈরি করতে প্রায় 2 ঘন্টা সময় নিয়েছে।

উত্স লিঙ্ক

সময়সূচী আইওএস অ্যাপ্লিকেশনের জন্য সাইড মেনু নেভিগেশন রূপান্তর। এটি নির্মাণে প্রায় 30 মিনিট সময় নিয়েছিল।

উত্স লিঙ্ক

আমি বেভসের জন্য একটি পণ্য নির্বাচনকারী তৈরি করেছি। এটি একটি সাধারণ ধারণা এবং এটি তৈরি করতে প্রায় এক ঘন্টা সময় লেগেছিল।

উত্স লিঙ্ক

চূড়ান্ত বিবৃতি

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

আপনার লোকেরা যদি কোন প্রশ্ন থাকে বা আমাকে মনে হয় আমি কিছু গুরুত্বপূর্ণ উপাদান মিস করেছি!

পড়ার জন্য ধন্যবাদ এবং আশা করি আপনি আপনার সপ্তাহটি উপভোগ করবেন।

ম্যাসিও / আমাদের কাজ পরীক্ষা করে দেখুন