লোকেরা কেন আমাকে আমার সাইটটিকে ভয়ঙ্কর দেখাচ্ছে বলে চলেছে?


9

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

এটি এখন কেমন দেখাচ্ছে তা এখানে:
এখানে চিত্র বর্ণনা লিখুন

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

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

একটি পার্শ্ব নোট: কার্যকারিতা: যদি এটি গুরুত্বপূর্ণ হয় তবে সাইটের কী লক্ষ্য অর্জন করা হচ্ছে তা এখানে (খুব সংক্ষেপে): ব্যবহারকারীরা বিষয় যুক্ত করতে পারেন এবং প্রতিটি বিষয়ের জন্য তাদের উত্তরগুলির সাথে একসাথে প্রশ্ন যুক্ত করতে পারেন । ব্যবহারকারীরা তাদের ফলাফলগুলি গ্রহণ এবং তুলনা করার জন্য সাইটটি "পরীক্ষা" এবং "কুইজ" তৈরি করে

সম্পাদনা 2 : এখানে আরও একটি প্রিন্টস্ক্রিন রয়েছে:
এখানে চিত্র বর্ণনা লিখুন

3 সম্পাদনা করুন : পরিষ্কার করার জন্য, এই স্ক্রিনশটগুলির মধ্যে আমার লিডিং পৃষ্ঠা। এগুলি বিষয়-নির্দিষ্ট বিষয়বস্তু পৃষ্ঠা।


6
+1 সফ্টওয়্যার ব্যবহার এবং ফন্ট সন্ধানের পরিবর্তে ডিজাইন সম্পর্কে একটি প্রশ্ন দেখতে সর্বদা সুন্দর - তবে, একটি নির্দিষ্ট উত্তর পেতে (যা আমরা স্ট্যাক এক্সচেঞ্জারে লক্ষ্য রেখেছি) আমাদের আরও কিছু তথ্যের প্রয়োজন হবে যাতে কিছু মানদণ্ড থাকে উত্তরগুলি মূল্যায়নের জন্য, এবং তাই আমরা একটি সাধারণ নকশা সমস্যা সমাধান করছি যা অন্যের সাথে প্রাসঙ্গিক হতে পারে এবং কেবলমাত্র একজন ব্যক্তির জন্য নিখরচায় ডিজাইনের পরামর্শ হিসাবে কাজ না করে;)। সাইটের টার্গেট শ্রোতা কে, উদ্দেশ্যমূলক মিথস্ক্রিয়াটি কী এবং আপনি এখনও পর্যন্ত কোন প্রতিক্রিয়া পেয়েছেন? এটি দেখতে স্ট্যাকএক্সচেঞ্জের মতো সাইটের মতো?
user56reinstatemonica8

@ user568458: মন্তব্যের জন্য অনেক ধন্যবাদ। "সম্পাদনা 1" এবং "একটি পার্শ্ব নোট:" যুক্ত করা হয়েছে।
ওরেেন এ

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

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

@ user568458 যে পোস্টটি সরানো হয়েছে ... এটি কোথাও আছে?
আবে

উত্তর:


9

সবার আগে আমি জোর দিয়ে বলতে চাই যে এই উত্তরের সমস্ত কিছুই কেবল এমএইচও, কিছু সর্বজনীন সত্য নয়;)।

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

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

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

আমি আশা করি এটি আপনাকে কিছুটা বোঝায় :)।


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

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

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

8

কয়েকটি জিনিস যা আমি লক্ষ্য করি যে আমি বিশেষত পছন্দ করি না সেগুলি হ'ল:

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

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


ধন্যবাদ আপনার মন্তব্যের জন্য অনেক! এটা খুব শিক্ষামূলক! আমি যদিও জবাব দিতে চাই :) :) এটি একটি ইলার্নিং সাইট, আমি উইকিপিডিয়া কাছাকাছি একটি নকশা সম্পর্কে ভেবেছিলাম। সুতরাং এটি "ব্যাকঅফিস" নয়, তবে আমি চেয়েছিলাম এটি সহজ এবং সরল হোক। আমি কি খুব বেশি দূরে নিয়ে গিয়েছিলাম? :) ২ আমি ঠিক তাই করার চেষ্টা করেছি! লোগোটি নীল এবং হলুদ এবং তাই রঙের জন্য আমাকে যা নির্বাচন করতে হয়েছিল তার সব কিছুই! এটা দেখায় না? ৩. এটি দুর্দান্ত টিপ! পটভূমি সহ সমস্ত আইটেম একই আকারের পটভূমির সাথে থাকা উচিত ?? শেষ অবধি, আমি @ থেবিডজিওকেও জবাব দিয়েছি :) আপনি যদি চান তবে এটি পরীক্ষা করে দেখতে পারেন :)। ধন্যবাদ!
ওরেেন এ

8

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

এটি বলার পরে, "সাব টপিকস" আপেক্ষিক গুরুত্বটি বিজোড় বলে মনে হচ্ছে:

  • শিরোনামটি কি "উপ-বিষয়" এর মতো কিছু হওয়া উচিত?

  • এটি ডানদিকে বন্ধ এবং বিষয় শিরোনামের চেয়ে আরও গুরুত্বপূর্ণ দেখাচ্ছে; সম্ভবত আপনি এটিকে আরও অধস্তন বোধ করার জন্য মূল বিষয়বস্তুতে অন্তর্ভুক্ত করতে পারেন?

  • "সাব টপিকস" শিরোনামের ওজন এটিকে ব্রেডক্র্যাম্বস বিষয়টির চেয়ে ভারী (আরও গুরুত্বপূর্ণ) বলে মনে হয়।

গ্রাফিক ডিজাইনের জন্য, আপনি পৃষ্ঠার প্রতিটি উপাদানগুলির জন্য মূল নীতিগুলি সম্পর্কে নিজেকে জিজ্ঞাসা করতে পারেন:

  • বৈসাদৃশ্য : যে উপাদানগুলি একই জিনিস নয় তাদের পক্ষে আলাদা আলাদা হওয়া উচিত যা আপনার ব্যবহারকারীরা তাৎক্ষণিকভাবে তাদের আলাদা করে বলতে পারেন।

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

    • "সাব টপিকস" ব্যাকগ্রাউন্ডটি গ্রেডিয়েন্টের সাথে একমাত্র (বোতামটি আলাদা জিনিস, সুতরাং এতে গ্রেডিয়েন্ট থাকা এটিকে আলাদা দেখায়, বিপরীতে এনে দেয়)

    • বাম দিকের নেভিগেশন হাইলাইটের গোলাকার কোণ রয়েছে অন্য বেশিরভাগ উপাদানগুলিতে তীক্ষ্ণ বর্গাকার কোণ রয়েছে

    • "কুইজ পছন্দসমূহ" এর বর্ণ (ভুল বানান) এর লোগোতে উপস্থিত হয় না, যা আপনি অন্যথায় নিজের রঙগুলি চেষ্টা করেছিলেন; বইয়ের বর্ণগুলির মতো পৃষ্ঠা উপাদানগুলির জন্য একই রঙ পেতে চেষ্টা করুন

(প্রকৃতপক্ষে, রঙগুলি একসাথে চলেছে তা নিশ্চিত করার একটি সহজ উপায় রয়েছে: একক রঙের সাথে শুরু করুন তবে বর্ণ, স্যাচুরেশন বা লাইটেন্সের মধ্যে কেবল একটির পরিবর্তিত হয় this এই পদ্ধতিতে আপনার উত্পন্ন সমস্ত রঙগুলি একসাথে ভাল দেখানো উচিত))

  • প্রান্তিককরণ : প্রান্তিককরণগুলি ছড়িয়ে ছিটিয়ে থাকা এবং অসংলগ্ন দেখার পরিবর্তে উপাদানগুলিকে পুরো সংযুক্ত করে তোলে। উদাহরণ স্বরূপ:

    • "আমাকে মনে রাখুন" বাক্সটি তার পাশের অন্যান্য পাঠ্যের চেয়ে কম

    • "কুইজ পছন্দসমূহ" উপরে ব্রেডক্র্যাম্বসের বিষয়টির চেয়ে আরও ডানদিকে

    • পছন্দগুলি কেন্দ্রিক হয়, অন্যদিকে অন্যান্য দেহের পাঠ্য বাম-প্রান্তরে থাকে

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

    • আপনার বিষয়গুলির ব্রেডক্র্যাম্বস বা উপ-বিষয়গুলির আশেপাশে কোনও স্থান নেই (আমার মনে হয়, এটি সর্বাধিক সাধারণ বৈশিষ্ট্যগুলির মধ্যে একটি যা আমাকে বলে যে গ্রাফিক ডিজাইনটি পুরোপুরি বিকশিত হয়নি)

    • প্রধান অনুচ্ছেদের শিরোনামের নীচে আপনার অনুচ্ছেদের ব্যবধানগুলি অসম্পূর্ণ

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


এটি +2 করুন
ওরেন এ

7

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

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

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


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

অথবা নুডলি নাম এবং একটি সহজ তবে কার্যকর ফ্রন্ট পৃষ্ঠার নকশা সহ আরেকটি সংস্থা ডুডল দেখুন । সুবিধার জন্য, আমি তাদের প্রথম পৃষ্ঠার একটি স্ক্রিনশট নিয়েছি এবং উপরে কয়েকটি লাল স্ক্রিবল যুক্ত করেছি:

ডুডল ডট কম এন্ট্রিেশন সহ প্রথম পৃষ্ঠার স্ক্রিনশট

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

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

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


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

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

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

অন্যান্য জিনিসগুলির একটি গুচ্ছ রয়েছে যা আপনিও হারাতে পারেন: উদাহরণস্বরূপ, নতুন এবং অনিবন্ধিত ব্যবহারকারী হিসাবে, কেন আমি "মুছুন" লিঙ্কটির মতো দেখতে পাচ্ছি? আমি কি সত্যিই পৃষ্ঠাটি মুছতে পারি? যদি হ্যাঁ, কেন ? যদি না হয় তবে লিঙ্কটি কেন সেখানে?

একইভাবে, "(703 উপলভ্য প্রশ্নাবলী)" নোটটি এটি যেখানে একটি অর্থহীন বিচ্যুতি, এটি দেখতে কোনও ইন্টারফেস উপাদান হিসাবে দেখায়। আপনি যদি আপনার সাইটের গভীরতার সাথে দর্শকদের মুগ্ধ করতে চান তবে এটি যেখানে এটি অন্তর্ভুক্ত রাখুন: সামগ্রীর ক্ষেত্রে উপযুক্ত চিত্তাকর্ষক চেহারা দেখাচ্ছে urb (" ইতিমধ্যে আমাদের কাছে 703 টি প্রশ্ন উপলব্ধ রয়েছে এবং আরও কিছু আসছে! ")

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


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

এবং অনিবার্য লিঙ্কগুলি প্রদর্শন করার জন্য .. এটি ব্যবহারকারীদের নিবন্ধন করার পরে তারা কী করতে সক্ষম হবে তা বুঝতে সহায়তা করে না? এবং শেষ কথা - আমার উচিত "কুইজ তৈরি" বোতাম যুক্ত করা উচিত আপনার বক্তব্যটি প্রমাণ করুন যে আমার সাইটের বার্তাটি পৌঁছেছে না - ব্যবহারকারীরা সত্যই কুইজ তৈরি করতে পারে না, তারা কেবল প্রশ্ন যুক্ত করে, এবং সাইটটি তাদের জন্যই কুইজ তৈরি করে ..
ওরেেন এ

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

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

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

3

আপনার "নকশা" চমৎকার হবে ... 1995 সালে। আসলে এটি পুরানো। এটি এমন একটি নকশা যা ইঞ্জিনিয়াররা সর্বদা সামনে আসে :-) আপনি করতে পারেন সবচেয়ে সহজ কাজটি হ'ল কিছু সিএসএস কাঠামো যেমন টুইটার বুটস্ট্র্যাপ , জুরব , যাই হোক না কেন ব্যবহার করুন । ফ্রেমওয়ার্ক আপনাকে আপনার নিজের "সৃজনশীলতা" থেকে রক্ষা করতে সহায়তা করে ;-)


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

1
... তবে আরে, আমরা দুর্দান্ত কোড লিখি :)। ফ্রেমওয়ার্কগুলির জন্য, যদিও আমি অনেকগুলি সাইটকে দেখেছি, আমার পাশাপাশি সেগুলিও দেখুন, ধন্যবাদ।
ওরেেন এ

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

3

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

প্রধান নেভিগেশন লিঙ্কগুলি বাম দিকে বা উপরে বরাবর থাকা উচিত কিনা তা নিয়ে কিছু লোক দুশ্চিন্তা করতে পারে তবে এই পার্থক্যগুলি কোনও সাইটকে তৈরি করে না বা ভাঙে না।

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

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

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

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

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

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

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


এটি আমার ক্ষেত্রে এটি "তাঁর";)
thebodzio

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

@ ওরিএনএ ব্লগ.ভিউজুয়াল.ইলি / টু ইউজ- ওফেলিউড- ইন- ডেটা- ডিজাইন - তথ্য নকশা সম্পর্কে আরও অনেক কিছু কিন্তু নীতিগুলি এখনও প্রয়োগ করে। মূলত, হলুদ জোরে: যত্ন সহ ব্যবহার করুন। এটি সূক্ষ্ম স্প্ল্যাশ এবং হাইলাইটের জন্য দুর্দান্ত
ব্যবহারকারী56reinstatemonica8

1
@ ওরিনা: আমি আমার পোস্টটি নিরুৎসাহিত করতে চাইনি, এবং এটি যদি এভাবে চলে আসে তবে আমি দুঃখিত। অনুগ্রহ করে এটিকে বোঝাবেন না যে "অনুভূতি" এমন একটি জিনিস যা আপনার অগত্যা সংগ্রাম করা হবে কারণ এটি অনর্থ্য নয়। আমি আরও জোর দিয়েই বোঝাতে চেয়েছিলাম যেহেতু শেখার নকশা মূলত একটি বাস্তব ব্যবহারিক পরীক্ষা, তাই আপনাকে সমর্থন ফোরামে এক বা দুটি ব্যাখ্যা দিয়ে ক্লিক না করার জন্য প্রস্তুত থাকতে হবে। এটি যদি আপনি উপভোগ করেন এবং কিছু করতে চান তবে আমি কেবল সাবধান করছি যে একটু ধৈর্য হওয়া দরকার এবং খুব শীঘ্রই হতাশ হবেন না।
প্রশ্নকর্তা

2

এই কারণেই আমার ধারণা লোকেরা আপনার সাইটে নেতিবাচক প্রতিক্রিয়া দেখায়: এটি অনেক বেশি প্রশ্ন উত্থাপন করে!

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

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

সুতরাং, প্রথমে আপনাকে "এই সাইটটি কী?" এর উত্তর দেওয়া দরকার। যেমন একটি মিশন বিবৃতি সহ। এটি আপনার কাছে স্পষ্ট হতে পারে তবে ওয়েবে থাকা প্রত্যেকের কাছেই তা নয়। মূল উদ্দেশ্য কী? কোয়েজ নিবেন বা কোয়েজ তৈরি করবেন? লোকেদের প্রথম কাজটি করতে আপনি কী চান? প্রবেশ করুন? একটি কুইজের উত্তর দিন? একটি তৈরী কর? আপনি যদি আপনার পৃষ্ঠায় লোকেরা থাকতে চান তবে এইগুলির উত্তর দেওয়া উচিত।

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

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

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


1

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

কিছু প্রথম দৃষ্টিভঙ্গি / পরামর্শ / প্রস্তাবনা: এইচ ট্যাগ (শিরোনাম) ফন্টগুলি পি ট্যাগের চেয়ে বড় করুন, অনেক বড় (শিরোনামের ফন্টের আকারের 30-30 এর আকারের কিছু, এবং অনুচ্ছেদে (11-সর্বোচ্চ 13) কমপক্ষে অনুমতি দিন 20 পিএক্স মার্জিন বা সামগ্রীগুলির ব্লকগুলির মধ্যে প্যাডিং (উদাহরণস্বরূপ একটি মেরিং-ডাউন: 20px; লগইন বারের জন্য এটি আরও পৃথক এবং সহজেই পড়তে দেয়।

কাউকে আপনার সঠিক লোগো ডিজাইন করার জন্য পান, আপনার এখন যেটি আছে ... ভাল না। বিভিন্ন ফন্ট চেষ্টা করুন, সম্ভবত একটি সানস-সেরিফ ফন্ট (গুগল ফন্টগুলিতে মুক্ত ওপেন স্যানের মতো, অথবা .. কেবল আড়িয়াল-হেলভেটিকা)।

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

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

বইয়ের পুনঃসংশোধন: স্ম্যামিং বুক [প্রথম এবং দ্বিতীয় বই] এবং ওয়েবসাইট:

http://smashingmagazine.com

এবং অন্য একটি: http://www.bamagazine.com/


নির্দিষ্ট টিপস জন্য অনেক ধন্যবাদ! তারা দুর্দান্ত সাহায্য। এবং বিটিডব্লিউ, আমি আমার লোগোটি তৈরি করতে কাউকে (একজন ফ্রিল্যান্সার) পেয়েছিলাম :)
ওরেন এ

1

কি দারুন! আপনি সত্যিই একটি প্রতিক্রিয়া উত্পন্ন! কমপক্ষে আপনি জানেন যে আপনার নকশাটি নজরে পড়ে না;)

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

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


0

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

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

0

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

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

আপনি যদি দ্রুত সমাধান করতে চান তবে আমি আপনাকে একটি সূচনা দেওয়ার জন্য কিছু বিশদ দেওয়ার চেষ্টা করব। এখানে উত্তরগুলি ভাল - তবে সেগুলি খুব নির্দিষ্ট নয়। আমি চেষ্টা করবো.

নোট করুন যে একটি পরিবর্তনশীল প্রস্থের নকশা স্থির প্রস্থের নকশার চেয়ে সর্বদা কিছুটা জটিল trick আমি মনে করি আপনি একটি 3 কলাম নকশা চয়ন সঠিক। সামগ্রীটি সঠিক, নকশাটি দুর্দান্ত নয় (আমার মতে)।

এখানে আমি কী করব (এটি সম্ভবত এক দিনেরও কম সময় লাগবে):

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

এটি আপনার সাইটটিকে ইন্টারনেটে সর্বাধিক দুর্দান্ত সাইট হিসাবে গড়ে তুলবে না, তবে আশা করা যায় এটি যথেষ্ট পরিমাণে এটি পোলিশ করবে এটি পরিদর্শনগুলি পাস করবে। :)


-1

বাহ ... এটা বেশ খারাপ lol।

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

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

সুতরাং, বার্তা হিসাবে ... প্রথমে ভাবার বিষয় হল তারা কী দেখছে .. ওয়েব পৃষ্ঠা, হ্যাঁ, তবে ওয়েব পৃষ্ঠাটি কী? এমনকি আপনার বিভাগগুলি পড়া, এটি পৃষ্ঠাটি কী তা আমার কাছে স্পষ্ট নয়।

'কী' তা রঙিন স্কিম, সামগ্রিক বিন্যাস পাশাপাশি শিরোনাম শিরোনাম দ্বারা জানানো হবে।

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

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

সামগ্রিক অবতরণ পৃষ্ঠাকে 3 ডিজাইনের উপাদান এবং 3 টি তথ্যের গুরুত্বকে ভাঙ্গার চেষ্টা করুন। নিজেকে জিজ্ঞাসা করুন তাদের প্রথম জিনিসটি কী দেখা উচিত, প্রথম কাজটি তাদের করা উচিত? দ্বিতীয়, তৃতীয়টি কী? এবং সেই অনুযায়ী পুনরায় নকশার চেষ্টা করুন।

কম রং ব্যবহার করুন এবং সেগুলি বোঝাতে সক্ষম হন .. কেন 3 টি পৃথক সংঘাতযুক্ত ব্লুজগুলি পাঠ্যের চারপাশে এলোমেলোভাবে ছিটানো হয় ??? আরও ফন্টের আকার (!) ব্যবহার করুন, আবার এটি 3s ভাঙা একটি ভাল শুরু, সবচেয়ে গুরুত্বপূর্ণ জন্য বড় ফন্ট, মাধ্যমিকের জন্য মাধ্যম ইত্যাদি is

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

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

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

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


-2

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

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


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

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

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