ওয়েব ডিজাইনারদের কোডিং কীভাবে জানা দরকার?


31

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

ওয়েব ডিজাইনারদের কি বেসিক আধুনিক সিএসএস এবং এইচটিএমএল কৌশলগুলি জানা দরকার? কেন বা কেন ভাল বৃত্তাকার ওয়েব ডিজাইনারের পক্ষে এটি গুরুত্বপূর্ণ নয়?

কিছু সাধারণ চিন্তা:

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

5
আপনি যা বর্ণনা করেছেন তা হ'ল গ্রাফিক ডিজাইনার, ওয়েব ডিজাইনার নয়।
জ্বিন

কোনও মাধ্যম ছাড়াই ডিজাইনাররা কোনও সরঞ্জাম ছাড়াই সুরকারের মতো।
অ্যাডাম

আমার অভিজ্ঞতায় কোনও ওয়েব বা সফ্টওয়্যারকে ঘিরে 'ফ্রন্ট এন্ড' অর্থ ইউআই, জিইআইআই বা ইন্টারফেস। এই ইন্দ্রিয় কি আপনি বোঝাতে চেয়েছিলেন?
ব্যবহারকারী 179700

উত্তর:


23

ওয়েব ডিজাইনারদের কি বেসিক আধুনিক সিএসএস এবং এইচটিএমএল কৌশলগুলি জানা দরকার?

হ্যাঁ।

কেন বা কেন এটি একটি ভাল বৃত্তাকার ওয়েব ডিজাইনারের পক্ষে গুরুত্বপূর্ণ নয়?

আমি "হ্যাঁ" উত্তর দিয়েছি কারণ আপনি মৌলিক শব্দটি ব্যবহার করেছেন ।

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

আপনি যদি সিএসএস এবং এইচটিএমএল কৌশল সম্পর্কে কিছু জানেন না তবে আপনি নিজেকে "ওয়েব ডিজাইনার" বলতে পারবেন না। আপনি কেবল শিল্পী বা কিছু।

আপনার চিন্তাভাবনা সম্পর্কে মন্তব্যসমূহ:

ফ্রন্ট এন্ড ওয়েব বিকাশকারীরা যে কোনও ডিজাইনের কোড আপ করার জন্য যথেষ্ট দক্ষ হতে হবে।

মিথ্যা। এটি একটি ওভারসিম্প্লিফিকেশন। কিছু জিনিস ওয়েবে ভাল অনুবাদ করে না। কিছু নকশাগুলি আলাদা হয়ে যেতে পারে বা কোনও নির্দিষ্ট প্ল্যাটফর্ম বা স্ক্রিন আকারে কাজ না করে যা সমর্থন করা প্রয়োজন।

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

ব্যবহারকারীরা কীভাবে তাদের নকশার সাথে বাস্তবে ইন্টারঅ্যাক্ট করবে সে সম্পর্কে ওয়েব ডিজাইনারদের বোঝা উচিত।

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

যদিও ভাল ভাল-গোলাকৃত ওয়েব ডিজাইনারদের ইউএক্স ডিজাইনের সাথে পরিচিতি থাকা উচিত, তাদের জন্য ইউএক্স বিশেষজ্ঞের সাথে সহযোগিতা করাও সাধারণ।

ডিজাইন শপগুলির পরিবর্তে ডিজাইনারদের ডিজাইন থাকে এবং সমস্ত কোডিং বিকাশকারীদের কাছে রেখে দেয়।

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

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


17

কোনও ওয়েব ডিজাইনারকে বুঝতে হবে যে কোড কীভাবে কাজ করে এবং এটি কী সক্ষম, একইভাবে একটি মুদ্রক ডিজাইনার বুঝতে পারে যে কাগজে কী কালি প্রদর্শিত হবে এবং কীভাবে কাগজ ভাঁজ বা কাটা যাবে। যে কোনও ডিজাইনারের পছন্দসই মাধ্যমের সীমাবদ্ধতা এবং শক্তি বুঝতে হবে।

যদি কোনও ওয়েব ডিজাইনার এই ড্রপ-ডেড চমত্কার সাইটটি তৈরি করে, তবে কোডিংয়ের মূল বিষয়গুলি শিখতে হবে বা চমকপ্রদ সাইটটি অর্জন করা যায় কিনা তা পরীক্ষা করার জন্য কয়েকটি পয়েন্টে একটি কোডারের সাথে বসতে পারা যায় or তাই আমি বলতে চাই কোড সম্পর্কে নূন্যতম একটি ওয়েব ডিজাইনার প্রয়োজন ।

আমি মনে করি এটি "একজন বিকাশকারী যে কোনও কোড কোড করতে পারে" বলতে পারা যায় না, আপনি যেভাবে মুদ্রণ করতে পারবেন তা HTML / CSS ব্যবহার করে ওয়েবে ঠিক পুনরুত্পাদন করা যেতে পারে না।


1
+1, বিশেষত " কোড সম্পর্কে জানা দরকার " এর জন্য। আমি এমন লোকদের সাথে কাজ করেছি যারা কোডের একটি লাইন লিখতে পারেনি তবে এর মাধ্যমটি বোঝে, এবং বিকাশকারী যা বলেছেন তা শ্রদ্ধার জন্য যথেষ্ট উন্মুক্ত ছিল। এটি সবসময় খুব ভাল কাজ করে।
পেক্কা GoFundMonica

6

লরেন, ঘোপ্পে এবং ফারে সকলেই সোচ্চার হন, তাই তারা যা বলেছিল তা আমি আর রিহ্যাশ করব না। ব্যবহারিকতার বিষয়টি হিসাবে, আমাকে আপনার স্পষ্ট এবং অন্তর্নিহিত প্রশ্নগুলির আরও একটি প্রস্তাব দেওয়ার প্রস্তাব দিন।

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

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

স্থানীয় স্কুল এবং ব্যবহারকারী গ্রুপ এবং সীমার মধ্যে যে কোনও ডিজাইনারের সাথে ব্লগে, ফোরামে, ফোরামে, প্রচারে: "আপনি ডিজাইন করা শুরু করার আগে আপনার বিকাশকারীর সাথে কথা বলুন!"

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


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

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

5

হ্যা এবং না. আপনার টার্গেট এনভায়রনমেন্ট কীভাবে কাজ করে তা জেনে রাখা গুরুত্বপূর্ণ, তবে সিস্টেমটি সেভাবে কাজ করার জন্য প্রয়োজনীয় নির্দিষ্ট কোডটি বোঝার পক্ষে আসলেই গুরুত্বপূর্ণ নয়। অন্য কথায় - আমি সমস্ত বড় ব্রাউজার ইঞ্জিনে বৃত্তাকার কোণ তৈরি করার জন্য নির্দিষ্ট সিনট্যাক্স সম্পর্কে চিন্তা করব না, তবে আমি এটি গুরুত্বপূর্ণ বিবেচনা করব যে আপনি সমস্ত বড় ব্রাউজারগুলিতে বৃত্তাকার কোণ তৈরি করতে পারবেন কি না এবং (এবং কত কোড প্রয়োজন তাই না).

উদাহরণস্বরূপ, মাত্র কয়েক বছর আগে আমরা এখনও আই 6 এর সাথে কাটছি। কর্পোরেট ইন্ট্রানেট অ্যাপ্লিকেশনটির জন্য আমাদের কাছে একেবারে সুন্দর নকশা ছিল তবে এটি স্বচ্ছ ওভারলেতে অত্যন্ত নির্ভরশীল। আই 66 পিএনজি 8 প্রদর্শন করতে পারে তবে পিএনজি 24 এ আলফা চ্যানেলকে সম্মান করে না, এবং সিএসএস-ভিত্তিক অস্বচ্ছতা প্রয়োজনীয় অ্যাক্টিভএক্স ফিল্টার এবং অন্যান্য সমস্যাগুলি ব্যবহার করে। হুপস পছন্দসই প্রভাব অর্জনের জন্য ঝাঁপিয়ে পড়তে পারে তবে প্রতিটি হুপ দীর্ঘতর বিকাশ চক্র, বাগের উচ্চ হার, আরও বেশি কঠিন রক্ষণাবেক্ষণ ইত্যাদির প্রতিনিধিত্ব করে man মানক-ঘন্টাগুলির সরাসরি ব্যয় ছাড়াও এটি (বর্তমানে সমস্যাযুক্ত) নকশাটি বিকাশ করে এবং বজায় রাখে, সংস্করণ এন + 1 এ কাজ করার পরিবর্তে বিকাশকারী-ঘন্টা বেঁধে একটি ক্লডজি কোডবেস বেঁধে দেওয়ার সুযোগ ব্যয়ও ছিল।

যখন এই ধরণের পরিস্থিতিতে থাকে তখন কোনও ডিজাইনের প্রতিটি ভিজ্যুয়াল এফেক্টের ব্যয় / সুবিধা পরিমাপ করতে হয়:

  • চাক্ষুষ প্রভাবটি কী আশ্চর্যজনক?
    এটিকে কি অন্য একটি সমান-প্রভাবশালী ভিজ্যুয়াল দিয়ে প্রতিস্থাপন করা যেতে পারে যা এতগুলি নির্মাণ সংস্থার প্রয়োজন হয় না?

  • প্রভাব লক্ষ্য থেকে সঠিকভাবে পুনরুত্পাদন করা যেতে পারে? যদি আপনার আসল নকশাটি লক্ষ্য দ্বারা সঠিকভাবে পুনরায় তৈরি করা যায় না, তবে আপনার নকশাকে নিকটতম সান্নিধ্যের সাথে প্রতিস্থাপন করা দরকার যা উপলভ্য হবে। (ধন্যবাদ, ওয়েব ডিজাইনারদের জন্য এটি কোনও ইস্যু কমই কমছে))

  • আপনি কত সময় বাজেট করেছেন?
    আপনি যে প্রভাবটি চান তা অর্জনের জন্য আপনি কি আরও বেশি ঘন্টা সময় ব্যয় করতে পারেন? যদি তা না হয় তবে আপনি কি কম সময়ের মধ্যে ফিচারটি আবার ডিজাইন করতে পারবেন?

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

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

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


5

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

ওয়েব / ব্রাউজারগুলি সম্পর্কে পর্যাপ্ত জ্ঞান ছাড়াই ডিজাইনারদের মধ্যে সবচেয়ে বড় সমস্যাটি হ'ল তারা এমন ডিজাইনগুলি তৈরি করে যা সুন্দর দেখায় তবে ব্রাউজারের ভিতরে সত্যই কাজ করে না। কিছু কিছু বিবেচনা নাও করতে পারে কেবল:

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

ডিজাইনারদের সাথে কাজ করার সময় আমি এই সমস্যাগুলি দেখেছি। এই ডিজাইনার কোড সম্পর্কে কিছু না জানার বিষয় নয়। তবে কীভাবে ডিজাইনটি ব্যবহারের জন্য রাখা হয়েছে তা নিয়ে চিন্তা না করার বিষয়গুলি।


হরফ সম্পর্কে দুর্দান্ত পয়েন্ট। আমি আমার মেশিনে ফন্টগুলি ইনস্টল করা নেই সেখানে কাজ করতে পিএসএস পেয়েছি।
ক্রিস_১১

4

মাঝারিটির মধ্যে একটি বিস্তৃত বোঝাপড়া সর্বদা কাজ করা একজনকে সেই অঞ্চলে আরও ভাল শিল্পী এবং কারিগর করে তোলে।

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

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

এক দশক আগে যখন বেশিরভাগ ওয়েব সাইটগুলি এখনও কারখানার মেঝে সমাবেশ লাইনের মতো নির্মিত হয়েছিল, তখন কোনও ব্যক্তিকে পিএসডি করানো এতটা বড় বিষয় ছিল না, পরের ব্যক্তি এইচটিএমএল করেন এবং পরের ব্যক্তিটি ডিবি ইত্যাদি যুক্ত করেন etc.

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

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


4

হ্যাঁ। একজন শিল্পীর পক্ষে তিনি যে মাধ্যমটিতে কাজ করছেন তা বুঝতে হবে, সে তার তেল এবং ক্যানভাসের চিত্রশিল্পী হোক, তার মার্বেল এবং ছিসেল সহ কোনও ভাস্কর হোক বা তার এইচটিএমএল এবং সিএসএস সহ কোনও ওয়েব ডিজাইনার হোক।

আমি ভিডিওগেম ইন্ডাস্ট্রিতে কাজ করতাম। সেরা গেম ডিজাইনাররা ছিলেন দৃ strong় প্রযুক্তিগত বাঁকযুক্ত সৃজনশীল মানুষ যারা মাঝারিটির পরিবর্তিত সীমাবদ্ধতাগুলি বুঝতে পেরেছিলেন এবং এটির জন্য ডিজাইন করতে পারতেন। যে লোকেরা এই দৃষ্টিভঙ্গিটি অতিক্রম করতে পারে না এবং তাদের দর্শনীয় জলকে বাস্তবায়ন করতে পারে না তারা চুষতে শুরু করে।

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


4

আমার জন্য, ডিজাইনার / বিকাশকারী সংযোগ বিচ্ছিন্ন হ'ল এটি কয়েক বছর আগে ঘটেছিল, তবে তখন লোকে বুঝতে পেরেছিল যে ওয়েব ডিজাইনটি তখন কেবল একটি মকআপ করা।

আমার জন্য, যখন কেউ তাদেরকে ওয়েব ডিজাইনার বলে আশা করে:

a) They can design a layout either in a image editing program, or in the browser
b) Can articulate their design choices, and have sensible reasons
c) Proficient (as opposed to basic knowledge) with HTML, CSS, and JavaScript.
d) Basic knowledge of server side programming

আমার কাছে, ওয়েব ডিজাইনার এমন কোনও ব্যক্তি যিনি কোনও সাইটের ক্লায়েন্ট পাশ তৈরি করতে পারেন।

একজন ভাল ওয়েব ডিজাইনারের এগুলির সবকটিই থাকবে এবং ডিজাইন প্রক্রিয়া চলাকালীন তারা কীভাবে পছন্দ করে তা সাইটের ইউএক্সকে প্রভাবিত করে of

যখন কেউ ওয়েব ডেভেলপার বলেন, আমি আশা করি:

a) Proficient with at least one server side programming language
b) Basic knowledge of server configurations
c) Basic knowledge of client side technology (JavaScript and AJAX implementations)
d) Basic knowledge of backend architecture

একজন ভাল ওয়েব বিকাশকারী এর মধ্যে এই সমস্ত থাকবে এবং এটি বুঝতে সক্ষম হবেন যে তিনি কীভাবে আর্কিটেকচারের পছন্দগুলি পছন্দ করেন তা সাইটের সামনের প্রান্ত এবং ব্যবহারকারীদের কার্যকারিতা কার্যকর করবে।

আপনি এমন লোকও পেয়েছেন যারা ইউএক্স এবং অন্যান্য ক্ষেত্রে বিশেষজ্ঞ হন যা আরও অনুভূমিক তারপরে ওয়েব ডিজাইন করে, এতে তারা বিভিন্ন বিকাশের পরিবেশে প্রয়োগ করে।

সম্পাদনা: কারও কাছে যদি কোনও ভাল ডিজাইন গোষ্ঠীর উদাহরণ থাকে যা গ্রাফিক ডিজাইনটিকে ওয়েব ডিজাইন থেকে আলাদা করে দেয় আমি খুব আগ্রহী হব।


3

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

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

আমার সাধারণ চিন্তা:

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

  • ওয়েব ডিজাইনাররা এই জাতীয় চাপযুক্ত ব্যক্তিদের সাথে ডিল করার সময় ক্রমাগত তাদের জীবনকে ঝুঁকিপূর্ণ করেন । এবং তাদের টেবিলে ডিজাইনটি ফেলে দেওয়ার পরিবর্তে অফিসের দিকে চেঁচিয়ে চিৎকার করে পালাতে গিয়ে এই সামনের দিকের কিছু বিষয়কে গুরুত্ব সহকারে বিবেচনা করা উচিত "এখন আমি শেষ হয়ে গেছি, এখন থেকে এই সমস্ত দেবতার দোষ! "

  • ডিজাইনের দোকানগুলি পোড়ানো উচিত।


2

আপনি কোথায় কাজ করেন তার উপর নির্ভর করে।

আপনি যদি একটি বৃহত সংস্থার জন্য কাজ করেন তবে এগুলি সমস্ত স্বতন্ত্র ভূমিকা হতে পারে:

  1. ইউএক্স বা আর্কিটেকচার বিশেষজ্ঞ - সাইটের তথ্য আর্কিটেকচার / সংস্থা পরিকল্পনা করে / ওয়্যারফ্রেমগুলি তৈরি করে

  2. ডিজাইনার - ফটোশপ বা অন্যান্য সরঞ্জাম ব্যবহার করে সাইটটি ডিজাইন করে

  3. ফ্রন্ট এন্ড বিকাশকারী - এইচটিএমএল / সিএসএস / জাভাস্ক্রিপ্ট / জেসন / এক্সএমএল / ইত্যাদি করে। এবং টেম্প্লেটিং কোড লিখুন যা পিছনের সাথে সামনের প্রান্তকে সংহত করে

  4. ব্যাক এন্ড বিকাশকারী - এমন প্রোগ্রামিং করে যা সবকিছুকে প্রকৃতপক্ষে গতিশীলভাবে কাজ করে

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

অবশ্যই আপনি যদি ফ্রিল্যান্সিং করে থাকেন তবে আপনার নিজের সবকিছু জানা এবং করা দরকার;)


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

2

আমি মনে করি ওয়েব ডিজাইনারদের এইচটিএমএল / সিএসএস জানা উচিত - এমনকি এটি কেবলমাত্র মৌলিক বিষয়গুলির মধ্যে সীমাবদ্ধ - এটি মাধ্যমটিতে কাজ করে এমন ওয়েব ডিজাইন এবং ওয়েব ইন্টারফেস তৈরি করতে সক্ষম হওয়ার জন্য।

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


1

ওয়েব ডিজাইনারদের কোডিং কীভাবে জানা দরকার?

হ্যাঁ, ওয়েব ডিজাইনারকে ওয়েবে একটি নকশা তৈরি করতে অ্যাডোব ফটোশপ, ইলাস্ট্রেটর এবং ইনডিজাইন এর মতো সফ্টওয়্যার নিয়ে কাজ করতে হয়। তারপরে এই ডিজাইনটি অনলাইন করার জন্য কোডিংয়ের সাথে কাজ করে। এবং তার জন্য, ওয়েব ডিজাইনারের পক্ষে কোডিং হিসাবে উপস্থাপনের জন্য সেখানকার ডিজাইনের উপাদানগুলি বোঝা খুব গুরুত্বপূর্ণ। তার জন্য, তাদের কোডিংয়ের জ্ঞান থাকা উচিত, পুরোপুরি বুঝতে না পারলেও মূল বিষয়গুলি সহ।


0

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

সুতরাং আপনার যদি মারার জন্য অনেক সময় থাকে তবে এগিয়ে যান এবং কোড শিখুন।

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

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.