Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing
Design

چطور یک طرح حرفه‌ای برای مجله بسازیم

by
Difficulty:IntermediateLength:LongLanguages:

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

چند باری در هر ماه، پست‌های مورد علاقه خوانندگانمان را در کل تاریخچه‌ی وکتوری +Tuts بازبینی و مرور میکنیم. این آموزش از Otto Coster اولین بار در 4 آگوست 2010 منتشر شده است.

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


مرحله 1  تنظیم سند

ما از سند سایز A4 برای این آموزش استفاده میکنیم. تعداد را برای Number of Pages (تعداد صفحات) بروی 8 قرار دهید، پارامتر bleed را بروی 2mm قرار دهید تا فضایی برای هم‌پوشانی تصاویر وجود داشته باشد، برای بخش Margins ، برای حاشیه top (بالا) و bottom (پایین) مقدار 10mm را لحاظ کنید، برای inside (داخل) مقدار 13mm و برای outside (خارج) مقدار 20mm را قرار دهید. دلیل اینکه این فواصل Margin (حاشیه) مختلف را اینگونه انتخاب کردیم این بود که در یک برگه دوصفحه‌ای، اندکی حاشیه بزرگتر در بیرون صفحه بهتر به نظر میرسد و برای جا گرفتن نسخه چاپی فضا ایجاد میکند. این کار برای شبکه (grid) صفحه در مرحله بعد نیز مفید است.


مرحله 2 ایجاد شبکه (grid)

برای تنظیم شبکه‌ی صفحه، به A-master Spread بروید و در بخش Layout ، گزینه Create Guides را انتخاب کنید. از شبکه (grid) استفاده میشود تا ثبات طرح صفحه حفظ شود و چارچوبی برای قرار دادن محتوا ایجاد کند. استفاده ی درست از شبکه (grid) اولین چیزی است که لازم است برای طراحی با ظاهر حرفه ای در نظر داشت. برای این آموزش، ما از یک شبکه با 12 ردیف و 12 ستون و 3mm فاصله‌گذاری (spacing) استفاده میکنیم. برای انتخاب Fit Guides to گزینه Margins را انتخاب کنید تا شبکه‌ای با پهنای ستونی 12mm ایجاد کنید.

چرا؟ چون پهنای صفحه‌ی ما 210 میلیمتر است و حاشیه خارجی آن 20mm و حاشیه داخلی آن 13mm است، پس 177 میلیمتر برای 12 ستون و 11 شیار باقی میماند. 12 (column) ستون 12 میلیمتری و 11 (gutter) شیار 3 میلیمتری که برابر با 177mm است.


مرحله 3  قرار دادن تصویر پس‌زمینه

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

به صفحه‌ی 3-2 بروید و تصویر خود را در فضای حاشیه برش (bleed) قرار دهید تا کل برگه را پوشش دهد. عکس را بطوری در قاب تغییر موقعیت بدهید که سوژه در حاشیه صفحه اول باشد و بالای نوشیدنی در لبه ی ردیف شبکه قرار گیرد.


مرحله 4  ایجاد نوشته‌ی متن

قاب نوشته را در موقعیت عمودی و افقی مشابه با نوشیدنی در صفحه‌ی دیگر قرار دهید که در اینجا در ردیف سوم و ستون پنجم شبکه قرار میگیرد. این کار یک خط موهوم ایجاد میکند که تصویر را با نوشته مرتبط کند. من از عنوان عکس استفاده کردم (Summertime Sunshine) تا عنوان را ایجاد کنم و بقیه قاب را با استفاده از کارکرد "Fill with placeholder text" (پر کردن محل با نوشته) در ایندیزاین پر کردم.


مرحله 5  تنظیم یک Baseline Grid (شبکه پایه)

برای اینکه نوشته‌ی ما خوب به نظر برسد، لازم است که یک baseline grid (شبکه پایه) ایجاد کنیم. به منوی Edit بروید و در Prefences ، در بخش Grids ، برای گزینه Increment Every مقدار 8 را قرار دهید. در این آموزش ما از مقدار 12pt برای نوشته و مقدار 16pt برای مقدار leading (فاصله بین خطوط متن) استفاده میکنیم. یک baseline grid با مقدار 8pt که نصف مقدار leading است انعطاف‌پذیرتر است، چون بدین ترتیب میتوانیم از آن برای اندازه کوچکتر نوشته نیز استفاده کنیم.


مرحله 6  تغییر اولیه استایل پاراگراف

به پالت Paragraph Styles بروید و استایل Basic Paragraph را تغییر دهید. من از فونت FF Meta Book Roman با اندازه 12pt و مقدار leading برابر با 16pt استفاده میکنم. همینطور میتوانید مقدار leading را هم بروی تنظیمات auto قرار دهید، چون baseline grid ما را مطمئن میسازد از اینکه نوشته به زیبایی تراز میشود.


مرحله 7  ترازبندی

به بخش Indents and Spacing (تورفتگی و فاصله‌گذاری) بروید و Alignment را به Left Justify تغییر دهید. در وب، تراز کردن یکنواخت ابتدا و انتهای سطرهای متن (Justify) با ظاهری مناسب تقریبا غیرممکن است، اما ایندیزاین انجام این کار را بسیار آسان میکند. همینطور تنظیمات Align to Grid را بروی All Lines تغییر دهید، و فاصله‌ی با مقدار 16pt بعد از پاراگراف قرار دهید. این کار ضروری نیست و میتوانید از امکان First Line Indent (تورفتگی در خط اول) برای جدا کردن پاراگراف‌ها استفاده کنیم.


مرحله 8   چینش (Hyphenation)

چینش (Hyphenation) برای نوشته‌ی هم‌تراز شده خیلی مهم است. این کار کلمات بزرگ در انتهای ستون را بطوری تفکیک میکند تا ستون در عوض داشتن فواصل مختلف در هر ردیف کناره‌ی صافی داشته باشد. برای ایجاد ظاهری مناسب برای بدنه‌ی متن لازم است که تنظیمات پیش‌فرض چینش (hyphenation) را در ایندیزاین تنظیم کنیم. من تنظیمات را بطوری تغییر میدهم تا از چینش (hyphenation) برای کلمات با حداقل 6 حرف استفاده استفاده شده و به بعد یا قبل از سه حرف آخر اعمال شود. پارامتر hyphen limit مشخص میکند که خط ربط در انتها چند خط در یک ردیف میتواند داشته باشد. من فکر میکنم که 3 خیلی زیاد است و مقدار حداکثر 1 ظاهر بسیار بهتری ایجاد میکند. علاوه بر این، باید تیک انتخاب را برای Capitalized Words (کلمات با حروف بزرگ) و Last Word (کلمه‌ی آخر) را نیز غیرفعال کنید.


مرحله 9  هم‌ترازی (Justification)

بطور پیش‌فرض، تنظیمات هم‌ترازی کمی بی‌قاعده انجام شده است. Word Spacing (فاصله‌گذاری کلمات) را بروی حداقل %85 و حداکثر %105 تنظیم کنید. به این صورت فاصله‌ی بزرگ یا کوچکی بین کلمات نخواهد بود. برای (Letter Spacing) فاصله‌گذاری حروف، مقدار حداقل را بروی %2- و حداکثر %2 قرار دهید. این کار هم‌ترازی خطوط متنی را بهتر میکند. در صورت تمایل میتوانید تنظیمات glyph scaling (اسکیل‌بندی علائم) را هم تغییر دهید.


مرحله 10 رنگ نوشته

من از رنگ سفید برای نوشته استفاده میکنم، چون تصویر پس‌زمینه تیره است. آنچه که بهترین ظاهر را بدست میدهد را انتخاب کنید و نوشته را خوانا حفظ کنید.


مرحله 11   ستون‌های نوشته

با کلیک راست بروی فریم نوشته ، گزینه Text Frame Options را باز کنید و تعداد ستون‌ها را به 2 ، با یک شیار 3 میلیمتری تغییر دهید. بدین صورت طول خط کم شده و قابلیت خواندن بهتر میشود.


مرحله 12  عنوان (heading)

برای عنوان، میخواهیم از نوشته بزرگتر با سایز 42pt استفاده کنیم و مقداری منفی 50- برای tracking (تنظیم فاصله بین حروف) در نظر بگیریم تا فاصله بین حروف کاهش یابد. برای عناوین اغلب میتوان از مزیت تنظیمات tracking بهره‌مند شد.


مرحله 13   توسیع ستون‌ها (Span Columns)

کارکرد جدیدی که در ایندیزاین CS5 وجود دارد امکان توسیع (span) یک پاراگراف در سرتاسر ستون است. ما از آن استفاده میکنیم تا عنوان را در سرتاسر هر دو ستون قاب نوشته توسیع بدهیم. بخش Paragraph Layout (طرح پاراگراف) را بروی Span Columns (توسیع ستون‌ها) و Span را به All قرار دهید.


مرحله 14   تنظیمات عنوان (heading)

بخاطر تنظیمات tracking (تنظیم فاصله بین حروف)، حروف "r" و "t" به هم چسبیده‌اند. بطور کل لازم است از چنین چیزی اجتناب کنید. برای حل این مشکل، من مقدار Kerning را برای فاصله بین حروف بروی 75 قرار دادم که فضای کافی برای جداسازی آنها ایجاد میکند.


مرحله 15   Optical Margin Alignment (ترازبندی حاشیه بصری)

آخرین چیزی که باید انجام دهید تنظیمات کوچکی در پالت Story برنامه ایندیزاین به اسم Optical Margin Alignment (ترازبندی حاشیه بصری) می باشد. این کار خط پیوند انتها، علائم نقل‌ قول و کاراکترهای پهن مثل W و A را از فریم نوشته خارج میکند. این کار ظاهر کناره‌ها را بهتر میکند. بروی text frame کلیک کنید، انتخاب Optical Margin Alignment را فعال کنید و مقدار آنرا بروی سایز بدنه‌ی متن قرار دهید.


نتیجه‌گیری

شما یک صفحه‌ی ساده با تعادل مناسب و تایپوگرافی خوب ایجاد کردید و خیلی عالی از فضای سفید (خالی) استفاده کردید. حال شما تنظیمات پایه ی مورد نیاز برای یک طرح مجله با ثبات بصری خیلی خوب را در اختیار دارید.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.