چگونه یک طراح بصری حرفه ای و خوبی بشوم؟ : با سلام به دوستان کدفرندی و طراحان رابط کاربری و تجربه کاربری , این نوشته را برای آندسته از دوستانی که میخواهند طراح بصری خوبی شوند تهیه کرده ایم .در ادامه اصول و نکته هایی برای طراح بصری بهتری شدن را ذکر خواهیم کرد .

چگونه یک طراح بصری حرفه ای و خوبی بشوم؟

من همیشه فکر میکردم چگونه به این دسته از سوالات پاسخ بدهم؟ فکری به سرم زد که بهتر است به تجربیاتم برگردم و این سوال را به این صورت پاسخ دهم : فرض کنید شما میخواهید یک زبان جدید را یاد بگیرید حالا چه برنامه نویسی چه زبانی که مردم عادی با آن حرف میزنند .شما اول باید ساختار ها و ریشه ها و چیز های بیس و اساس را یاد بگیرید .

لازم به ذکر است که visual deisgn یا همان طراحی بصری یک زبان است visual language (: و یادگرفتن دیزاین بصری فرقی با یاد گرفتن یک زبان جدید ندارد و این را نیز به یاد داشته باشید که یک طراح خوب صرفا طراح زاده نشده بلکه ساخته شده است . و منظورم از این جمله این است که فکر نکنید کسانی که طراحی های بسیار خوب دارند از همان بچگی استعداد داشته اند . نه!! آنها یادگرفته اند و خودشان را ساخته اند . پس شما نیز میتوانید .

و برای اینکه بتوانید یک طراح بسیار خوبی شوید باید تلاش عاقلانه و هوشیاری بکنید .

اصل یک : برگردید به تایپوگرافی

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

به قدری این مبحث مهم و پایه ای است که شما حتی میتوانید یک طراحی را کاملا با تایپوگرافی درست کنید و این مهارت از تایپوگرافی نیازمند تلاش و یادگرفتن اصول آن است برای مثال درباره عبارت های tracking, kerning, و leading یاد بگیرید و این مقاله انگلیسی میتواند شروع خوبی باشد .

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

اصل دو : از فاصله برای ساختن بالانس استفاده کنید

فاصله و گذاشتن فاصله های هوشمندانه و درست باعث میشود تا یک سلسله مراتب بصری (visual hierarchy) خوبی را بدست بیاورید .شما میتوانید به وبسایت های Behance و یا  Dribbble برای الهام گرفتن در کار هایتان و دیدن و فهمیدن اصول فاصله انداختن را یادبگیرید و همچنین با خواندن مقاله هایی در باره آن نیز میتوانید بهتر یادبگیرید .

و لازم به ذکر است که دید خاص خودتان را باید برای قاصله انداختن بین المنت های دیزاینتان داشته باشید ولی فراموش نکنید که اصول را باید یادگرفته باشید .

و اگر با اصول تایپوگرافی آشنا شده باشید حتما اهمیت فضای خالی و یا همان فاصله ها را فهمیده اید .

اصل سوم : از سایز ها برای ساختن یک سلسله مراتب بصری استفاده کنید

وقتی صحبت از visual hierarchy یا همان سلسله مراتب بصری میشود این موضوع نیز اهمیت بسیاری دارد که شما با طراحی سایز های درست و بجا یک جریان  flow خوبی را در طراحی داشته باشید .منظورمان از طراحی و یا همان درست کردن سایز ها چیست؟

منظورمان رابطه سایزی بین المنت های وبسایت یا طرح شما است به تصویر زیر نگاه کنید .

اگر به تصویر بالا خوب نگاه کرده باشید میبینید که یک grid زیر آن قرار داده ایم و طبق گرید دکمه ها را تنظیم کرده ایم . و دکمه اولی دو خانه مربعی از دکمه دومی بزرگتر است و به همین ترتیب با کاهش دوخانه از دکمه دومی میتوان دکمه سومی را ساختن (اگر لازم باشد)

پس grid یک گزینه بسیار عالی برای تنظیم سایز هاست از آن استفاده کنید .

اصل چهارم : از رنگ ها استفاده کنید و اصول رنگشناسی را بدانید

همانطور که میدانید رنگ ها معنی ها و حس هایی را منتقل میکنند . و یک وحدتی را در دیزاین به ارمغان میاورند . با یادگرفتن اصول رنگ و معنا های آن ها میتوانید بهترین رنگ هارا نسبت به هدف وبسایت و یا اپلیکیشنتان انتخاب کنید .

بهترین دیزاین ها هدفشان را شناسایی کرده و رنگ را بر اساس آن انتخاب میکنند .به نظر شخصی من : هدف وبسایت دو بخش دارد , یک هدف مشخص که وب یا اپلیکیشن ما قرار است فلان چیز را ارایه دهد و یک بخش دیگر هدف را کاربر ها تعیین میکنند .

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

حرف آخر

موارد بالا موضوعات اصلی و پایه ای طراحی رابط کاربری و بصری است و شما باید بر آن ها مسلط باشید و حواستان را جمع کنید و همیشه بر اساس استاندارد ها و اصول پیش بروید تا دیزاین شما شکست نخورد .

در کدفرند دوره طراحی رابط کاربری را تماشا کنید