সিএসএস 3 আবিষ্কারের সাথে সাথে কোনও ওয়েব ডিজাইনারের ফটোশপ ব্যবহার করা উচিত?


13

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

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

আমার প্রশ্ন হ'ল, ওয়েব ডিজাইনাররা কি এখনও কিছু তৈরির জন্য ফটোশপ ব্যবহার করবেন, যা থেকে কেবল 20% তাদের উপকারী হবে?

কোনও ওয়েব ডিজাইনার ফটোশপে একটি ডিজাইন তৈরির অন্য মাঝারি স্তর যুক্ত করার বিরক্তি ছাড়াই সরাসরি এইচটিএমএল এবং সিএসএসে পুরো নকশা তৈরি করতে পারেন এবং তারপরে কেবল সেখানে থাকা উপাদানগুলি তৈরি করতে পারেন?


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

চ্যাট বা কমপক্ষে মেটাতে এটি হওয়া উচিত। এটির সীমাবদ্ধ উত্তর নেই।
b01

উত্তর:


17

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

এর অর্থ এই নয় যে আপনি ফটোশপ ব্যবহার করবেন না। তবে অবশ্যই আপনার দরকার নেই।

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

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

সুতরাং, প্রশ্নের উত্তর দিতে:

কোনও ওয়েব ডিজাইনার ফটোশপে একটি ডিজাইন তৈরির অন্য মাঝারি স্তর যুক্ত করার বিরক্তি ছাড়াই সরাসরি এইচটিএমএল এবং সিএসএসে পুরো নকশা তৈরি করতে পারেন এবং তারপরে কেবল সেখানে থাকা উপাদানগুলি তৈরি করতে পারেন?

হ্যাঁ. এক অবশ্যই এটি করতে পারেন। আমি পিএসডি ডিজাইনারদের সাথে সমান্তরালে এটি দেখেছি। পিএসডি পদ্ধতির সাথে সবচেয়ে বড় সমস্যাটি হল আপনি যখন একটি চৌকস দলে কাজ করছেন working ডকুমেন্টেশনের জন্য ব্যবহৃত ভারী ফাইলগুলি (যেমন ফটোশপ) চপল প্রক্রিয়াটির পরিবর্তে বড় বোঝা হয়ে যায় এবং সমাধানের চেয়ে আরও বেশি সমস্যা যুক্ত করে। আমরা তারপরে বিপরীতে কাজ করার ঝোঁক ... প্রয়োজন অনুসারে আমরা পিএসে স্কেচ করি এবং তারপরে এইচটিএমএল / সিএসএস / জেএস ডিজাইন করি এবং তৈরি করি। তারপরে যখন আমাদের মিটিংগুলির জন্য দ্রুত ভিজ্যুয়াল আপডেটগুলি করা দরকার তখন আমরা কেবল কার্যকরী উপস্থাপনা স্তর মার্কআপটি স্ক্রিন-শট করব এবং ফটোশপে চড় মারব এবং দ্রুত টুইট করব।


আমি আপনার সাথে @ DA01। +1 টি।
সা Saeedদ নেমতি

1
+1 দুর্দান্ত নিবন্ধ (ঠিক আছে এটি কোনও নিবন্ধ নয়), তবে আপনি অবশ্যই এটির সংক্ষিপ্তসার জানিয়েছেন! আপনারা যা বলেছেন তার সাথে আমি সম্পূর্ণ একমত আমি ব্যক্তিগতভাবে আমার ক্লায়েন্টদের পুরো ডিজাইনের কার্যকারিতা সহ লাইভ এইচটিএমএল এবং সিএসএস মকআপগুলি সরবরাহ করার জন্য এটি একটি বিন্দু বানিয়েছি যাতে তারা নকশাকে 'অভিজ্ঞতা' করতে পারে!
ওয়েব_ডিজাইনার

2
"স্ক্রিন শট ওয়ার্কিং প্রেজেন্টেশন লেয়ার মার্কআপ" এর জন্য +1। যতক্ষণ না আমি এই উত্তরটি পড়েছি, আমি নিজের নিজের উত্তরে এরকম কিছু বলার কথা ভাবছিলাম, তবে আমার যুক্ত করার মতো বেশি কিছুই থাকবে না, তাই কেবল পরিবর্তে আমি
এইটিকে উপস্থাপন করব

+1 আমি আমার ডিজাইনের বেশিরভাগ কাজ এক বছরে CSS3 ব্যবহার করে ব্রাউজারে করতে শুরু করেছিলাম এবং খুব কমই ফটোশপ খোলাম।
ক্রিস_ও

1
+1 টি! ফটোশপ মূলত একটি বিটম্যাপ ম্যানিপুলেশন প্রোগ্রাম। লাইটওয়েট, ভাল নিয়ন্ত্রিত কোডের জন্য সরাসরি এইচটিএমএল এবং সিএসএসের চেয়ে ভাল উপায় আর নেই। সবসময় এমন জিনিস থাকবে যা PS থেকে ওয়েবে পরিবর্তন করতে হবে এবং আমি এটি দেখতে পাচ্ছি; পিএস ক্লায়েন্টের জন্য কেবল একটি জটিল স্তর যুক্ত করে।
বেনতেহ

7

** সম্পাদনা করুন **

নতুন ক্লায়েন্ট?

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

অন্য কোনও দৃশ্য:

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

** শেষ **

আমি বলতে হ্যাঁ -

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

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

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

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


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

DA01 - একেবারে। প্রকল্পটি পরিপক্ক হওয়ার সাথে সাথে আমার কাজের প্রবাহ পরিবর্তন হয়। আরম্ভের পরে, পিএসডিগুলি স্পর্শ করা হয় না।
ডসন

3

আপনি কি গ্যারান্টি দিতে পারবেন যে আপনার ব্যবহারকারীর 100% ব্রাউজার রয়েছে যা আপনার সাইটটি ঠিক যেমন দেখতে পাবে আপনি (বা আরও গুরুত্বপূর্ণভাবে ক্লায়েন্ট) এটি দেখার ইচ্ছে করে? কোন? তাহলে কত শতাংশ? 90%? 80%?

আপনি কী তা নিশ্চিত করে নিতে পারেন যে এটি দুর্দান্তভাবে হ্রাস পেয়েছে, যাতে বাকী 10% (20%? 40%?) দ্বারা দেখা বিকল্প সংস্করণ গ্রহণযোগ্য?

যদি না হয় দু'টিই সমস্যা হয় তবে আপনার কিছু ফটোশপ দরকার।


দুঃখিত; এটা কেন? আপনি কি বলতে চাইছেন ব্যাখ্যা করতে পারেন?
বেনতেহ

@boblet আপনার প্রশ্নে নির্দিষ্ট করুন। কি বর্ণনা করব?
লরেন-ক্লিয়ার-মনিকা-ইপসাম

ওহ দুঃখিত; আমি ভাবছিলাম যে আপনি কেন বলছেন যে আপনার ব্রাউজারের ধারাবাহিকতার অভাবে কিছু পিএস দরকার? একরকম আমার কাছে তা বোঝায় না।
বেনতেহ

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

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

2

চিন্তা করার বিষয়গুলি:

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

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

  • যেমনটি আপনি উল্লেখ করেছেন যে তারা এর ৮০% CSS3 এ করতে পারে তবে তাদের শেষ পর্যন্ত ফটোশপের কিছু অংশ লাগবে।

  • আমি যুক্তি দিয়ে বলব যে আপনি যদি ফটোশপটিতে মক-আপ করছেন আপনি যদি ডিজাইনার এবং বিকাশকারী হন এবং এটির সময় সাশ্রয় হয়, অন্যথায় সবসময় ফটোশপে একটি মক-আপ করুন।

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