মেটেরিয়াল ডিজাইন: আজকের ওয়েব ডিজাইনের একটি চেহারা

উপাদান-নকশা

গুগল I / O সম্মেলনে গুগল বিকাশ ও ঘোষণা করার প্রায় দুই বছর হয়ে গেছে মেটারিয়াল ডিজাইন ডিজাইনের নিয়ন্ত্রণ হিসাবে এটি কার্যকর করা হবে এবং যদিও প্রথমে এটি অ্যান্ড্রয়েড অপারেটিং সিস্টেমের বিষয়বস্তুর প্রজননে মনোনিবেশ করা হয়েছিল, ওয়েবে এবং যে কোনও প্ল্যাটফর্মে এটি একটি ট্রেন্ড হয়ে ওঠার লক্ষ্য ছিল, যা আমরা আজ নিশ্চিত করতে পারি। যদিও আমরা এটি উপলক্ষে উল্লেখ করেছি, সত্য হ'ল আমরা কখনই এই এনকোডিংটিকে গভীরতার সাথে দেখতে দেখতে থামিনি, তাই আজ আমরা এর নীতিগুলি এবং এর সর্বাধিক বৈশিষ্ট্যযুক্ত বৈশিষ্ট্যগুলি পর্যালোচনা করতে যাচ্ছি।

উপাদান ডিজাইনের নির্ধারিত বৈশিষ্ট্যগুলি কী কী? ফ্ল্যাট ডিজাইন আন্দোলনের সাথে এটির কী সম্পর্ক?

ওয়েব ডিজাইনের এই প্রবণতা সম্পর্কে কী বলব?

এর নামটি তার ব্যবহারিক অর্থে, পদার্থ বা পদার্থগুলি যথাসম্ভব দক্ষতার সাথে সুসংগত ও কাঠামোগত করা দরকার এবং আপনি এটিতে মনোনিবেশ করবেন comes এই আন্দোলনটি সমস্ত নমনীয়তা, কর্মপদ্ধতি এবং কোনও ওয়েবসাইটের নির্মাণকে ভাঁজ এবং সহজ করার দক্ষতার .র্ধ্বে। তবে কেবলমাত্র স্থানিক মাত্রা একটি গুরুত্বপূর্ণ স্থান দখল করবে না, সময়ের সাথে সাথে, যেহেতু এখন উপাদানগুলি নির্দিষ্ট সময়ে নির্দিষ্ট কিছু অবস্থান দখল করবে, অর্থাৎ গতিশীলতাও একটি মূল কারণ হয়ে উঠবে। তদতিরিক্ত, এই কারণগুলি বুদ্ধি এবং যুক্তি দ্বারা অনিবার্যভাবে পরিচালিত হবে, যা বাস্তবতা এবং শারীরিক পদার্থের স্থানিক উপস্থাপনের সন্ধান করে, বাস্তবে এটি পদার্থবিজ্ঞানের আইনগুলিকে বিবেচনা করে এবং এর সাথে উপাদানগুলি (চিত্র, বোতাম, প্যানেল ...) একে অপরকে অতিক্রম করতে পারে না কারণ তাদের ওজন এবং ভিজ্যুয়াল ঘনত্ব বেশি থাকে, পরিবর্তে তারা যা করবে তা একে অপরের সাথে ওভারল্যাপ হয়।

অর্ডার, স্পষ্টতা, পঠনযোগ্যতা

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

আলোকসজ্জা এবং বাস্তববাদ

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

দৃষ্টি আকর্ষণ এবং দর্শকদের গাইড করার জন্য আন্দোলন সবচেয়ে কার্যকর সরঞ্জাম

এর ভাষা ব্যবহারকারীর চোখে স্পষ্ট, গ্রাফিক এবং আলোকিত হবে। কোনও বিকল্প বা সরঞ্জাম চয়ন করার সময়, এটি আমাদের সাথে যোগাযোগ করবে, এর মাত্রা প্রসারিত করবে এবং বিপরীতভাবে আমরা যখন এটি ব্যবহার বন্ধ করব। এছাড়াও, যদি কোনও আইটেমটি একেবারে আমাদের দৃষ্টি আকর্ষণ করার প্রয়োজন হয় তবে তা রঙ পরিবর্তন করবে বা ঝলক দেবে।

ছন্দ, আদেশ, ভাষা

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

সীমাহীন কোডিং

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

ফ্ল্যাট ডিজাইন ম্যাটেরিয়াল ডিজাইনের মতো নয়

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


2 মন্তব্য, আপনার ছেড়ে

আপনার মন্তব্য দিন

আপনার ইমেল ঠিকানা প্রকাশিত হবে না। প্রয়োজনীয় ক্ষেত্রগুলি দিয়ে চিহ্নিত করা *

*

*

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

  1.   ইয়ারকো আলফারো তিনি বলেন

    ফ্রাঙ্ক, আমি আপনার প্রকাশনাকে খুব আকর্ষণীয় বলে মনে করেছি। এই বিষয় নিয়ে স্পেনীয় ভাষায় খুব বেশি তথ্য নেই। সুতরাং, আপনি যদি আগ্রহী হন তবে আমার ব্লগে মেটেরিয়াল ডিজাইনের স্পেসিফিকেশনটির স্প্যানিশ অনুবাদ রয়েছে। আপনার মত, আমার আগ্রহের বিষয় হ'ল তথ্যটি সর্বাধিক সংখ্যক লোকের কাছে পৌঁছেছে, যাতে তারা এর সদ্ব্যবহার করতে পারে।

    শুভেচ্ছা

  2.   গ্রাফিক ডিজাইন স্টুডিও তিনি বলেন

    খুব ভাল নিবন্ধ !! আমি "মেটেরিয়াল ডিজাইন" সম্পর্কে তবে "ফ্ল্যাট ডিজাইন" সম্পর্কে কিছুই জানতাম না, যদি কেবল ব্যক্তিগত স্বাদের জন্য হয়। আমি কিছু টিপস অনুসরণ করার চেষ্টা করব।

    শুভেচ্ছা
    ডেভিড