راهنمای گام به گام طراحی راهنمای سبک ( Style Guide ) – قسمت اول

در مقاله قبل به توضیح و ضرورت طراحی یک راهنمای سبک پرداختم. گفتم که راهنمای سبک یک ابزار مرجع است که کمک می کند تا یکپارچگی برندتان را به دیگران نشان دهد و دستورالعمل‌هایی برای مواجهه با آن تعیین و تدوین می‌کنند. در این قسمت سعی دارم مراحل گام به گام طراحی راهنمای سبک را مرور کنم. در لابه‌لای هر بخش تصاویری می‌بینید که تمام آن‌ها را از راهنمای سبک شرکت اوبر (Uber) انتخاب کردم. این راهنما یکی از کامل‌ترین و استانداردترین راهنماهای سبک طراحی شده است.

برای انتخاب راهنمای سبک برای مثال‌هایم اول سراغ برند‌های بزرگ ایرانی مثل دیجی‌کالا، اسنپ، تپسی و… رفتم اما متاسفانه ۹۹٪ در صد این شرکت‌ها یا راهنمای سبک ندارند یا ناقص است و یا آن را در اختیار عموم قرار نداده‌اند!

یک. هر چیز الهام بخشی را جمع کنید.

این مرحله شاید ساده‌ترین اما موثرترین بخش کار باشد. حتما شده بارها و بارها داستان‌های طولانی را بخوانید اما چیزی که در نهایت به یاد داشته‌اید تنها تصاویر آن بوده باشد. گاهی اوقات قدرت یک تصویر بیشتر از هزاران کلمه است.

در این مرحله از کار سعی کنید مجموعه ای الهام بخش از تصاویر، جملات، کلمات و … که هر کدام به نوعی برند شما را تداعی می‌کند جمع آوری کنید. در این مرحله می‌توانید از همه‌ی اعضای تیم (از برنامه‌نویس گرفته تا کارشناس منابع انسانی) با نگرش خاص خودشان استفاده کنید. با انجام این مرحله زمان زیادی را برای فرایند طراحی راهنمای سبک صرفه‌جویی.

شاید موارد زیر بتواند به شما در این مرحله کمک کند.

  • به روش‌ها و چیزهایی که قبلا امتحان خود را در برند شما پس داده فکر کنید و نمونه‌های موفق را جمع‌آوری کنید. این موارد می‌تواند شامل نمونه‌هایی از تبلیغات موفق، ایمیل‌ها، کمپین‌ها و … باشد.
  • رقبا چه کار‌هایی کردند که شما آن‌ها را دوست داشتید؟ آن‌ها را جمع‌آوری کنید.
  • چه سوالاتی به طور مرتب مطرح می‌شود؟ بازخورد‌های تکراری را دنبال کنید. اگر نکته‌ای بارها و بارها از طرف چندین نفر گفته شد حتما در طراحی راهنمای سبک خود لحاظ کنید.

در این مرحله حتما روی محتوای جمع شده یادداشت‌هایی را بگذارید. همه‌ی آن‌ها ممکن است درست نباشند. این قسمت بعدا می تواند در یکی از بخش‌های کار به شما کمک کند که بعدا درباره آن صحبت می‌کنم.

دو. شش عنصر ضروری که باید در هر راهنمای سبکی گنجانده شود.

هنگامی که نمونه‌های الهام‌بخش را جمع کردید، زمان شروع کار است. اگر شما تنها طراح شرکت هستید بدانید که این بخش از حساس‌‌ترین بخش‌های کاری شماست. اگر مدیر برند‌ هستید و یک تیم طراحی دارید، بهتر است طراحی راهنمای‌ سبک را به یک نفر از آن‌ها واگذار کنید. طراحی را انتخاب کنید که به خوبی با دیگران ارتباط برقرار می‌کند. طراحی راهنمای سبک فرآیند زمان بر و کاشفانه‌ای است و طراح در این فرایند نقش مهمی دارد!

عناصر یک راهنمای سبک

شش عنصر ضروری که در ادامه درباره‌ی آن ها صحبت می‌کنیم بایدهای‌ یک راهنمای سبک است. در مرحله ‌بعد طراح باید طراحی این عناصر را برای خود اولویت‌بندی کند. برخی از این عناصر (مانند لوگو) ممکن است قبلا طراحی شده باشند. تمام نسخه‌های موجود از لوگو یا چیزهای قبلا طراحی شده باید در اختیار طراح قرار بگیرد.

عنصر ۱. داستان برند

قصه‌ها همیشه بیشتر از هر چیز نوشتاری دیگری در ذهن انسان‌ها می‌مانند. برای معرفی برند خود، می‌توانید یک خلاصه ساده از خودتان ارائه کنید اما اگر بتوانید آن را به شکل داستان بنویسید ارزش بیشتری ایجاد می‌کنید. در مقاله قبل درباره عناصر کلیدی یک برند صحبت کردیم. داستان برندی که می‌نویسید می‌تواند شامل تمام آن‌ها باشد. مثل راهنمای سبک شرکت سیسکو (Cisco) . یا فقط می‌تواند یک یا دو تا از آن‌ها را شامل شود. مانند راهنمای سبک شرکت مدیوم (Medium). همچنین با قرار دادن یک ویدیو در این قسمت می‌توانید تاثیر آن را دو چندان کنید. 

عنصر ۲. لوگو

در این قسمت بعد از معرفی لوگو باید طرز و زمان استفاده آن در محیط‌های مختلف را بیان‌ کنید و نمونه‌های آن را به نمایش بگذارید.  شما ممکن است بدانید که چه لوگوی شما باید باشد، اما آیا می دانید چگونه در محیط های مختلف به دنبال آن هستید؟ این بخش از راهنمای سبک، تضمین می کند که لوگوی برندتان به همان شیوه ای که مورد نظر شماست استفاده می شود. در این قسمت بهتر است شکلی را که نباید استفاده شود را نشان دهید. این روش بیشتر در ذهن خواننده شکل می‌گیرد.دیدن راهنمای سبک نتفلیکس (Netflix) و لینکدین (Linkedin) برای درک بهترین این قسمت خالی از لطف نیست.

در این قسمت به نکات زیر توجه کنید.

  • اندازه: حداقل اندازه قابل استفاده و نسبت تناسب آن‌ها را فهرست کنید.
  • فضا: اگر لوگو نیاز به مقدار مشخصی فاصله از فضای سفید اطراف دارد، اندازه‌های آن فضا را مشخصا تعیین کنید.
  • رنگها: حدود قابل تغییر رنگ لوگو را حتما مشخص کنید. مثل معکوس، رنگی، سیاه و سفید و … همچنین زمان استفاده از آنها را بیان کنید. (برای مثال به تغییرات حدود رنگی مدیوم (Medium) توجه کنید)

عنصر ۳. پالت رنگ

تعیین رنگ ها و تعریف یک پالت رنگی برای برند، به ایجاد یک نگاه و احساس سازگار به برند کمک می‌کند. اکثر برندها چهار رنگ اصلی (یا کمتر) را انتخاب می‌کنند. این رنگ‌ها خیلی از رنگ لوگو دور نیستند.

در این پالت بهتر است که یک رنگ برای پس‌زمینه، یک رنگ تیره‌تر برای متن و یک رنگ خنثی را لحاظ کنید. مثل پالت رنگی لونلی پلنت (Lonely Planet). اطلاعاتی که در این قسمت برای هر رنگ باید معرفی کنید شامل اطلاعات زیر است.

  • معرفی رنگ: نام و شماره رنگ در فرمت PANTONE ( از این لینک می‌توانید کمک بگیرید)
  • رنگ نسخه چاپی: به فرمت CMYK
  • رنگ نسخه دیجیتال: کد های RGB و HEX

برای این قسمت من استفاده از پلتفرم‌های آنلاین Coolors و Paletton را پیشنهاد می‌دهم.

عنصر ۴. تایپوگرافی

بخش بزرگی از طراحی هویت یک برند، انتخاب فونت مناسب است. نیازهای برند تعیین می‌کند که تمام خانواده‌های یک فونت کافی است یا نیاز به استفاده از چندین فونت دارید. یکی از قاعده‌هایی که می‌توانم پیشنهاد دهم استفاده از فونت مخالف با لوگو به عنوان فونت اصلی است. این تضاد و کنتراست باعث می‌شود لوگو یگانه و واحد به نظر برسد. در این قسمت تمام دستورالعمل‌های لازم برای استفاده از فونت را قرار دهید. سعی کنید تمام حروف را با فونت انتخاب شده بنویسید و بگویید که چه زمانی از این فونت باید استفاده شود. طراحی این سه بخش را در این قسمت فراموش نکنید. نمونه‌های موفق تایپوگرافی را می‌توانید در راهنمای سبک اسلک (Slack) مشاهده کنید. توجه به موارد زیر در این بخش می‌تواند به شما کمک کند :

  • معرفی: توضیح دهید چرا این فونت به برند شما مرتبط است و هر یک از آنها برای استفاده در چه زمانی مناسب‌ است مثل تیتر، پاراگراف و …
  • هماهنگی یا alignment: اگر استفاده راست‌چین،‌ چپ‌ چین یا وسط چین فونت مهم است، به آن اشاره کنید.
  • فاصله: نسبت‌های فاصله بین حروف هنگام استفاده از سایز‌های مختلف فونت را مشخص کنید.

عنصر ۵. تصویر

بخش تصاویر در راهنمای سبک به مخاطب امکان درک و انتخاب مسیر درست در برند را می‌دهد. تصاویر بیشترین پیام را در کوتاه‌ترین زمان به مخاطب منتقل می‌کنند. برای درج تصاویر در راهنمای سبک خود می‌توان از چندین روش استفاده کرد که به نظرم بهترین روش نمایش نمونه‌هایی از تصاویر است که قبلا امتحان خود را برایتان پس داده‌اند. بعد از افزودن این تصاویر شیوه‌های دسترسی و ارتباط با آن‌ها را هم مشخص کنید. مثلا بگویید این فرمت در کاتالوگ چاپی قابل دسترس است یا در پست اینستاگرام. راهنمای سبک شرکت نایک (NIKE) در استفاده از تصاویر به خوبی عمل کرده. حتما نگاه کنید.

عنصر ۶. صدا یا تُن

وقتی به هویت یک برند فکر می‌کنیم،‌ سبک نوشتاری آن در ذهن ما حک می‌شود. صدا یا تُن یک برند به شدت مخاطبان را تحت تاثیر قرار می‌دهد. راهنمای سبک … در بیان تُن برند سازمانی بسیار خوب عمل کرده‌است. در این قسمت خلاقیت خود را نشان دهید. طراحی بصری قوی این بخش آن را بیشتر در ذهن ماندگار می‌کند.

  • بهترین روش: سعی کنید برای هر تُن صدایی که معرفی می‌کنید یک مثال بزنید.
  • ساخت شخصیت: از لیستی که قبلا برای توصیف شخصیت برندتان تهیه کردید استفاده کنید و نوع زبان شخصیت آن را بسازید. مثل این که تصور کنید یک انسان منظم و وقت‌شناس از چه نوع ادبیاتی استفاده می‌کند و …
  • بایدها و نبایدها: ساده ترین راه این است که بایدها و نبایدهایی که دوست دارید نشان‌دهنده ادبیات سازمانی شما باشد را نشان دهید. برای مثال اسکایپ (Skype) در این قسمت بسیار عالی عمل کرده.

در این قسمت به دو گام از ۵ مرحله ای که باید برای طراحی یک راهنمای سبک استاندارد اشاره کردم و عناصر کلیدی که باید مورد طراحی قرار بگیرد را بیان کردم. برای درک بهتر این قسمت لینک نمونه های موفق اینستاگرام (Instagram) ، توییتر(Twitter)، اسپاتیفای (Spotify) و فیسبوک(Facebook) را قرار دادم. در قسمت بعد سایر گام‌ها را با هم طی می‌کنیم.

دیدگاه شما:

ایمیل شما نمایش داده نمی‌شود.

Site Footer