در قسمت قبل راهنمای گام به گام ایجاد یک راهنمای سبک یا style guide را شروع کردم. گفتم که هر راهنمای سبک استانداردی باید حتما تمام دستورالعمل‌های ۶ عنصر مهم و ضروریِ داستان برند، لوگو، پالت رنگی، تایپوگرافی، صدا و تُن و تصاویر را دارا باشد. در ادامه به سه گام باقی مانده در طراحی راهنمای سبک اشاره می‌کنم.
سه. لیستی از عناصر دیگر قابل طراحی که برند نیاز دارد را تهیه کنید.
این ۶ موردی که به آنها اشاره کردم شالوده و لازمه‌ی هر راهنمای سبکی است. هر سازمان یا به عبارت بهتر هر چیزی تحت عنوان یک برند، نیاز به داشتن آنها در راهنمای سبک خود هست. اما گاهی اوقات بنا بر موضوعیت و حوزه‌ی فعالیت برند، برخی موارد به این ۶ عنصر اضافه می‌شوند. برای مثال:
- اگر برند فقط در زمینه دیجیتال فعالیت دارد، بهتر است کدهای مربوط را اضافه کنید. مثلا برای درج تصاویر از کلاس خاصی در CSS استفاده کنید.
- اگر محصولی که عرضه می‌کنید، به طور فیزیکی هم با کاربر در ارتباط است،بهتر است موارد و دستورالعمل‌های مربوط به بسته بندی ( مثل سایز، جنس، جاگذاری توضیحات و …) را هم درج کنید.
- یا اگر در شبکه‌های اجتماعی هم فعالیت گسترده دارید، بهتر است بعضی دستورالعمل هایی که در پست‌ها ملزم به استفاده از آنها هستید را اضافه کنید.
چهار. راهنمای سبک را طراحی کنید.
بعد از جمع آوری و طراحی موارد بالا ( ۶ عنصر ضروری + عناصر دیگر) با توجه به نیاز کسب و کارتان آنها را با یکدیگر ترکیب کنید و طرح کلی را ایجاد کنید.
قبل از شروع طراحی حتما به این فکر کنید که نحوه‌ی نمایش نسخه‌ی نهایی قرار است به چه صورت باشد. می‌خواهید یک فایل PDF دیجیتالی داشته باشید یا آنلاین روی وبسایت قرار دهید یا حتی به صورت نسخه چاپی منتشر کنید. به تمام این‌ها قبل از طراحی فکر کنید و چالش‌های مربوط به هر کدام را در نظر بگیرید.
پنچ. مرتبا راهنمای سبک را مورد بازبینی قرار دهید.
مهم‌ترین نکته‌ای که هنگام طراحی باید در نظر بگیرید این است که این سند قرار است روز به روز کامل‌تر و جامع‌تر شود. می‌توانید آن را به صورت دوره‌ای مثلا هر ۶ ماه یک بار مورد بازبینی قرار دهید.
برخی از راهنما‌های سبک در حد یک صفحه‌ی HTML طراحی شدند و برخی دیگر مانند یک رمان هستند. این نیاز کسب و کار شماست که مشخص می‌کند به کدام جهت بروید.
من در این قسمت حدود ۶۰ راهنمای سبک خارجی که به نظرم مراجع خوبی برای الهام گرفتن بودند را به تفکیک موضوع فهرست کردم. اگر راهنما‌های سبک خارجی و داخلی دیگری می‌شناسید خوشحال می‌شوم در تکمیل این لیست کمک کنید.
کسب و کارها:
- اوبر (Uber)
- میل شیمپ (Mailchimp)
- ویمو (Vimeo)
- IBM
- اسپاتیفای (Spotify)
- نتفلیکس (Netflix)
- ویرجینیا تک (Virginia Tech)
- والمارت (Walmart)
- وردپرس (WordPress)
- پیتزا هات
- رویال میل (Royal Mail)
- سانتا (Santa)
- ساپو (Sapo)
- اسکایپ (Skype)
- ردفرن (REDRFERN)
- سونی (SONY)
- اوبونتو (Ubuntu)
- مسترکارت (Master Card)
- ماکروسافت (Microsoft)
- Mississauga
- موزیلا (Mozilla)
- فایر فاکس (Fire Fox)
- انیمال پلنت (Animal Planet)
- اپل پی (Apple Pay)
- آئودی (Audi)
- بلفست (Belfast)
- برند پد (Brandpad)
- خطوط هوایی بریتیش (British airways)
- Code for America
- دراپ باکس (Dropbox)
- Heineken
- آسانا (Asana)
سازمان‌های دولتی:
دانشگاه‌ها و مراکز آموزشی:
- دانشگاه لوییس ویل (Louisville)
- دانشگاه کولورادو شمالی (UNC)
- دانشگاه یل (Yale)
- دانشگاه پرینستون (Princeton)
- دانشگاه کویین (Queen)
- کالج سن ماری او وود (SMWC)
- دانشگاه تگزاس
- دانشگاه آرکانساس(Arkansas)
- دانشگاه کالیفرنیا
- دانشگاه آنجلا شرقی (UEA)
- IEEE
- دانشگاه لیبرتی (Liberty)
- دانشگاه ملی سنگاپور
- دانشگاه نیویورک (NYU)
- دانشگاه اوهایو
- دانشگاه برکلی
- دانشگاه بوستون
- دانشگاه کلمبیا
- دانشگاه دوک (Duke)