به سری دوم از کالبدشکافی اصطلاحات گیج کننده که توسط طرحان حرفه ای مورد استفاده رار می گیرد خوش آمدید.
آیا تا به حال از یک جلسه طراحی بیرون آمده اید و به جای اینکه انگیزه داشته باشید احساس دست پاچگی و گیج شدن به شما دست داده باشد؟ شما تنها نیستید! طراحان گرافیکی از مجموعه ای مجزا و متنوع از کلمات برای توصیف انواع فرایندهای فنی و طراحی استفاده می کنند و این اغلب مانند یک زبان خارجی به نظر می رسد. اما کمک در راه است. این مقاله را بخوانید تا ببینید چگونه بعضی از این زبان گیج کننده را ترجمه کنید.
در بخش اول از سری "طراحی گرافیکی و رمزگشایی اصطلاحات مخصوص آن" به صورت عمیق تر به سراغ عبارت های فنی تری که طراحان برای برقراری ارتباط از آنها استفاده می کنند مثل دستورالعمل های خاص برای ویرایش تایپوگرافی، طرح، رنگ و سبک رفتیم. و حالا ادامه بحث.
ابتدا تعدادی از عبارت های گیج کننده در مورد تایپوگرافی:
خلاص شدن از شر Orphan/Widow (کلمات تک افتاده)
کلمات گسسته شده از خطوط یا پاراگراف خطاهای جزئی چاپی هستند که باعث نامرتب به نظر رسیدن متن می شوند.
ویدو یک تک کلمه است که در انتهای یک پاراگراف در خط خود می نشیند. این اتفاق برای تایپوگرافیست ها بسیار نامطلوب می باشد. ویدو حالت چهارگوش متن را می شکند و فضای نانوشته زیادی بعد از باقی می ماند__ این کلمات باعث از حرکت ایستادن حرکت چشم خواننده می شود و سبب می شود کل پاراگراف نامتعادل به نظر برسد.
orphan یک تک کلمه یا یک خطو کوتاه است، که در قسمت بالای ستون متن و یا در قسمت بالای صفحه قرار دارد. این اتفاق زمانی که شما در حال حروفچینی تکه های بلندتر متن، مثل کتاب یا مجله، هستید شایع تر است.
راه حل این دو رویداد چیست؟ مثل یک عقاب تیزچشم آنها را ردیابی و از شر آنها خلاص شوید. ممکن است این کار ساده به نظر برسد و با کاهش Tracking (فاصله بین حروف) در خط آخر و یا کل پاراگراف_ در کتاب این کار بهتر است_ مشکل برطرف شود. اضافه کردن Hyphenation (چینش) نیز می تواند کمک زیادی ب شما بکند (ترفند موثر و ششایع در طراحی روزنامه و مجله) چون به دقت و ظرافت می توانید عرض قاب یا فریم را تنظیم کنید.
2. این پاراگراف خیلی پاره پاره به نظر می رسد
اینجا منظور از "پاره پاره" در هم برهم بودن، نامرتب بودن و آشفته بودن است. در حالی که بعضی از پاراگراف ها مرتب و آنکادر به نظر می رسد، یک پاراگراف پاره پاره دارای خطوطی است که به نقاط عمودی مختلفی ختم می شوند، که افکت پلکانی شکلی ایجاد می کنند که ناهموار و نامتقارن به نر می رسند.
متقارن و یکپارچه سازی پاراگراف های پاره پاره هنر است. یکی از راه حل های موجود برای این کار Justify کردن پاراگراف است، به این ترتیب همه خطوط کل متن کشیده می شوند تا فضاهای خالی پر شوند. در بعضی از متن ها این کار مناسب است، اما اگر ستون شما باریک است، کلمات طولانی آنقدر کشیده می شوند تا یک خط را پر کنند، که این در حروفچینی روزنامه کمی عجیب و غریب به نظر می رسد.
راه حل متعادل تر برای این مسئله این است که متن را مسبت به حاشیه سمت راست یا سمت چپ تراز نگه دارید، اما هدف از این کار کاهش تکه تکه شدن پاراگراف با محدود کردن گستردگی متن است که خطوط بیرون و تو می روند.
شما می توانید این کار را با اضافه کردن دستی خطوط فاصله و یا با Tracking کردن همه آیتم های متن و یا آیتم مجزا انجام دهید.
اصطلاحات طراحی فقط به تایپوگرافی محدود نمی شود__ عبارت های گیج کننده ای در مورد رنگ نیز به گوشتان خواهد خورد.
3. من می خواهم طرح تک رنگ یا مونوکروم باشد
ممکن است شما سال ها بر این باور بوده اید که مونوکرم به ترکیب ها و عکس های سیاه و سفید باز می گردد، اما در طراحی گرافیکی این عبارت تنها به سایه های سیاه و سفید محدود نمی شود.
مونوکروم ممکن است به هر نوع رنگ به تنهایی بازگردد، تا زمانی که آن رنگ به تنهایی و مجزا، در کنار طیف های همان رنگ مورد استفاده قرار گیرد. بنابراین در یک پوستر مونوکروم ممکن است فقط از طیف رنگ آبی بهره گرفته شده باشد و طراح ممکن است از رنگ سفید نیز به عنوان طیف روشن تر تا تیره تر سواچ آبی به منظور ایجاد کنتراست استفاده کند.
هنگامی که مجموعه ای از طراح های را خلق می کنید این تکنیک می تواند واقعا تاثیرگذار باشد، مثلا مجموعه ای پوسترها و یا جلدهای کتاب، می توان از یک رنگ برای هر طرح استفاده کرد.
4. رنگ های مکمل/مشابه یا آنالوگ
این دو عبارت گاهی طراحان گرافیکی را نیز به اشتباه می اندازند.
طرح رنگ مکمل بر مبنای 2 رنگ قرار دارد که در چرخه رنگ مقابل یکدیگر قرار می گیرند__ این دو رنگ با یکدیگر متفاوت هستند، اما وقتی با هم جفت می شوند با هم سازگاری خوبی دارند.
در یک طرح رنگ آنالوگ یا رنگ مشابه از گروهی از 3 رنگ استفاده می شود که در چرخه رنگ کنار هم قرار می گیرند.
آنها گنار هم خیلی زیبا به نظر می رسند چون با یکدیگر مرتبط هستند__مثل رنگ های زرد و نارنجی و قرمز.
5. طرح را گرم تر/سردتر کن
گرم و سرد بودن یک طرح بستگی به رنگ های به کار رفته در آن طرح دارد. شما تنها با نگاه کردن به طرح می توانید حس کنید آن طرح سرد است یا گرم. طرح رنگ های سرد حس گرما و خاکی بودن را القا می کنند__ این نوع رنگ برای صفحه آرایی و برندهایی که می خواهند مردم احساس راحتی و آسودگی کنند مناسب است، رنگ های نارنجی،زرد و قرمز در گروه رنگ های گرم قرار دارند.
رنگ های سرد بیشتر حس مهار شدگی و تسکین دهندگی را القا می کنند. با اضافه کردن رنگ های آبی، بنفش و سبز به طرح، شما یک اثر آرام بخش روی بیننده خواهید گذاشت. این رنگ را شریک خوبی برای طرح های مختصر و مفید یا به اصطلاح مینیمال هستند.
6. طراحی یک نشان تجاری یا Brand Mark
لوگو، هویت های تجاری، و حالا نشان تجاری؟
نشان تجاری یا برندمارک، جام مقدس طراحان برند به شمار می رود. برندمارک ها لوگوهای سمبولیکی هستند که بیشتر جنبه بصری دارند تا مبنای متنی و به نوعی مبنای به رسمیت شناخته شدن یک برند یا محصول به شمار می روند. برای مثال لوگوی Apple، به همراه لوگوی Nike و Shell به سرعت قابل شناسایی هستند.
7. من یک لوگو تایپ (Logotype) می خواهم
به نسخه متنی نام تجاری یا برند Logotype گفته می شود. چیزی بیش از یک نام تایپ شده در پشت یک تصویر قرار دارد، هدف لوگوتایپ ادغام عناصر هسته ای و اصلی طراحی در تایپوگرافی است. Google, Cadbury, NASA, Skype و Nestlé مثال هایی از برندهایی هستند که برای لوگو تایپ برگزیده شده اند.
اگر دقت کرده باشید در اکثر برندهای مواد غذایی به جای نشان تجاری از لوگوتایپ استفاده شده است و دلیل این امر این است که صاحبان کمپانی می خواهند نام برند به رسمیت شناخته شود، این مخصوصا در چیدمان سوپرمارکت ها که محصولات رقیب نیز وجود دارد اهمیت زیادی دارد.
محصولات سبک زندگی ارمانی، مثل محصولاتی که توسط Apple فروخته می شوند، ممکن است به این نتیجه رسیده باشند که یک نشان تجاری در حقیقت میل و طلب را برای محصول افزایش می دهد و باعث می شود برند منحصر به فردتر، شیک تر و یا خاص تر به نظر برسد.
طراحان گرافیکی برای صحبت کردن در مورد صفحه آرایی یا صفحه بندی نیز از اصطلاحات خاصی استفاده می کنند. شما ممکن است با بعضی از این کلمات، عبارات ها و یا اصطلاحات در طول مذاکراتی که با طراحان دارید مواجه شوید.
8. اجازه دهید سلسه مراتب را تغییر دهیم
وقتی طراحان شروع به صحبت در مورد سلسله مراتب می کند در واقع آنها به طیف وسیعی از گزینه ها و تکنیک های اشاره می کنند که به محتوای صفحه اجازه می دهند واضح تر و شفاف تر نمایش داده شوند. اگر می خواهید صفحه بندی ای با چندین آیتم، مثل تصاویر، متن و گرافیک، طراحی کنید، باید یک سلسه مراتب بصری روی این صفحه بندی اعمال کنید (برای مثال عنصر A بزرگتر از عنصر B باشد، عنصر A روی عنصر بنشیند و غیره) که به صفحه شما ساختار خواهد بخشید و اجازه می دهد محتوا به راحتی توسط بیننده یا خواننده هضم شود.
طیف وسیعی از گزینه ها برای ایجاد سلسله مراتب روی یک صفحه بندی وجود دارد. اگر یک طراح یا یک مشتری بخواهد سلسله مراتب موجود را تغییر دهد، بدین معنی است که می خواهند یک روش متفاوت از مرتب سازی عناصر بر روی صفحه را اتخاذ کنند.
در اینجا فقط چند اصل برای ایجاد یک سلسله مراتب روی صفحه وجود دارد:
- شروع از اصول و مبانی__ یک grid یا شبکه بندی ایجاد کنید و مطمئن شوید که محتوا از چپ به راست خوانده می شود (برای زبان انگلیسی) و محتوایی که اول از همه خوانده می شود در بالای صفحه قرار دارد و به سمت پایین صفحه ادامه می یابد. این سبک صفحه بندی با عنوان الگوی ‘F-pattern’ یا ‘E-pattern’ شناخته می شود و این به دلیل شکل ناهمواری است که روی صفحه ایجاد می کند.
- انتخاب الگوی 'Z-pattern'__ این مدل شما را ترغیب می کند که آیتم اول محتوا را در گوشه بالای سمت چپ ‘Z’ قرار داده، همین طور ‘Z’ را تا نقطه نهایی سمت راست، که بهترین مکان برای قرار دادن متن یا عکس فراخوانی و یا نتیجه گیری است، ادامه دهید.
- استفاده از تکنیک های طراحی برای جلب توجه به سمت عناصر__ اعمال تایپوگرافی بولد و برجسته، کار کردن روی سایز عناصر یا استفاده از یک رنگ توجه برانگیز برای یکی از عناصر، کمک خواهد کرد حس سلسله مراتبی روی صفحه بندی شما ایجاد شود.
- استفاده از تکنیک های طراحی برای جلب توجه به سمت عناصر__ اعمال تایپوگرافی بولد و برجسته، کار کردن روی سایز عناصر یا استفاده از یک رنگ توجه برانگیز برای یکی از عناصر، کمک خواهد کرد حس سلسله مراتبی روی صفحه بندی شما ایجاد شود.
- از استانداردها خارج شوید و شبکه بندی را بشکنید__ صفحه بندی هایی مه دارای ساختمان شبکه بندی هستند از قوانین مدونی پیروی می کنند و این باعث می شود متن روی خطوط صاف قرار گیرد. اگر شبکه بندی را بشکنید، یک عنصر را در زوایه ای از صفحه قرار داده و یا آن را روی زوایه ای منحنی شکل بگذارید، باعث می شود آن آیتم با آیتم هایی که روی شبکه بندی قرار دارند کنتراست پیدا کرده و در مرکز توجه قرار گیرند.
9. شما باید از قاتون سه بخشی (Rule of Thirds) استفاده کنید
این جمله کمی ترسناک به نظر می رسد.__ قانون سه بخشی کردن یکی از ساده ترین و تاثیرگذارترین اصول طراحی است که باید آن را بشناسید.
قانون سه بخشی مبتنی بر ایده تقسیم یک صفحه بندی به 9 قسمت مساوی با ایجاد یک شبکه بندی در کل صفحه است که دو خط عمودی و دو خط افقی آن را تشکیل می دهند.
قرار دادن عناصر در سراسر تقاطع های این شبکه بندی قدرت این را دارد تا نمای صفحه بندی را تاثیرگذارتر کند. دلیلش این است که هر چند ما تقارن را جذاب بدانیم، باز هم از چشم انسان دور می ماند. قانون سه بخشی عدم تقارن را که باعث گیج شدن بیننده می شود، از بین می برد و بیننده را به خود مشغول می کند.
در تصویر زیر هات اسپات یا نقاط داغ روی شبکه بندی سه بخشی ها نشان داده شده اند. قسمتی از محتوایی را که می خواهید جلب توجه کند روی یکی از این نقاط قرار دهید. این کار باعث می شود صفحه بندی شما زیباتر شود.
10. یک نمونه بسازید
پس از اینکه صفحه بندی تان را نهایی کردید__ در پایان فرایند طراحی و قبل از ارسال برای چاپ__ ممکن است طراح یا مشتری از شما بخواهد یک نمونه ساختگی یا مصنوعی از طرح نهایی را کنار هم قرار دهید.
این یک ماکت یا نمونه پیش ساخته از آیتمی است که شم طراحی کرده اید، که ممکن است یک سند تک صفحه ای مثل یک پوستر یا برگه تبلیغاتی باشد، و یا یک آیتم چند صفحه ای یا پیچیده تر مثل یک کتاب یا طرح پکیج باشد.
شما می توانید این نمونه را با استفاده از پرینترهای دفتری یا خانگی بسازید و سپس صفحات را کنار هم قرار دهید. لازم نیست ماکت یا نمونه ساختگی شیک و جلادار باشد، اما باید اطلاعات تکنیکی مورد نیاز برای چاپ و تا کردن آیتم صحیح آیتم ها را داشته باشد. شماره صفحات، نشانه های تاخوردن و برش و نکات تکنیکی همگی مفید واقع می شوند.
وقتی نمونه ساختگی را کنار یکدیگر قرار می دهید، طراح ممکن است بخواهد قبل از قبول طرح برای ارسال برای چاپ آن را بررسی و امضا کند. پس از این مرحله، ممکن است مرحله دوم قبل از چاپ نیز پیش رویتان باشد، که به موجب آن چاپگر یک نمونه از سند نهایی را برای شما تهیه می کند. این نسخه چاپی حرفه ای است که رنگ ها و چیدمان سند را طوری که در محصول نهایی دیده خواهد شد به شما نشان می دهد. فقط بعد از اینکه این نسخه توسط طراح دیده و تایید شد چاپگر می تواند به کارش ادامه داده و مرحله چاپ نهایی را اجرا کند.
- برای سند هایی که پیچیدگی بیشتری دارند، مثل جزوات چندین صفحه ای، یا طراحی پکیج، بهترین ایده این است که نمونه ساختگی یا ماکت را با چاپخانه به اشتراک بگذارید، در نتیجه آنها می توانند ببینند محصول نهایی دقیقا چطور در کنار هم قرار می گیرد.
حالا شما زبان طراحی را روان و سلیس می دانید
لازم نیست وقتی کنار یک طراح نشسته اید احساس نگرانی کنید. اصطلاحات طراحان ممکن است کمی گیج کننده به نظر برسد اما اغلب فهمیدن معنی پشت کلمات بسیار ساده است. ما در این مقاله بعضی از اصلاحات فنی را که ممکن است در طول فرایند طراحی توسط طراح به کار رود را ترجمه و رمزگشایی کردیم. امیدوارم مطالب ارائه شده برای شما مفید واقع شود.
صحبت در مورد تایپوگرافی:
- خلاص شده از شر تک کلمات جدا افتاده_ ترجمه: خلاص شدن از شر کلمات یا عبارت های سرگردان در بالا یا پایین ستون متن
- پاراگراف پاره پاره به نظر می رسد_ ترجمه: مرتب سازی چیدمان یا تراز حاشیه متن با استفاده از تراز کردن یا متعادل سازی افکت های پله پله ای
صحبت در مورد رنگ:
- من می خواهم طرح مونوکروم باشد__ ترجمه: استفاده از سایه ها و طیف های فقط یک رنگ در طراحی
- رنگ های مکمل/مشابه plementary/analogous__ ترجمه: استفاده از یک چرخه رنگ برای انتخاب یک ترتیب رنگ که یا با هم کنتراست داشته باشند (انتخاب رنگ از دو سمت مخالف یا مقابل چرخه رنگ) و یا با یکدیگر مرتبط باشند (رنگ هایی که در چرخه رنگ کنار هم قرار دارند).
طرح را گرم تر یا سردتر کنید__ ترجمه: استفاده از مجموعه رنگ هایی که مربوط به انتهای انتهای گرم چرخه رنگ هستند (قرمزها، نارنجی ها، زردها) و یا انتهای سرد چرخه (آبی ها، سبزها، بنفش ها).
صحبت در مورد طراحی برند:
- برای من یک نشان تجاری طراحی کنید__ ترجمه: طراحی یک لوگو تنها با استفاده از یک سمبل یا نشان بصری
- من به یک لوگو تایپ نیاز دارم__ ترجمه: طراحی یک لوگو با استفاده از نسخه متنی یا نوشتاری نام تجاری
صحبت در مورد صفحه بندی یا صفحه آرایی:
- اجازه دهید سلسله مراتب یا ترتیب قرار گیری آیتم ها را تغییر دهیم__ ترجمه: تغییر دادن ترتیب عناصر در صفحه
- لازم است از قانون سه بخشی ها استفاده کنید__ ترجمه: از شبکه بندی 9 تایی برای مرتب سازی عناصر یک صفحه به صورت نامتقارن استفاده کنید
>> مشاهده بخش اول این مقاله