Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Workflow
Webdesign

A Super-Quick Introduction to Style Guides

by
Length:ShortLanguages:
This post is part of a series called All About Style Guides.
How to Create Style Guides for a Specific Audience

Bengali (বাংলা) translation by Shakila Humaira (you can also view the original English article)

This week the Tuts+Web Design team is bringing you an in depth series of pieces on the wide world of Style Guides and all the moving parts that go along with them.

The term "Style Guide" is very broad and can encompass several different areas, potentially covering everything from company branding, to interface design, to coding methodologies and more.

To get the ball rolling on our Style Guide week we're going to simplify things a little bit Let's start with the most fundamental question: what is a Style Guide?

What is a “Style Guide”?

In a nutshell, a Style Guide is a set of standards that apply to the creation of text or design based assets for an organization, a publication, or a field.(1) এটি করণীয় এবং বর্জনীয় এর একটি সর্বাঙ্গীণ তালিকা প্রণয়ন করে যা সংগঠন, প্রকাশনা বা ক্ষেত্রের লক্ষ্যের সাথে সামঞ্জস্য রেখে ধারাবাহিকভাবে কন্টেন্ট ও ডিজাইন তৈরি করা নিশ্চিত করে।

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

  • ওয়েবসাইট লেআউট এবং ইন্টারফেস ডিজাইন
  • পাঠ্য এবং ছবির বিন্যাস
  • কোম্পানির নাম এবং লোগো প্রদর্শন
  • রঙের প্যালেট
  • কোড সৃষ্টি করা

স্টাইল গাইডগুলি কি কি নির্ধারণ করে?

প্রতিটি স্টাইল গাইডই অনন্য এবং আপনি প্রতিটি নির্দিষ্ট বিষয়ের মধ্যে ভিন্ন ভিন্ন জিনিস দেখতে পাবেন। তবে, বিষয়বস্তু সাধারণত নিম্নলিখিত চারটি বিভাগের মধ্যে পড়বে।

পরিচয়

বিষয়বস্তু গুলোর পিছনের কারণটি কি? পরিচয় নিশ্চিত করা ব্রান্ডিংয়ের মূল ভিত্তি তৈরি করে এবং এতে অন্তর্ভুক্ত আছে:

  • মিশনের বর্ণনা
  • গ্রাহক / ক্লায়েন্ট / ব্যবহারকারীদের কাছে প্রতিশ্রুতি
  • ব্যক্তিত্ব, ভাষা এবং স্বরভঙ্গি
ভাষার ভঙ্গিমা Macmillan Cancer Support এর জন্য খুব গুরুত্বপূর্ণ

ব্রান্ডিং এবং ডিজাইন

জনসাধারণের কাছে "পরিচিতি" পেতে নীচের উপাদানগুলো দরকার। যেমন:

  • কালার প্যালেট
  • লোগো ডিজাইন
  • টাইপোগ্রাফি
  • সামগ্রিক স্টাইল
  • অ্যানিমেশন
Kickstarter এর কালার প্যালেট

মিথষ্ক্রিয়া

মানুষের সাথে নীচের বিষয়গুলো নিয়ে মুখোমুখি হওয়া:

  • ইউজার ইন্টারফেস অভিজ্ঞতা
  • ডিজাইনের মূলনীতি যা ব্যবহারকারীর দিকে আলোকপাত করে তৈরি
  • বিভিন্ন সাইটের ভিজিটর প্রবাহ
বিবিসির Global Experience Language এর কিছু অংশ

বিন্যাস

এ সম্পর্কিত সেরা অভ্যাস:

  • কোডের বিন্যাস ও পদ্ধতি
  • পাঠ্য / ভাষা এবং ছবির বিন্যাস
  • লোগো ব্যবহারের গাইডলাইন
হ্যা, আমরাও এটা করেছি

স্টাইল গাইড কিভাবে প্রয়োগ করা হয়?

বেশ কিছু সাধারণ উপায়ে স্টাইল গাইডগুলো প্রয়োগ করা হয়, যেমন:

  • স্টাইল টাইলস
  • প্যাটার্ন লাইব্রেরী
  • ওয়্যারফ্রেম
  • প্রতিরূপ
  • পন্যের নমুনা

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

আরও আছে!

কিভাবে আপনার নিজস্ব স্টাইল গাইড তৈরি ও ব্যবহার করবেন তা জানতে এই সপ্তাহে আমাদের সঙ্গেই থাকুন। এটা আপনাকে আপনার ক্লায়েণ্ট ও নিজের কাছে উভয় ক্ষেত্রেই আত্মনির্ভরশীল করে তুলবে।

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.