اصول پایه در طراحی
نویسنده : پشتیبان
دسته بندی : مقاله ها
با سلام به همراهان عزیز مدرسه گرافیک پلاس.امروز با ارائه ی یک مقاله ی کاربردی و جذاب دیگر با موضوع اصول پایه در طراحی در خدمت شما هستیم.طراحی گرافیک کاری است که نیاز به تواناییهای بالا دارد. جامعه برای طراحیهای گرافیک و آنچه میبیند اهمیت قائل است و نیاز به طراحی باکیفیت همیشه وجود دارد؛ چه برای تبلیغات باشد و چه برای وبسایتها، لوگوها، ویدیوها، بنرها یا محتوای وب. نیازی نیست شما حتماً یک طراح حرفهای باشید تا محتوای قابل به اشتراکگذاری تولید کنید؛ خصوصاً که اضافه کردن عناصر طراحی به تصاویرتان به آسانی چندین ضربه روی تلفن همراهتان است. با این وجود، داشتن ابزارهای نرم و ماهرانه، جزئی از این مسیر هستند. همیشه باید حواستان به آنچه از لحاظ بصری دیده شده و به نظر میآید و آنچه که از پیامی که میدهید از بین میرود، باشد. اینجا به هشت مورد از اصول پایهای طراحی اشاره میکنیم تا هنگام کار با تصاویر و طراحی و ساخت گرافیک به خاطر داشته باشید.
هشت مورد از اصول پایهای طراحی
۱- همترازی:
همترازی، اصلی مهم در طراحی است، چرا که با اطمینان از ارتباط مورد نظر بین عناصر، به ایجاد ظاهری منظم کمک میکند. تراز کردن عناصر به صورت صحیح، طراحی را تمیز کرده و بینظمی و آشفتگی که هنگام قرار دادن تصادفی عناصر رخ میدهد را از بین میبرد. در سایت Spark Post تراز کردن عناصر نسبت به هم یا با تصویر زمینه، به لطف نقاط خطچین که هنگام حرکت دادن بلوکهای متن یا اشکال ظاهر میشوند آسان است. برنامه هنگام تراز کردن متن یا شکل در وسط کار یا نسبت به سایر عناصر، شما را آگاه میسازد.
۲- سلسله مراتب:
هنگامی که عناصر متعددی در یک طراحی دارید، میخواهید مطمئن شوید که از نظر بصری، به پیام مهمی که دارید، وزن و برجستگی بیشتری بدهید. این کار Hierarchy یا سلسله مراتب نام دارد و با راههای متعددی مانند استفاده از فونت بزرگ یا درشت، قرار دادن مهمترین پیام در بالای سایر بخشهای اطلاعات، یا استفاده از اشکال برای قرار دادن آن پیام در یک قاب قابل انجام است. استفاده از این اصل در طراحی، با پیام و هدف طراحیتان شروع میشود. ابتدا مهمترین بخش اطلاعات را کشف کنید. شاید میخواهید مهمترین پیام طراحیتان یک نقل قول باشد، اما میخواهید بینندگان بفهمند که چگونه باید شما را دنبال کنند. پیام اصلی خود را به صورت بصری، با یک نقطه کانونی با متن یا شکلی در اندازه بزرگ ایجاد کنید تا آن را برجسته کرده و پیام دوم خود را به صورتی که بر این پیام غالب دیده نشود بسازید. ما توصیه میکنیم ابتدا پیام اصلی را طراحی کنید و با استفاده از چرخ طراحی (design wheel) در سیستم عامل iOS پیشنهادهایی برای طراحی عناصر مختلف دریافت نمایید. از سوی دیگر، اگر ارتباطتان در شبکههای اجتماعی قرار دارد، میتوانید پیام خود را در قسمت کپی یا کامنت انتقال دهید.
۳- کنتراست (تضاد):
کنتراست یک اصل مهم در طراحی است چراکه به شما امکان میدهد تا مهمترین عنصر طراحی را برجسته کرده و بر آن تأکید کنید. کنتراست هنگامی رخ میدهد که دو عنصر طراحی در تضاد با یکدیگر هستند؛ به عنوان مثال، رنگ مشکی و سفید، چاقی و لاغری، مدرن و سنتی و … . کنتراست چیزی است که چشم بیننده را به مهمترین قسمت طراحی هدایت میکند و کمک میکند تا اطلاعات به خواناترین شکل ممکن ساماندهی شوند.
۴- تکرار:
تکرار یک اصل مهم طراحی است چراکه باعث تقویت نمای کلی طراحی میشود. همچنین بین عناصر مختلف چنان ارتباط ایجاد میکند که سازمانیافته و استوار باقی بمانند. ثبات و تکرار در برندینگ اهمیت ویژهای دارند، چراکه شما میخواهید در اولین نگاه، ظاهر خاص طراحی قابل شناسایی باشد. در تصویر زیر، قسمتی از سایت Planning Pretty که یک سایت ارائه دهنده خدمات وبلاگ است را میبینید که چگونه با استفاده از Spark Post برای ایجاد یک برند ثابت و استوار استفاده کرده است (راهنمایی حرفهای: میتوانید یک طراحی اصلی ایجاد کنید، آن را کپی کنید و برای ایجاد تغییرات جزئی با یک کلیک، از آن استفاده نمایید).
در صفحه اصلی وبسایت، او یک نوار صورتی را در بالای تمامی صفحات در نوار کناری (عکس بالا) برای ایجاد پیوستگی و انسجام تکرار کرده است.
۵-نزدیکی
نزدیکی نیز برای ایجاد سازماندهی در یک صفحه مفید است، زیرا عناصر مرتبط یا شبیه به هم باید برای ایجاد رابطه بینشان گروهبندی شوند. به طور ایدهآل، عناصر را با یکدیگر دستهبندی میکنید تا اجزای غیرضروری و زائد از طرح کلی حذف شوند. نیازی نیست عناصر با قرار گرفتن در کنار یکدیگر دستهبندی شوند؛ “نزدیکی” میتواند به معنای این باشد که آنها به روشی بصری، به یکدیگر مرتبط هستند؛ مثلاً با یک رنگ، فونت، تایپ، سایز و … . در تصویر زیر میببینید که Brian Nemhauser صاحب وبسایت Hawkblogger چگونه اشکال و فونتهای سازگار با یکدیگر را در کنار هم برای برجسته کردن امتیازات یک بازیکن دستهبندی کرده است.
راهنمایی حرفهای پست Spark :آیا می دانستید چرخ طراحی در iOS قبل از پیشنهاد سبک های جدید، از سبک های موجود در سند استفاده می کند؟ این سریعترین راه برای ایجاد متنی جدید به مانند متنی دیگر است.
۶- بالانس (توازن)
بالانس به طرح فرم و ثبات میدهد و کمک میکند که عناصر را در کل طراحی خود توزیع نمایید. فضای مساوی و هموار، به جای ظاهری بینظم و شلوغ، ظاهری حرفهای و جذاب ارائه میدهد. بالانس به معنای این نیست که عناصر باید دارای اندازه یکسانی باشند یا به طور مساوی در طول صفحه توزیع شوند؛ یک توازن میتواند متقارن یا نامتقارن باشد. در توازن متقارن، عناصر به طور یکسان در هرکدام از طرفین طراحی قرار دارند، درحالیکه در طراحی نامتقارن، با استفاده از کنتراست، جریان طراحی را از حالت برابر و مساوی خارج میکنند (برای مثال، عناصر تیره توسط عناصر روشن متوازن میشوند).
۷- رنگ
قسمت مهمی از طراحی است و باید آن را در شروع هر طراحی به دقت در نظر داشت. رنگها به طور عمده برای بیان و تعریف حس و حال یک طراحی نقش دارند؛ هر رنگی حرف متفاوتی برای گفتن دارد. رنگ سبز افراد را به یاد محیطزیست میاندازد درحالیکه قرمز موجب احساسات طوفانی مانند خشم میشود، آبی بیشتر آرامبخش و بیحس و حال است و زرد، احساس خوشحالی ایجاد میکند. نیازی به خواندن تئوری رنگها ندارید تا این کار را درست انجام دهید، Spark Post ترکیب رنگی ارائه میدهد که مبتنی بر تصویری است که با آن شروع میکنید. برای کمک به خوانایی متن، ایجاد پیشزمینه gradient پشت متن را در نظر داشته باشید، خصوصاً اگر متن یک رنگ است. این کار به برجسته شدن کلمات کمک میکند.
۸-فضا
قسمتهایی از طراحی که تصمیم میگیرید خالی بگذارید، مانند قسمتهایی که با رنگ، متن و عکس پر کردهاید، اهمیت دارند. فضای منفی، شکل ایجاد میکند و میتواند به هایلایت (برجسته) کردن مهمترین قسمت اطلاعات در طراحیتان، کمک کنند. هیچ وقت قدرت طراحی ساده را دست کم نگیرید.
توسعه قدرت طراحی با شناخت این اصول پایهای شروع میشود. چه چیزی باعث درگیر کردن شما نسبت به یک محتوا میشود؟ کدام عناصر شما را به داخل برده و کدام اشتباهات باعث عدم جذبتان میشود؟ درباره این سوالات بیاندیشید و اینگونه در مسیر طراحیهای عالی و جالب قرار خواهید گرفت.
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.
آخرین دیدگاه های شما