কন্টেন্ট
- একটি প্রতিক্রিয়াশীল পদ্ধতি
- আমি কীভাবে কন্টেন্টটি প্রথম রাখব?
- কেন?
- 01. আপনার ব্যবসা এবং ব্যবহারকারীর লক্ষ্যগুলি নির্ধারণ করুন
- 02. আপনার প্রতিটি সুযোগেই তাদের রেফারেন্স করুন
- 03. পিছনে ঠেলাতে ভয় পাবেন না
- 04. আপনার নিজের দলকেও চাপ দিন
- 05. আপনার সমস্ত বিষয়বস্তু সামনে প্রয়োজন সংজ্ঞায়িত করুন
- উপস্থাপনা থেকে কীভাবে আমি বিষয়বস্তু বিমূর্ত করব?
- বিন্যাসের ক্ষেত্রে আমাদের সামগ্রীর চিন্তাভাবনা বন্ধ করতে হবে stop
- আপনার ক্লায়েন্টদের তাদের সামগ্রীর নকশার চেয়ে আলাদা পরিকল্পনা করতে বাধ্য করুন
- ডিজাইনের আগে আপনার সামগ্রী চূড়ান্ত করুন
- আসল সামগ্রী ব্যবহার করুন - প্রতিবার
- তাহলে ওয়্যারফ্রেমগুলি প্রতিক্রিয়াশীল ডিজাইন প্রকল্পগুলির জন্য কীভাবে কাজ করবে?
- স্কেচিং
- ইন ব্রাউজার ফ্রেমওয়ার্ক
- টিকা
- ওয়্যারফ্রেমে বাস্তব সামগ্রী ব্যবহার করুন
- আমি প্রথমে ছোট পর্দার জন্য কীভাবে ডিজাইন করব?
- শুরুতে ডিভাইসগুলি থেকে অ্যাবস্ট্রাক্ট ডিজাইন
- স্টাইল টাইলস ব্যবহার করুন
- ইন্টারফেস সম্প্রীতি তৈরি করুন
- ব্রাউজারে সবকিছু দেখুন
- স্থির প্রোগ্রামগুলির সাথে ভারসাম্য রক্ষা করুন
- উপসংহার
আসুন পরিষ্কার থাকুন: ডিজাইনটি কেবল তখনই সমাধান হয় যখন এটি গভীর গভীর সমস্যার দিকে মনোনিবেশ করে, সবকিছুর পিছনে কেন। একটি শক্ত প্রক্রিয়া সর্বদা আমাদের কাজ পরিচালনা করা উচিত, কিন্তু আমাদের আরও নমনীয় কিছু গ্রহণ করা প্রয়োজন। আমাদের মাধ্যমটি শেষ পর্যন্ত নিজেকে তরল হিসাবে প্রমাণিত করেছে, তাই আমাদের প্রক্রিয়াটি করা উচিত নয়? সিস্টেমের নকশা সম্পর্কে চিন্তা করুন: আপনার পুরো ছবি এবং ছোট বিবরণ উভয়ই দেখতে হবে। অসম্ভব? অনেক দূরে!
ফ্র্যাঙ্ক চিমেরো তাঁর দ্য শেপ অফ ডিজাইনের বইটিতে এটিকে সুন্দরভাবে তুলে ধরেছেন: “এমন একটি অংশ রয়েছে যেখানে শিল্পী কাজের প্রতি একটি নতুন দৃষ্টিভঙ্গি অর্জন করতে ইয়েল থেকে পিছিয়ে যায় steps পেইন্টিং কাছাকাছি এবং দূরে সমান অংশ: যখন কাছাকাছি হয়, শিল্পী তার চিহ্ন তৈরি করতে কঠোর পরিশ্রম করে; যতদূর, তিনি কাজের গুণাবলী বিশ্লেষণ করার জন্য মূল্যায়ন করেন। কাজটি তাঁর সাথে কথা বলার জন্য তিনি পিছিয়ে গেলেন। ”
আমাদের আমাদের আমাদের কাজটি, আমাদের মাধ্যমটি আমাদের সাথে কথা বলতে দেওয়া উচিত। প্রতিক্রিয়াশীল ডিজাইনের উত্থানের সাথে সাথে আমরা শেষ পর্যন্ত আমাদের মাধ্যমটিকে গ্রহণ করছি কারণ এটি ছিল: তরল। পিছনে ফিরে আসা এবং কাজের মূল্যায়ন করা, বিশ্লেষণ করা এবং জিনিসগুলি করার একটি নতুন পদ্ধতি, একটি নতুন প্রক্রিয়া আলিঙ্গন করা এক উজ্জ্বল সময়। স্থির মক-আপ এবং ওয়েব ডিজাইনার যারা কোড বোঝেন না তাদের দিনগুলি। এটি একটি প্রতিক্রিয়াশীল প্রক্রিয়া জন্য সময়।
একটি প্রতিক্রিয়াশীল পদ্ধতি
আমরা এই নিবন্ধের শুরুতে একটি শক্ত প্রক্রিয়াটির বৃহত গোপনীয়তা প্রদান করতে যাচ্ছি। কারণ আমরা এরকম পাগল হয়েছি। প্রস্তুত? একটি প্রতিক্রিয়াশীল প্রক্রিয়া একটি দায়িত্বশীল প্রক্রিয়া। লীগ? হতে পারে. বোকা? না। এর আগে ওয়েব স্ট্যান্ডার্ডের চলাফেরার মতো, প্রতিক্রিয়াশীল ডিজাইন ভবিষ্যতে বান্ধব পদ্ধতিগুলির সাহায্যে ওয়েবকে এগিয়ে নিয়ে যাচ্ছে।
যে কোনও ডিজাইনের প্রক্রিয়াটির মতো, এটির পিছনে থাকা কেন ‘কেন’ তার উপর ফোকাস করা উচিত। তাহলে ওয়েবসাইটের অস্তিত্ব কেন? সামগ্রী সরবরাহ করার জন্য। এটি কার্য-ভিত্তিক, সামাজিক, তথ্যমূলক হতে পারে ... এতে কিছু আসে যায় না। এটি সমস্ত এখানে নেমে আসে: কেন, সু-কাঠামোগত সামগ্রী এবং এটি গুরুত্বপূর্ণ যে মিথস্ক্রিয়া দিয়ে শুরু করুন।
আমাদের প্রতিক্রিয়াশীল নকশা প্রক্রিয়া সম্পর্কে আমরা প্রায়শই শুনি এমন প্রশ্নগুলি এখানে।
আমি কীভাবে কন্টেন্টটি প্রথম রাখব?
প্রকল্পের শুরুতে আমরা সবাই এত আশাবাদী। "প্রথমে সামগ্রী!" আমরা বলি. “ব্যবহারকারী লক্ষ্য! গুরুত্বপূর্ণ কি মনে রাখবেন! " এটা সত্যি. কিন্তু এটার মানে কি? আপনি কীভাবে কোনও সামগ্রী-প্রথম প্রক্রিয়া বাস্তবায়ন করবেন?
এমনকি যদি আপনি জানেন (বা মনে হয় আপনি জানেন) তবে কোনও প্রকল্পের অগ্রগতির সাথে এটি ভুলে যাওয়া সহজ। দীর্ঘমেয়াদী প্রকল্পগুলির উপর এবং ধরে টানানোর প্রবণতা রয়েছে (এবং চালু… এবং চালু…)। আমরা কেন তা নিয়ে চিন্তাভাবনা বন্ধ করি এবং কীভাবে মনোনিবেশ করা শুরু করি। আমরা আমাদের ভেবে বোকা বানাচ্ছি যে আমাদের প্রকল্পগুলি পৃথক ‘আবিষ্কার’ এবং ‘উন্নয়ন’ পর্যায়ে বিভক্ত হতে পারে যা স্বতন্ত্রভাবে বিদ্যমান থাকতে পারে।
সত্য, আমাদের জিজ্ঞাসা করতে হবে কেন, সর্বদা। আপনি কতটুকু ভাবছেন তা আপনি জানেন না, আপনি যতই পরিকল্পনা গ্রহণ করেছেন - যতবারই আপনি সিদ্ধান্ত নেবেন, প্রতিবার আপনি যখন একটি বোতাম ডিজাইন করবেন বা শিরোনাম লিখবেন তখন আপনাকে জিজ্ঞাসা করতে হবে…
কেন?
আমি কেন এটা করছি? কার জন্য? এটি আমার ক্লায়েন্টকে কী ব্যবসায়ের লক্ষ্য অর্জনে সহায়তা করবে? এটির সাহায্যে আমার ব্যবহারকারীদের কী প্রয়োজন? প্রথমে কন্টেন্ট রাখবেন না। কেন আগে রাখুন।
এটি এটিকে সহজ করে তোলে। তবে এটি ভালভাবে করতে, আপনাকে চাপ দিতে হবে। আপনার ক্লায়েন্টদের এবং আপনার দলটিকে প্রথমে তাদের শুভাকাঙ্ক্ষাকে সংজ্ঞায়িত করতে চাপ দিন। কোনও Lorem Ipsum, না ‘আমরা পরে তা পাব’। আপনার বাড়ির কাজ করুন! আপনার সমস্ত প্রকারের কেন একটি শক্ত কারণ দিয়ে শুরু করা দরকার। ইয়েলো পেন্সিলে, এর অর্থ আমরা কীভাবে পিচ, অনুমান, বাজেট এবং প্রকল্পগুলি পরিকল্পনা করি তাতে বড় পরিবর্তনগুলি ঘটে changes আমাদের কঠোর গবেষণা, কৌশল এবং পরিকল্পনা করার জন্য বাজেট এবং সময়ের জন্য চাপ দিতে হয়েছিল। আপনিও পারেন তবে একবার যখন আপনার ক্লায়েন্ট এবং আপনার দলগুলি লিখিত সামগ্রীর প্রয়োজনীয়তার সংক্ষিপ্ত সুবিধাগুলি দেখবে তখন তারা আর ফিরে তাকাবে না।
এবং তাদের শিক্ষিত করা আমাদের কাজ। (মাইকে মন্টিরিওর দুর্দান্ত বই ডিজাইন পড়ুন যদি আপনি ক্লায়েন্টদের সাথে ডিল করার বিষয়ে আরও জানতে চান তবে একটি কাজ Job) ক্লায়েন্টরা সেই সমস্ত গবেষণা করার মূল্য বুঝতে এবং সামনের দিকে কাজ করতে পারে। এবং তাদের কেন করা উচিত? তারা শেষে 'সমাপ্ত' কিছু পায় না - এবং খুব বেশি সময় তারা কেবল একটি চালান এবং একটি বড় অল 'ওয়ার্ড ডকুমেন্ট পায়।
এটি তাদের দোষ নয় - এটি আমাদের দোষ। সেই মানটি প্রদর্শনের জন্য আরও ভাল কাজ করা আমাদের দায়িত্ব। প্রতিটি পদক্ষেপে, আমাদের এগুলি কেন সমস্ত গুরুত্বপূর্ণ তা আবার ফিরিয়ে আনা দরকার।
প্রতিক্রিয়াশীল ডিজাইনের জন্য এটি বিশেষভাবে গুরুত্বপূর্ণ। একটি প্রতিক্রিয়াশীল ওয়েবসাইটটির জন্য আরও বেশি বিকাশের প্রচেষ্টা প্রয়োজন হয় না, তবে এর অর্থ অনেক বেশি পরিকল্পনা। সত্যিই যদিও, এটি পরিকল্পনা করছে যে আমাদের পাশাপাশি করা উচিত ছিল। বর্তমান পুনরায় ডিজাইন-প্রতি-তিন-ইশ-বছরের প্রকল্প চক্র প্রত্যক্ষ করুন। আপনি কি তা চালিয়ে যেতে চান? আমরা নিশ্চিত না।
সুতরাং আপনার প্রকল্প প্রক্রিয়াতে প্রথমে সামগ্রী রাখার জন্য তিনটি পদক্ষেপ এখানে দেওয়া হয়েছে।
01. আপনার ব্যবসা এবং ব্যবহারকারীর লক্ষ্যগুলি নির্ধারণ করুন
আপনার প্রকল্পের জন্য ব্যবসায় এবং ব্যবহারকারীর লক্ষ্যের একটি অগ্রাধিকারভিত্তিক তালিকা তৈরি করুন। আপনার ব্যবহারকারীরা সর্বাধিক কী জানতে বা করতে চান? আপনার গবেষণা করুন। বন্য অনুমান নয়, অবহিত তথ্য তৈরি করুন। আপনার সমস্ত স্টেকহোল্ডারদের সম্মত হন।
02. আপনার প্রতিটি সুযোগেই তাদের রেফারেন্স করুন
প্রতিবার আপনি যখন সিদ্ধান্ত নেবেন, প্রতিবার কেউ নতুন বৈশিষ্ট্য বা নকশার উপাদান, বা সামগ্রীর পৃষ্ঠার প্রস্তাব দিলে তাদের অনুরোধটি ব্যবসায় এবং ব্যবহারকারী লক্ষ্যে ম্যাপ করুন। এই বৈশিষ্ট্যটি কোন বাস্তব প্রয়োজনটি পূরণ করবে? আসল কারণ কি? (ইঙ্গিত: ‘কারণ আমি চাই’ বা ‘আমি সত্যিই নীল পছন্দ করি’ বা ‘প্রত্যেকের ফেসবুকে’ গণনা করবেন না))
03. পিছনে ঠেলাতে ভয় পাবেন না
এটি একটি কঠিন হতে পারে। ক্লায়েন্টের সম্পর্কগুলি সূক্ষ্ম হতে পারে, এবং যুদ্ধকে জিততে লড়াই ছেড়ে দিতে লোভনীয় হতে পারে। তবে মনে রাখবেন, আমরা সকলেই একসাথে রয়েছি! এটি ব্যবসায় বনাম ব্যবহারকারী নয়; আমাদের বনাম তাদের।
ব্যবহারকারীর চাহিদা পূরণ করা ব্যবসায়ের প্রয়োজনগুলি মেটানোর সেরা উপায়। কারণ আমাদের ব্যবহারকারী ছাড়া আমাদের কোনও ব্যবসা নেই! ক্লায়েন্ট (ভাল ক্লায়েন্ট) আপনাকে সবকিছুতে "হ্যাঁ" বলার জন্য নিয়োগ দিচ্ছে না। সুতরাং আপনার ক্লায়েন্ট যদি এমন কিছু জিজ্ঞাসা করে যা তাদের লক্ষ্যগুলি বা তাদের ব্যবহারকারীর প্রয়োজনগুলি পূরণ করে না, তাদের চ্যালেঞ্জ জানাতে ভয় পাবেন না। এটি অহং সম্পর্কে নয়। এটি সর্বোত্তম সম্ভাব্য সমাধান তৈরি সম্পর্কে।
04. আপনার নিজের দলকেও চাপ দিন
সৃজনশীল দলের মধ্যে কাজ করার সময় এটিও একটি চ্যালেঞ্জ হতে পারে। ভূমিকা পৃথককরণ - ভিজ্যুয়াল ডিজাইন, ব্যবহারকারীর অভিজ্ঞতা, তথ্য আর্কিটেকচার, বিষয়বস্তু কৌশল, বিষয়বস্তু উত্পাদন - ভুল সংযোগ সৃষ্টি করতে পারে। আমরা ব্যস্ত হয়ে পড়ি, ইমেলগুলি নিয়ে আমরা অভিভূত হই। কোনও প্রকল্পের সাথে শুরু থেকে শেষ করা কঠিন, বিশেষত একবার ‘আপনার’ কাজ শেষ হয়ে গেলে।
আপনার দলের সম্পর্ক কমপক্ষে আপনার ক্লায়েন্টের সম্পর্কের মতো গুরুত্বপূর্ণ। আমরা আমাদের ক্লায়েন্টদের যেমন করে থাকি তেমনি কেন আমাদের নিজেদের মনে করিয়ে দিতে হবে। সহযোগিতা কী। আপনি কোনও সামগ্রী পরিকল্পনা বা ওয়্যারফ্রেমগুলি বা ডিজাইনগুলি কেবল 'হ্যান্ড অফ' করতে পারবেন না। যতটা সম্ভব, আমাদের হাতে কাজ করতে হবে। বিতরণযোগ্য ‘সমাপ্ত’ করা সহজ এবং অন্য কোনও কিছুর দিকে এগিয়ে যাওয়া সহজ। যখন কাজটি শক্ত হয়ে যায় তখন কোনও প্রকল্পের সাথে থাকা আরও অনেক কঠিন।
সৃজনশীল কাজের জন্য একটি জলপ্রপাতের দৃষ্টিভঙ্গি কেবল কাজ করে না। চতুর, দলের সদস্যদের মধ্যে সহযোগী কাজ আরও ভাল ফলাফলের জন্য তোলে।
05. আপনার সমস্ত বিষয়বস্তু সামনে প্রয়োজন সংজ্ঞায়িত করুন
এই জিনিসটি এখানে: প্রতিক্রিয়াশীল ওয়েবসাইটগুলি পরিকল্পনা করতে বেশি সময় নেয়। আমরা কেবলমাত্র একটি একক প্রসঙ্গে পরিকল্পনা করছি না। আমরা যে সমস্ত প্রসঙ্গে আমরা এখনই জানি তার জন্য পরিকল্পনা করছি এবং এমন কিছু কিছু এখনও বিদ্যমান নেই।
তবে আপনি যে সমস্ত জটিলতাগুলির জন্য অ্যাকাউন্ট না করেন সেগুলি পিছনে ফিরে যেতে এবং ফিরিয়ে দেওয়ার জন্য যে পরিমাণ জটিলতা রয়েছে সেগুলির জন্য সামনের দিকে পরিকল্পনা করতে অনেক কম সময় লাগে। তাই সময় / প্রচেষ্টা / বাজেট ব্যয় করুন। আপনার নকশায় আসার আগে আপনার ক্লায়েন্ট এবং আপনার দলকে তাদের সমস্ত সামগ্রী সংজ্ঞায়িত করতে (এবং প্রতিশ্রুতি দিন!) বাধ্য করুন। পৃষ্ঠার সারণী ব্যবহার করুন। কাঠামোগত সামগ্রী ব্যবহার করুন। ভবিষ্যতের প্রমাণ এখন আপনার সামগ্রী! বা পরে কান্না।
উপস্থাপনা থেকে কীভাবে আমি বিষয়বস্তু বিমূর্ত করব?
আপনি এটি ইন্টারনেট-ও-গোলকের চারপাশে প্রচুর শুনতে পান। তবে অপেক্ষা, কি? এবং অপেক্ষা - কেন?
কারণ উপস্থাপনা পরিবর্তন করতে পারে (এবং করবে)। ১৫ বছর আগে আমরা যেভাবে ওয়েবসাইটগুলি ডিজাইন করেছি তা এখন কীভাবে সেগুলি উপস্থাপন করব তা থেকে প্রায় অজানা। কিন্তু আপনি কি জানেন না কি পরিবর্তন হয়নি? শব্দ। আমরা এখনও ‘ইম’ ব্যবহার করি। ইন্টারনেট মূলত (পাঠ্য-ভিত্তিক) সামগ্রীর জন্য বিদ্যমান। তথ্যের সমস্যাগুলি সমাধান করতে আমরা এখনও এটি ব্যবহার করি; কাজ সম্পাদন করতে। তবে যদি আপনার বিষয়বস্তু উপস্থাপনের কোনও মাধ্যমের উপর নির্ভর করে (ফ্ল্যাশ ইন্ট্রো পৃষ্ঠাগুলি, যে কেউ?) এর বাস্তব সম্ভাবনা রয়েছে যা এটি কয়েক বছরের মধ্যে ব্যবহারযোগ্য হবে না। এবং যে স্তন্যপান।
বিন্যাসের ক্ষেত্রে আমাদের সামগ্রীর চিন্তাভাবনা বন্ধ করতে হবে stop
আমরা (একটি শিল্প হিসাবে) আমাদের ক্লায়েন্টদের বিন্যাসের ক্ষেত্রে বিষয়বস্তু সম্পর্কে ভাবতে প্রশিক্ষণ দিয়েছি। "এটি সাইডবারে রাখুন," আমরা বলি। "এটি পাদলেখ করা উচিত।" থামো! বন্ধ কর. থামো। এটি অবস্থান সম্পর্কে নয়। এটি প্রায়োরিটি সম্পর্কে। আপনার ব্যবহারকারীদের জন্য সবচেয়ে গুরুত্বপূর্ণ বিষয়বস্তু কি? কারণ কী অনুমান করুন: প্রসঙ্গে লেআউট পরিবর্তন হয় changes সেখানে (সম্ভবত) আপনার ছোট স্ক্রিন ডিজাইনে একটি সাইডবার হতে যাচ্ছে না।
আপনার ক্লায়েন্ট চায় দৈত্যাকার সুপার মেনু? কোনও আইফোনে উড়বে না।
আপনার ক্লায়েন্টদের তাদের সামগ্রীর নকশার চেয়ে আলাদা পরিকল্পনা করতে বাধ্য করুন
ঠিক আছে, আপনি তাদের জোর করতে হবে না। তাদেরকে উৎসাহিত কর. দৃr়ভাবে উত্সাহ। পৃষ্ঠাগুলি এর জন্য দুর্দান্ত। আপনি যদি ইতিমধ্যে এটি না পড়ে থাকেন তবে কীভাবে এটি তৈরি করবেন সে সম্পর্কে আরও তথ্যের জন্য ক্রিস্টিনা হালভারসন এবং ওয়েবের জন্য মেলিসা র্যাচের সামগ্রী কৌশলটিতে তাত্ক্ষণিকভাবে এগিয়ে যান। অগ্রাধিকার ক্রমে তাদের সংগঠিত করুন। অবস্থান বা বিন্যাস উল্লেখ করবেন না। এটি আপনার ক্লায়েন্টদের আরও বেশি উত্পাদনশীল উপায়ে তাদের বিষয়বস্তু সম্পর্কে ভাবতে সহায়তা করবে এবং চূড়ান্তভাবে ওয়্যারফ্রেমগুলি বা নকশার আগে কন্টেন্ট তৈরির প্রক্রিয়াটি চলবে।
ডিজাইনের আগে আপনার সামগ্রী চূড়ান্ত করুন
ঠিক আছে, এটি সবসময় সম্ভব নয়। আপনি ডিজাইনিং শুরু করার আগে আপনি যত অনিশ্চয়তা দূর করতে পারবেন, আপনাকে ফিরে যেতে হবে এবং পরে জিনিসগুলি পরিবর্তন করতে হবে।
আসল সামগ্রী ব্যবহার করুন - প্রতিবার
যদি সম্ভব হয় তবে এজ কেস সামগ্রীটি ব্যবহার করুন - আপনার ক্লায়েন্টকে সবচেয়ে জটিল পৃষ্ঠা, চিত্র এবং মেনুগুলি দেখান। প্রক্রিয়াটির পরে এইগুলি বিস্ময় এড়াতে পারে, যখন তারা সমাপ্ত পণ্যটিতে তাদের অদৃশ্য বিষয়বস্তু দেখবে।
কার্যকরী, ইন ব্রাউজার ওয়্যারফ্রেমগুলি একটি পার্থক্য তৈরি করে make আপনার ক্লায়েন্টদের তাদের সামগ্রীগুলি চলমান এবং বিভিন্ন স্ক্রিনের আকারের বিভিন্ন স্থানে পর্যবেক্ষণ করার অনুমতি দিন। আপনি যখন নিজের ওয়্যারফ্রেমগুলি উপস্থাপন করছেন তখন এটি চিহ্নিত করুন (আপনি ব্যক্তিগতভাবে উপস্থাপনা করছেন, তাই না?) লেআউট পরিবর্তন হওয়ার সাথে সাথে তাদের প্রদর্শন করুন যে কীভাবে তাদের তথ্যের অগ্রাধিকারটি পর্দার আকারগুলিতে একই থাকে।
তাহলে ওয়্যারফ্রেমগুলি প্রতিক্রিয়াশীল ডিজাইন প্রকল্পগুলির জন্য কীভাবে কাজ করবে?
আমরা দৃ believers় বিশ্বাসী যে আরডাব্লুডির জন্য ইন্টারঅ্যাকশন ডিজাইনের অবশ্যই ব্রাউজারে দ্রুত এবং প্রায়শই প্রবেশ করা উচিত। একটি স্থির নথি তৈরি করা বেশ অসম্ভব যা সমস্ত কিছু বর্ণনা করে। অবশ্যই, আমরা এমন একটি নথি তৈরি করতে পারি যা তিন, চার বা পাঁচ ব্রেক পয়েন্ট প্রদর্শন করে, তবে এটি গল্পের একটি ভগ্নাংশ। ব্রেকপয়েন্টগুলির মধ্যে সমস্ত মুহূর্ত সম্পর্কে কি? এটি ব্রাউজারে ঘটে।
স্কেচিং
তবুও, আপনার ধারণাগুলি যৌথভাবে স্কেচ করতে সক্ষম হওয়াই ভাল। এটি কোনও নির্দিষ্ট মাধ্যমের মধ্যে হওয়ার দরকার নেই, তবে কাগজে পেন্সিল সম্পর্কে কিছু আছে। এখানে পুরো বিষয়টি হ'ল দ্রুত এবং পুনরাবৃত্তভাবে ধারণাগুলি বের করা। আমরা যখনই সম্ভব স্কেচবোর্ড করতে পছন্দ করি এবং এর জন্য একটি অ্যাপ্লিকেশন রয়েছে: ইউআই স্কেচার।
ইন ব্রাউজার ফ্রেমওয়ার্ক
আমাদের জন্য আসল টিকিট এখানে। আমরা ব্রাউজারে আরডাব্লুডি প্রদর্শন করার সময় নিদর্শন এবং সিস্টেমগুলি পুনরায় ব্যবহার করতে পছন্দ করি। অবশ্যই, আমরা প্রতিবার স্ক্র্যাচ থেকে আমাদের নিজস্ব সিস্টেম তৈরি করতে পারি, তবে এটি আমাদের বা আমাদের ক্লায়েন্টদের সহায়তা করছে না।
আমরা দ্রুত প্রতিক্রিয়াশীল প্রোটোটাইপিং ফ্রেমওয়ার্ক যেমন টুইটারের বুটস্ট্র্যাপ বা জুরব এর ফাউন্ডেশন ব্যবহার করতে চাই। আমরা ব্যক্তিগতভাবে ফাউন্ডেশনের দিকে ঝুঁকছি কারণ এটি আমাদের কর্মপ্রবাহের সাথে খাপ খায়। যদি কেউ একটি ছোট স্ক্রিন, নিম্ন-ব্যান্ডউইথ-প্রথম পদ্ধতির গ্রহণ করে তবে এটি দুর্দান্ত হবে, তবে আমাদের রোলটি ঠিক এটিই।
টিকা
আরডাব্লুডি ওয়্যারফ্রেমগুলির জন্য টীকাগুলি অপরিহার্য তবে আমরা দেখতে পাই যে প্রায়শই উপেক্ষা করা হয়। জোরে জোরে বলুন: ডকুমেন্টেশন, ডকুমেন্টেশন, ডকুমেন্টেশন! আমরা এর কয়েকটি উদাহরণ বন্ধুদের কাছ থেকে দেখেছি এবং মনে করি ব্রাউজারে প্রতিক্রিয়াশীল তারের ফ্রেমগুলি সঠিকভাবে টিকিয়ে রাখার জন্য "জুরিটি" সেরা "উপায়ের বাইরে রয়েছে think উপরে উল্লিখিত হিসাবে, আমরা নিয়মিত Zurb দ্বারা ফাউন্ডেশন ব্যবহার করি এবং আমাদের টীকাগুলি প্রদর্শন করতে এর প্রকাশিত অ্যাড-অন ব্যবহার করতে চাই। এই টীকাগুলি কেবল বৃহত্তর পর্দার জন্য প্রদর্শিত হয় এবং আদর্শভাবে চালু এবং বন্ধ করা যায়।
ওয়্যারফ্রেমে বাস্তব সামগ্রী ব্যবহার করুন
লোরেম ইপসামকে ওয়্যারফ্রেমস এবং ডিজাইন মক-আপগুলিতে প্রচুর বিতর্ক হয়েছে তবে আপনার ওয়্যারফ্রেমে যদি আপনার সত্যিকারের সামগ্রী না থাকে তবে আপনি এটি ভুল করছেন। সামগ্রীটি ইন্টারঅ্যাকশন সিদ্ধান্তগুলিকে অবহিত করে এবং কখন আপনাকে ডিজাইন ভাঙবে তা জানায়। কিভাবে Lorem Ipsum করতে পারেন?
আমি প্রথমে ছোট পর্দার জন্য কীভাবে ডিজাইন করব?
কয়েক বছর ধরে আমরা একটি নির্দিষ্ট রেজোলিউশন মাথায় রেখে ডিজাইন করেছি। এটি একটি ডিফল্ট সেটিংস ছিল। নোটবুকগুলিতে স্কেচিং, ওমনিগ্রাফলে ওয়্যারফ্রেমিং, ফটোশপে কাজ করা বা ব্রাউজারে ডিজাইন করা যাই হোক না কেন, আমরা জানতাম আমাদের ক্যানভাসের আকারটি কী হতে চলেছে। সেইসব দিন আর নেই. আমরা প্রথমে ছোট পর্দার নকশা তৈরিতে এবং ক্রমবর্ধমানভাবে বর্ধন করার পক্ষে বিশাল বিশ্বাসী। তাহলে কীভাবে কোনও ডিজাইনার তার কর্মপ্রবাহকে একটি স্থির ক্যানভাস আকার থেকে তরল পদার্থে পরিবর্তন করতে পারেন?
শুরুতে ডিভাইসগুলি থেকে অ্যাবস্ট্রাক্ট ডিজাইন
আমরা যদি কোনও নির্দিষ্ট ডিভাইসের জন্য নকশা না করি তবে এটি প্রয়োজনীয় যে আমরা ডিভাইসগুলি সম্পর্কে চিন্তাভাবনা বন্ধ করি এবং অভিজ্ঞতাগুলি নিয়ে চিন্তাভাবনা শুরু করি। ডিভাইস অজ্ঞেয়বাদী (এক বিন্দু অবধি) থাকতে সক্ষম হয়ে ওঠার জন্য নিম্নলিখিত সমস্ত কৌশল ডিজাইনারকে তাদের অভিজ্ঞতা তৈরি করতে সহায়তা করে।
স্টাইল টাইলস ব্যবহার করুন
দিকনির্দেশ স্থাপন এবং দ্রুত পুনরাবৃত্তি করতে স্টাইল টাইলস ব্যবহার করুন। স্টাইল টাইলস একটি ডিজাইনারকে খুব সুনির্দিষ্ট না করে ডিজাইন সিস্টেমের দিকনির্দেশ নির্ধারণ করতে সক্ষম করে। তাদের স্রষ্টা সামান্থা ওয়ারেন তাদের এইভাবে বর্ণনা করেছেন:
"স্টাইল টাইলস যখন মুডবোর্ড খুব অস্পষ্ট থাকে এবং একটি কমপ খুব আক্ষরিক হয় for স্টাইল টাইলস বিন্যাসকে সংজ্ঞায়িত না করে প্রকৃত ইন্টারফেস উপাদানগুলির সাথে সরাসরি সংযোগ স্থাপন করে। "
ইন্টারফেস সম্প্রীতি তৈরি করুন
সমস্ত ভিজ্যুয়াল এবং ইন্টারেক্টিভ উপাদানগুলি একত্রিত করে একটি ক্যানভাসের কল্পনা করুন। কোনও নির্দিষ্ট ইউআই লেআউট দেখতে নয়, তবে সমস্ত উপাদান কীভাবে একসাথে কাজ করে তা দেখতে। এটি একটি ইন্টারফেস সম্প্রীতি ক্যানভাস। একটি ইন্টারফেস সম্প্রীতি ক্যানভাস ডিজাইনারকে ধারণাগুলি একসাথে রাখতে সক্ষম করে, তবে কোনও একটি স্ক্রিন আকারের উপর দৃষ্টি নিবদ্ধ করে না। এছাড়াও, একটি পূর্ণ শৈলী গাইড উত্পাদন না করে ডিজাইনের উপাদানগুলিকে দক্ষতার সাথে যোগাযোগ এবং ডকুমেন্ট করার একটি দুর্দান্ত উপায়।
আপনি যদি আরও পড়তে আগ্রহী হন তবে ইন্টারফেস সম্প্রীতির বিষয়ে দুটি চমৎকার নিবন্ধ এখানে এবং এখানে পাওয়া যাবে।
ব্রাউজারে সবকিছু দেখুন
ব্রাউজারে সবকিছু একসাথে আনতে হবে। এটিই যেখানে ইউআই ডিজাইনটি সত্যই জীবনে আসে। ভিজ্যুয়াল উপাদানগুলির সাথে প্রকৃত সামগ্রী কীভাবে ইন্টারঅ্যাক্ট করে তা গুরুত্বপূর্ণ। স্থির পরিবেশে এটি সঠিকভাবে করার কোনও উপায় নেই। আপনার এটি দেখতে হবে যে এটি স্থানীয় মাধ্যমে কীভাবে প্রতিক্রিয়া জানাবে।
স্থির প্রোগ্রামগুলির সাথে ভারসাম্য রক্ষা করুন
ব্রাউজার এবং ফটোশপের মতো স্থির প্রোগ্রামগুলির মধ্যে একটি প্রবাহ রয়েছে। একটি ভারসাম্য থাকা উচিত যা ডিজাইন সিস্টেমটিকে তরল এবং প্রাকৃতিক উপায়ে তৈরি করতে দেয়। অবশ্যই, এটি ফটোশপের ক্ষেত্রে ঘটবে, তবে প্রতিক্রিয়াশীলভাবে ডিজাইন করা ডিজাইনারের ব্রাউজারেও কীভাবে সৃজনশীলভাবে চিন্তা করা যায় তা শিখতে হবে।
উপসংহার
আরও একবার, অনুভূতির সাথে: কেন, সু-কাঠামোগত বিষয়বস্তু এবং গুরুত্বপূর্ণ যে মিথস্ক্রিয়া তা দিয়ে শুরু করুন। প্রথমে ছোট স্ক্রিন এবং লো ব্যান্ডউইথের উপর ফোকাস করুন এবং ক্রমান্বয়ে আপনার প্রতিক্রিয়াশীল ধারণাটি উন্নত করুন। আমাদের মাধ্যম বয়সের আসছে। আমাদের কাছে জিনিসগুলি সঠিকভাবে করার এবং বিশ্বের পরিবর্তন করার সুযোগ রয়েছে, একবারে একটি ওয়েব প্রকল্প।
ডিজাইনারদের জন্য সেরা 20 ওয়্যারফ্রেমিং সরঞ্জামগুলি আবিষ্কার করুন
স্টিভ ফিশার কানাডার ইয়েলো পেন্সিলটিতে গবেষণা, বিশ্লেষণ, নকশা এবং কৌশল সমন্বিত করে এবং আরডাব্লুডি, ইউএক্স এবং মুক্ত উত্সের মতো বিষয়গুলিতে কথা বলেন। অ্যালোইন ম্যাকেনজি হলুদ পেন্সিলের একটি কন্টেন্ট স্ট্র্যাটেজিস্ট।
