چگونه طراح بهتری باشیم؟ راهنمای ۵ دقیقه‌ای برای کسانی که طراح نیستند

پایه و اساس طراحی خوب، توسط هرکسی می‌تواند یاد گرفته شود. در این راهنما ما دانش اولیه و نکته‌های کاربردی برای طراحی مناسب را مطرح خواهیم کرد.

استفاده از کنتراست زیاد

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

رنگ تقریبا سیاه از رنگ سیاه خالص، خوانایی بهتری دارد

اگر حق انتخاب دارید، سعی کنید از رنگ ۳۳۳۳۳۳# به جای سیاه خالص استفاده کنید. سیاه خالص باعث می‌شود که تمرکز روی نوشته‌ها دشوارتر شود.

محتوای مهم را اول بیاورید

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

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

اینستاگرام (پایین، سمت چپ) تمرکز خود را روی عکس/ویدیو که توسط کاربر پست شده است، گذاشته است.

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

جستجو کردن، یکی از امکاناتی است که پینترست روی آن تمرکز زیادی کرده چرا که یکی از اصلی‌ترین ویژگی‌های آن است.

بیایید به دو مثال دیگر هم نگاه کنیم:

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

فیسبوک (پایین، سمت راست) شباهت بسیار زیادی به اینستاگرام دارد و محتوا را بالاتر از دیگر موارد قرار می‌دهد.

همترازی همه اجزا

سریع‌ترین راه برای رفع مشکل عنصری که با دیگر اجزا هماهنگ به نظر نمی‌رسد تراز بخشیدن به آن است. هنگامی که طراح‌ها از نیاز به “گرید” صحبت می‌کنند در حال اشاره به مشکل عدم هم ترازی هستند.

با قرار دادن اجزا در جای درست خود، به راحتی می‌توانیم ظاهر یک برنامه یا سایت را ۱۰ برابر بهتر کنیم.

اندازه فونت ها

توجه داشته باشید که ما برای مورچه‌ها طراحی نمی‌کنیم.

افزایش اندازه فونت باعث می‌شود محتوا ساده‌تر خوانده شوند به خصوص اگر از فضای مناسبی در اطراف فونت استفاده شود.

ابتدا به صورت سیاه و سفید طراحی و سپس رنگ را به آن اضافه کنید

طراحی به صورت سیاه و سفید، باعث می‌شود تمرکز روی نکات و ویژگی‌های اصلی برنامه باشد.

رنگ‌ها باعث ایجاد واکنش‌های احساسی می‌شوند و معمولا جلوی تمرکز ما روی مسائل اصلی طراحی را می‌گیرند.

ایجاد طراحی راحت و کاربردی

تقلا و کشش دست یک مشکل واقعی است. به تصویر پایین که توسط لوک رابلئوسکی کشیده شده است توجه کنید.

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

به همین دلیل است که بسیاری از برنامه‌ها، فهرست و قابلیت‌های کلیدی را در پایین صفحه قرار می‌دهند.

استفاده از پلت‌های رنگ

رنگ‌ها را می‌توان به راستی هنر پیچیده‌ای دانست. ما شدیدا پیشنهاد می‌کنیم که از سایت‌هایی مانند Coolors و Color Claim استفاده کنید. همچنین با رفتن به سایت dribbble و جستجوی Color Palettes می‌توانید به نتایج جالبی دست پیدا کنید.

با استفاده از این ابزارها خود را از دست ساعت‌های بی پایانی از سردرگمی و شک نجات دهید.

استفاده از استانداردهای اپل و گوگل

اپل و گوگل منابع فوق‌العاده‌ای برای کسانی که می‌خواهند برای اندروید و iOS برنامه بسازند، ایجاد کرده‌اند.

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

همچنین اپل نیز HIG را دارد که شما را با طراحی گرافیکی برنامه برای iOS آشنا می‌کند.

به یاد داشته باشید، طراحی نیاز به تمرین دارد

تمرین دادن چشم برای پیدا کردن مشکلات مرتبطبا طراحی، نیازمند زمان و تمرین است. با این حال توجه به نکات بالا، شما را به طراح بهتری تبدیل خواهد کرد.