اصطلاحات طراحی که باید بدانید

اصطلاحات طراحی که باید بدانید

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

دایره‌المعارف طراحی

طراحان دارای دایره‌ی لغات مخصوص به خود هستند و این نوشته به شما کمک می‌کند تا به یک درک مشترک از مفاهیم با طراحان برسید و بتوانید انتظارات خود را به صورت کامل و به زبان خودشان به این متخصصان انتقال دهید.

  • چیدمان و ترکیب (Composition and Layout): ترکیب، نحوه‌ی قرارگیری اجزاء طراحی در کنار یکدیگر است که باعث می‌شود یک عکس کامل شکل بگیرد. یک ترکیب موفق، بیننده را جذب و چشم او را در طراحی هدایت می‌نماید. برخی اوقات، به این مفهوم چیدمان نیز گفته می‌شود. ترکیب، از اجزای بصری متعددی که شامل تعادل، مجاورت، تراز بودن، تکرار ، تضاد و فضای خالی است، بوجود می‌آید.
  • تعادل (Balance): تعادل در طراحی به این معنا است که میزان استفاده از عناصر گرافیکی و متنی به یک اندازه باشد. این تعادل به سه صورت قابل دستیابی است. سیمتریکال، آسیمتریکال و رادیال.
  • سیمتریکال (Symmetrical): طراحی سیمتریکال معادل طراحی متقارن است. هنگامی که تمام اجزای یک طرح گرافیکی در هر دو طرف خط مرکزی به صورت مساوی تقسیم شده باشد، آن طراحی سیمتریکال نامیده می‌شود.
  • آسیمتریکال (Asymmetrical): هنگامی که متن و طرح‌های گرافیکی در دو طرف خط مرکزی برابر نباشند، طراحی آسیمتریکال یا نامتقارن نامیده می‌شود. در طرح ذکر شده، طرح همچنان تعادل خود را حفظ نموده است اما متقارن نیست.
  • رادیال (Radial): تعادل در این طراحی بر اساس شعاع‌هایی که از یک خط مرکزی عبور می‌کنند حاصل می‌شود.
  • مجاورت (Proximity): نحوه‌ی قرارگیری عناصر یک طراحی به عنوان یگ گروه در کنار یکدیگر مجاورت نامیده می‌شود. در صورتی که گروه‌های طراحی به درستی تشکیل شوند و در کنار یکدیگر قرار بگیرند، هر کدام از آن‌ها به عنوان یک عنصر در نظر گرفته می‌شوند.
  • هم‌ترازی (Aligment): هم‌ترازی بر موقعیت قرارگیری عناصر طراحی دلالت می‌نماید. این موقعیت‌ها بهتر است که به صورتی باشند که با یکدیگر هم‌تراز بوده، و از یک نظم خاص پیروی کنند. رعایت نمودن این موضوع، بر کلیت طراحی انجام شده تأثیر می‌گذارد و ممکن است با نگاه جزئی خدشه‌ای به طرح وارد نکند.
  • فضای سفید (White Space): فضای سفید، یا در برخی از مواقع فضای نگاتیو، بخشی از طراحی است که هیچگونه متن یا تصویری در آن وجود ندارد.
  • قانون سوم (Rule Of Third): قانون سوم روشی از که طراحان با استفاده از آن نقاط تمرکز را مشخص می‌نمایند. هنگامی که سه خط عمودی و افقی، طرح را به سه قسمت مساوی تقسیم کنند، تقاطع آن‌ها به عنوان نقاط تمرکز شناخته می‌شود و طراحان می‌بایست عناصر مهم را در حوالی آن نقاط قرار دهند.
  • شبکه (Grid): شبکه، مجموعه‌ای از خطوط فرضی عمودی، افقی، زاویه‌دار و منحنی است که عناصر متعدد طراحی را سازماندهی نموده، و ارتباط هرکدام از آن‌ها را با یکدیگر مشخص می‌نماید.
  • سلسله مراتب (Hierarchy): سلسله مراتب در طراحی به معنی سازماندهی عناصر بر اساس میزان اهمیت آن‌هاست. روزنامه، مثال خوبی از سلسله مراتب طراحی به حساب می‌آید.
  • هیو، تینت، تون و شِید (Hue, Tint, Tone and Shade): این اصطلاحات مربوط به رنگ‌ها هستند. هیو، رنگ‌های خالص بوده، که با اضافه کردن رنگ سفید تینت به دست می‌آید. درصورتی که خاکستری به رنگ‌های خالص اضافه شود، تون حاصل می‌شود و برای به دست آوردن شید یا همان سایه، رنگ مشکی به هیو اضافه می‌گردد.
  • شدت رنگ (Saturation): Saturation در لغط به معنی اشباع شدن بوده، و با تغییر آن در طراحی، شدت رنگ‌ها تغییر می‌کنند.
  • پالت (Palette): یک پالت رنگ، محدوده‌ای از رنگ‌هاست که در یک طراحی از آن مجموعه استفاده می‌شود. استفاده از مجموعه رنگ‌هایی که با یکدیگر همخوانی دارند جلوه‌ی خوبی را به نمایش می‌گذارد و از بُعد زیبایی‌شناسی خوشایند هستند. طراحان، پالت‌های رنگ را در جهت حفظ ثبات و القای حسی بخصوص در طرح‌ها تعریف می‌نمایند.
  • رنگ‌های گرم و سرد (Warm and Cool Colors): تمامی رنگ‌ها در کنار یکدیگر یک طیف را بوجود می‌آورند که نیمی از آن متعلق به رنگ‌های گرم (مانند قرمز، نارنجی، زرد و صورتی) بوده و نیمی دیگر متعلق به رنگ‌های سرد (مانند آبی، سبز و بنفش) هستند.
  • مونوکوروماتیک (Monochromatic): یک پالت هنگامی مونوکروماتیک است که از یک رنگ در آن استفاده شده باشد.
  • گرادینت (Gradient): هنگامی که رنگ‌های یک طراحی، به صورت تدریجی از یک رنگ به رنگی دیگر تغییر پیدا می‌کنند، از گرادینت استفاده شده است (مثلاً تغییر تدریجی رنگ از آبی به سبز).
  • اُپاسیتی (Opacity): مفهوم این کلمه دقیقاً با غیرشفافیت هم‌ارز است. هرچه شفافیت یک عکس بیشتر باشد، اپاسیتی آن کمتر است.
  • RGB: این عبارت، مخفف شده‌ی قرمز (Red)، سبز (Green) و آبی (Blue) است. این رنگ‌ها مبنای نمایش عکس‌ها بر روی نمایشگرهای دیجیتال هستند.
  • هدر (Header): عنصری در طراحی وب‌سایت است و در قسمت بالای هر‌صفحه قرار می‌گیرد و همواره ثابت است.
  • نویگیشن بار (Navigation and Navigation Bar): این عنصر طراحی، نقشه‌ی راهی از قسمت‌های مهمِ یک وب‌سایت بوده، که در تمام صفحات نیز موجود است. نویگیشن‌بار شامل تعدادی لینک است که کاربران را به صفحات مهم و اصلی هدایت می‌کند و معمولا شامل صفحاتی از قبیل «درباره‌ی ما»، «محصولات»، «تماس با ما» و «قوانین و مقررات» است.
  • متن بادی (Body Text): به محتوای متنی اصلی در یک صفحه، متن بادی گفته می‌شود.
  • لینک‌ها (Links): هر کلمه و یا عنصر در طراحی، می‌تواند ارتباطی با یک صفحه‌ی دیگر داشته باشد. در اینصورت، به آن عنصر لینک گفته می‌شود.
  • سایدبار (Sidebar): سایدبار، یا به صورت ستون‌هایی در سمت راست یا چپ هر صفحه بوده، یا به عنوان نویگیشن و به صورت افقی طراحی می‌شوند.سایدبارها معمولاً به صورت لینک‌هایی نمایش داده می‌شوند که حاوی جست‌وجوی وب‌سایت، اشتراک، ثبت‌نام و دکمه‌های شبکه‌های اجتماعی هستند.
  • بنر (Banner): در حالت کلی تصویری است که در بالای صفحه یا سایدبار قرار می‌گیرد و معمولاً حاوی تبلیغات و یا لینک به وب‌سایت‌های دیگر است.
  • فوتر (Footer): برخی از عناصر طراحی در پایین تمام صفحات تکرار می‌شوند و در مکانی به اسم فوتر قرار می‌گیرند.
  • صفحه‌ی مقصد (Landing Page): صفحه‌ی مقصد، یک صفحه‌ی تنها است که در پاسخ به نتایج موتورهای جست‌وجو نمایش داده می‌شود. صفحات مقصد در استراتژی‌های لید جنریشن کاربرد دارند.
  • رابط کاربری (User Interface): رابط کاربری (UI) به طراحی اپلیکیشن‌های کامپیوتر، موبایل و وب‌سایت‌ها گفته می‌شود. اصلی‌ترین هدف در طراحی رابط کاربری، علاوه بر جذابیت، راحتی استفاده و بهبود تجربه‌ی کاربری است.