طراحی گرافیکی و رمزگشایی اصطلاحات مخصوص آن: بخش اول


طراحی گرافیکی و رمزگشایی اصطلاحات مخصوص آن: بخش اول



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

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


1. تراز کردن
تراز کردن به معنی هم خط کردن و مرتب کردن چیدمان متن یا صفحه بندی است.


روش های مختلفی برای تراز کردن متن روی صفحه وجود دارد که رایج ترین آن Align Left (چپ چین کردن، گزینه پیش فرض نرم افزارهای طراحی انگلیسی زبان)، Align Right (راست چین) و Align Center (وسط چین) است. شما می توانید از Justify all lines (تراز کردن همه خطوط، خطوط متن را می کشد تا همه خطوط متن در یک راستا قرار بگیرند) و یا Justify with the last line aligned left or right نیز استفاده کنید. اگر روی دو صفحه، مثل صفحه آرایی کتاب یا مجله، کار می کنید، گزینه  Towards یا Away from the Spine را نیز در اختیار خواهید داشت.

در نرم افزار Adobe InDesign به مسیر Window > Type & Tables > Paragraph بروید تا گزینه های چیدمان را مشاهده کنید.

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

2. اجازه دهید نفس بکشد
طرح شما از نفس کشیدن دست برنمی دارد، اما این کار ممکن است به دلیل وجود مقادیر زیادی اطلاعات روی صفحه به یک نزاع تبدیل شود.

کد دیگری که طراحان هنگام صحبت کردن آن را به کار می برند__‘white space’ یا فضای خالی
‘white space’ یا فضای خالی یا فضای سفید لزوما نباید سفید باشد__ این عبارت به یک فضای خالی روی صفحه بندی شما بازمی گردد. این فضا می تواند با رنگ یا تصویر بکگراند پر شده باشد، اما هیچ نوع عنصر مزاحم، مثل متن یا گرافیک های پیچیده ندارد.


هر وقت به یک مجله و یا یک پوستر زیبا نگاه می کنید متعجب می شوید چرا این مجله یا پوستر تا این حد خوب و جذاب است. یکی از دلایل آن احتمالا به این دلیل است که طراح اجازه داده تا بخشی هایی از طرح نانوشته و ساده باشد. این کار به چشم بیننده اجازه می دهد آرام باشند و روی جذابیت های عناصر شلوغ تر متمرکز شوند.

اگر چه این واضح ترین آیتم در یک طراحی حرفه ای نیست، فضای فید یکی از تاثیرگذارنده ترین تکنیک ها برای ساخت یک صفحه بندی است که باعث جذاب تر شدن طرح می شود. پس مطمئن شوید طرح شما فضای کافی برای نفس کشیدن دارد.

3. اجازه دهید طرح تان بیشتر فلت یا مسطح به نظر برسد
روزی روزگاری، هر کسی می خواست طرح های چاپی دو بعدی طراحی کند گویی این طرح ها همه چیز بودند. اما، در عوض،افکت های طراحی سه بعدی سفارش روز بودند.
اما یک دهه قبل، و حال حاضر شعار بزرگ در گرافیک "طراحی فلت" است. دلیل آن هم افزایش محبوبیت این سبک از طراحی برای سبک طراحی وینتیج است که از گرافیک های شبیه کلاژ استفاده می شود. طراحی دیجیتال نیز گرایش بیشتری به سمت طراحی فلت بعضی از طرح های خود مثل آیکون ها، دکمه ها و طراحی وب سایت ها و اپلیکیشن ها پیدا کرده چون این سبک طراحی مختصر و مفید و ساده هستند که باعث می شود کاربرد بیشتری داشته باشند.

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


با چند تعویض کوچک در طرح می توانید به یک نمای فلت دست پیدا کنید__جایگزین کردن بافت های متالیک و درخشان با بافت کاغذی و یا گچی؛ طیف رنگ های مات روی نورهای شعله ور؛ افکت های منبت را روی سایه ها اعمال کنید تا نمای لترپرس یا فرورفتگی ایجاد کنید.

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

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

5. DPI/PPI چیست؟
این دو مخفف عبارت هایی هستند که به وضوح طرح های پیکسلی شما باز می گردد (نه تصاویر وکتور). هدف شما این است که طرح چاپی تان دارای بالاترین وضوح باشد و مطمئن باشید که نتیجه نهایی مات و پیکسل پیکسل نخواهد شد.

DPI مخفف عبارت ‘Dots per Inch’ (تعداد نقاط در هر اینچ) است و دانستن آن برای طرح های چاپی بسیار ضروری است. یک پرینتر یک رح چاپی را از طریق مجموعه ای از نقاط تولید می کند. اگر در هر اینچ تعداد کمتری نقطه وجود داشته باشد (DPI پایین)، نتیجه بیشتر پیکسلی یا نقطه نقطه می شود. هر چه تعداد نقاط در هر اینچ بیشتر باشد (DPI بالا) نتیجه ای که به دست خواهد آمد دارای کیفیت بهتری است. حداقل DPI برای یک طرح چاپی با کیفیت 300 DPI است.


5. DPI/PPI چیست؟
این دو مخفف عبارت هایی هستند که به وضوح طرح های پیکسلی شما باز می گردد (نه تصاویر وکتور). هدف شما این است که طرح چاپی تان دارای بالاترین وضوح باشد و مطمئن باشید که نتیجه نهایی مات و پیکسل پیکسل نخواهد شد.

DPI مخفف عبارت ‘Dots per Inch’ (تعداد نقاط در هر اینچ) است و دانستن آن برای طرح های چاپی بسیار ضروری است. یک پرینتر یک رح چاپی را از طریق مجموعه ای از نقاط تولید می کند. اگر در هر اینچ تعداد کمتری نقطه وجود داشته باشد (DPI پایین)، نتیجه بیشتر پیکسلی یا نقطه نقطه می شود. هر چه تعداد نقاط در هر اینچ بیشتر باشد (DPI بالا) نتیجه ای که به دست خواهد آمد دارای کیفیت بهتری است. حداقل DPI برای یک طرح چاپی با کیفیت 300 DPI است.


PPI نیز شبیه گزینه قبل است، اما به  ‘Pixels per Inch’ (تعداد پیکسل در هر اینچ) اشاره می کند. حتما می دانید که Adobe Photoshop بر مبنای  PPI کار می کند_اگر شما یک تصویر پیکسلی بزرگتر در فتوشاپ بسازید، به طور خودکار PPI را کم خواهید کرد، و در نتیجه کیفیت تصویر کم و وضوح پیکسل ها افزایش پیدا خواهد کرد.

وقتی یک طراح می گوید می خواهند DPI یا PPI یک تصویر را بدانند، احتمالا به این اشاره می کند که تصویر در حال حاضر دارای وضوحی بسیار پایین تر از استاندارد برای چاپ است.

DPI و PPI فقط روی تصاویر پیکسلی، که از مجموعه ای از نقاط رنگی تشکیل شده اند، اعمال می شوند. وقتی مقیاس یک تصویر پیکسلی را تغییر دهید، نقاط رنگی می تواند بزرگ تر شده و فاوصل بین آنها بیشتر شود، که این باعث ایجاد افکت پیکسلی مخوفی و نازیبایی می شود. اگر با طرح هایی که دارای مقیاس بزرگ هستند کار می کنید، و یا می خواهید مطمئن شوید گرافیک ها دارای کیفیت مطلوبی هستند، بهتر است با گرافیک های وکتور که قابلیت تغییر مقیاس دارند کار کنید.

6. لازم است فونت/تایپ فیس/تایپوگرافی را تغییر دهیم
در اینجا یکی از بزرگ ترین تفاوت های بین آنچه یک مشتری می گوید و آنچه طراح خواهد گفت را ذکر می کنیم.

‘Font’ نسخه دیجیتال یک تایپ فیس است__ شما فونت ها را دانلود و نصب کرده و آنها را روی سند خود اعمال می نمایید. وقتی طرح خود را برای چاپ می فرستید، فونت به ‘typeface’ تبدیل می شود__ تصویر چاپ شده از فایل فونت. شما می شنوید که مشتری اغلب می خواهد که فونت تغییر پیدا کند، اما بیشتر طراحان احتمالا به آن ‘typeface’ خواهند گفت.


با اینکه اینها دو چیز متفاوت هستند، هم مشتری و هم طراح به یک چیز اشاره می کنند. هر دو می خواهند نمای سبک نوشتار متن تغییر کند. تایپ فیس ها دارای شخصیت و ویژگی متمایزی هستند__ اگر طراح به این نتیجه برسد که یک serif کارایی نخواهد داشت، ممکن است به این دلیل باشد که آن خیلی قدیمی یا معمولی به نظر می رسد. تغییر serif به sans serif ممکن است باعث شود که یک طرح مدرن تر و جمع و جورتر به نظر برسد.

اگر با چالش typeface مواجه شدید، سعی کنید چیزی که واقعا هست را از آن استخراج کنید__تایپ فیس اخیر چه ویژگی را به طرح می بخشد؟ آیا می توانید همه مود طرح را با تغییر آن به چیزی که کمی متفاوت است تغییر دهید.

‘Typography’ ممکن است شامل تایپ فیس نیز باشد، اما گسترده تر از آن است. تایپوگرافی به روشی که یک متن روی یک صفحه مرتب و فرمت می شود بازمی گردد.

اگر موضوع طراح تایپوگرافی در طراحی است، این به طیف وسیعی از چیزهایی که کنار هم قرار می گیرند تا مشخص کنند متن چگونه مرتب شده است اشاره می کند، مثل leading (فاصله بین خطوط متن)، case (کاراکترهایی بالایی یا پایینی) tracking (فاصله بین کاراکتر یا حروف) و یا drop caps (حروف اول جمله و یا حروف اول هر پاراگراف بزرگ هستند).

از آنجا که تایپوگرافی گسترده تر است، شما باید با دقت به آنچه  در مورد ترتیب متن کاملا درست نیست اشاره کنید__ آیا آن خیلی شلوغ، خیلی با فاصله، خیلی بزرگ و خیلی کوچک به نظر می رسد؟


7. ساخت یک هویت
کسب و کارهای بزرگ، مثل بسیاری از محصولات فردی، دارای یک هویت برند هستند، اما این یعنی چه؟ یک برند هویتی از نشانه های بصری ساخته شده اند که برای آن کسب و کار یا محصول منحصر به فرد هستند، مثل لوگو، طلسم یا شعار. هویت های پیشرفته تر ممکن است پالت رنگ، فونت و یا عناصر گرافیکی مثل عکس یا گرافیک های مختص به خود را داشته باشند.


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


اگر یک مشتری بخواهد  ‘range of identities’ یا طیف گستردگی هویت را ببینید، این ممکن است به این معنی باشد که آنها می خواهند تعداد کم، 3 تا 5، طراح لوگو را ببینند که شامل نام کمپانی باشد که در تایپ فیس برند پیشنهاد شده گنجانده شده باشد. قدرتمندترین طرح های لوگو نیز ممکن است بعد از این مرحله پالایش شده و رنگ ها و سبک طراحی هم به سمت خلق بخش های دیگر هویت گسترش پیدا کند.

8. آیا می توان Grid یا شبکه بندی را تغییر داد؟
اگر مشتری این گزینه را انتخاب کند متعجب می شود، اما یک طراح از گفتن اینکه گرید روی صفحه بندی شما خارج از محدوده است خجالت نمی کشد.

گرید یا شبکه بندی ها قهرمانان گمنام موفقیت طراحی صفحه بندی هستند؛ آنها بلوک های اساسی ساختمان هر طراحی به شمار می روند. هر صفحه بندی را می توان به یک سری بخش های مربع یا مستطیل شکل تقسیم کرد تا شبکه بندی ایجاد شود. سپس ستون ها و سطرهای نارمئی ساخته می شود که عناصر روی طرح شما را بخش بندی می کنند. در اغلب برنامه ها یا نرم افزارها شما می توانید grid اضافه کنید (برای مثال در نرم افزار Adobe InDesign, به مسیر View > Grids & Guides > Show Document Grid بروید).

 


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

9. ارسال فایل های مادر (native file)
این جمله کافی است تا در دل یک طراح جوان ترس بیندازید. شما ساعت ها و شاید روزهای متوالی را صرف دیدن طرح های بی شمار روی رایانه خود کرده اید، تنها برای رسیدن به پایان فرایند و می شنوید که شما باید چیزی تحت عنوان native file یا فایل مادر را پیدا کنید. آیا چنین چیزی اصلا روی زمین وجود دارد؟

native file یا فایل مادر یک عبارت صنعتی است که برای کپی دیجیتال از اصل طرح شما به کار برده می شود. برای مثال، اگر شما روی یک طرح وکتور در Adobe Illustrator یا Inkscape کار می کنید، ممکن است یک نسخه JPEG یا PNG از طرح نهایی تهیه کنید. اگر مشتری و یا آژانس فایل مادر را بخواهند، در اصل آنها فایل اصلی طرح را می خواهند، اغلب با فرمت AI یا EPS. این یعنی فایل قابلیت ویرایش توسط مشتری و یا طراحان دیگر را دارا است، که این به آنها اجازه می دهد رنگ ها و یا گرافیک ها را تغییر دهند.

اگر روی یک فایل Adobe InDesign کار می کنید ممکن است برای یک پروژه در حال انتشار مثل یک کتاب یا بروشور، ارسال فایل مادر یک فرایند کمی پیچیده تر باشد. در این مورد، شما به اولین ‘package’ فایل (File > Package) نیاز دارید__ با این کار همه فایل های فونت به کار رفته در سند و همه تصاویر لینک شده به سند جمع آوری شده، و آنها را به همراه یک کپی از فایل InDesign در یک فلدر جدید قرار می دهد. باید به یاد داشته باشید که یکی کپی IDML از فایل InDesign بگیرید (File > Save As > گزینه InDesign CS4 یا قبل تر  [IDML]) اگر دریافت کننده ورژن دیگری از نرم افزار InDesign را داشته باشد (برای مثال شما از ورژن CC استفاده می کنید و آنها از CS6).


بسته به کسی که شما برای او فایل های طرح را ارسال می کنید، باید احتیاط کنید. اگر یک آژانس شما را مسئول کرده تا تا با آنها در پروژه ای همکاری کنید، ممکن است از شما بخواهند سندی را مبنی بر اینکه حق کپی رایت طرح شما متعلق به آنها است امضا کنید. در این مورد امر قابل قبول و رایج این است که فایل های مادر را در اختیار مشتری قرار دهید.

اگر شما نه به عنوان یک سرویس ارائه دهنده مستقل، بلکه به عنوان یک هنرمند عمل می کنید، به نفع تان است که حق کپی رایت را منحصر به طرح های خود را حفظ کنید. وقتی فایل های طرح را برای گالری ها و یا فروشگاه ها ارسال می کنید باید از این موضوع آگاهی داشته باشید__ اغلب یم نسخه JPEG با کیفیت و با وضوح بالا از طرح شما برای این هدف کفایت می کند و از اینکه دیگران طرح شما را ویرایش و یا کپی کنند جلوگیری می کند.

10. طرح را تجاری تر کنید
چه برای یک آژانس کار کنید یا در خانه فعالیت داشته باشید، یک کلمه است که به آن عادت داریم... تجاری ‘commercial’.

‘commercial’ یا تجاری یکی از کلمه هایی است که قدرت را به زندگی طراح و یا هنرمند می دمد. چون "تجاری" معنی مقابل "هنری" یا "خلاقانه" است. طراحی تجاری یک هدف به دنبال دارد، و آن هدف فقط "فروش" است. آگهی های تبلیغاتی، جلد مجلات یا برگه های تبلیغاتی که تجاری تر هستند بیشتر به ابزاری برای فروش تبدیل شده اند تا یک طرح خلاقانه.


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

اگر مشتری یا همکار شما بخواهد طرح شما تجاری تر به نظر برسد، ممکن است شما مجبور باشید عناصر طراحی تان را تغییر دهید تا ظاهر آن مد روزتر و یا متناسب با بازار باشد.

اما ناامید نشوید__ تجاری بودن و خلاقیت می تواند متعادل شود، و این نه تنها باعث افزایش فروش می شود، بلکه باعث خلاقانه تر شدن طرح ها می گردد.

جلد کتاب نمونه کاملی از این توافق است. به ویژه برای نسخه های ویتیج یا رمان های ادبی، طراحان کتاب اغلب تشویق می شوند تا جایی که ممکن است خلاق باشند. پس از آن ممکن است ناشران راه هایی را برای تجاری تر کردن بیشتر طرح، تنظیم رنگ یا تایپوگرافی پیشنهاد کنند تا برای مثال جلد کتاب از سوی بازار و یک جمعیت خاص تقاضای بیشتر داشته باشد.


تبریک می گویم! شما حالا می توان شما را طراح نامید
اصطلاحات طراحان ممکن است ترسناک به نظر برسد، اما با کسب مهارت ترجمه این اصطلاحات هیچ مشکلی در رمزگشایی آنها نخواهد داشت. بنابراین، هنگامی که مشتری یا مدیر آژانس درخواست یکی موارد زیر را می کند، شما دقیقا می دانید در مورد چه چیزی صحبت می کند:

1. ما باید آت را به شیوه متفاوت تری تراز کنیم__ ترجمه: ما باید تنظیمات و چیدمان متن را تغییر دهیم.
2. بگذارید طرح نفس بکشد__ ترجمه: طرح را شلوغ نکنید، فضای سفید یا نانوشته بیشتر باقی بگذارید.
3. بگذارید طرح بیشتر مسطح و فلت باشد__ ترجمه: از عناصر سه بعدی مثل گرادیانت و یا سایه استفاده نکنید.
4. یک اینفوگرافیک بیاورید__ ترجمه: از تعدادی گرافیک، آیکون و یا چارت برای بصری کردن توضیحات، اطلاعات و یا داده ها استفاده کنید.
5. DPI/PPI طرح چیست__ ترجمه: باید وضوح تصویر را بهبود ببخشید.
6. باید فونت/تایپ فیس/تایپوگرافی آن را تغییر دهید__ ترجمه: سبک نوشتاری متن باید متفاوت به نظر برسد.
7. یک هویت بسازید__ ترجمه: باید برای کمپانی/کسب و کار/مشتری یک هویت برند یا نام تجاری بسازیم.
8. آیا می توان شبکه بنید یا گرید را تغییر داد__ ترجمه: صفحه بندی کلی و چیدمان و ترتیب عناصر روی صفحه باید بهبود داده شود.
9. فایل مادر را برای من بفرستید__ترجمه: فایل های دیجیتالی اصلی طرح را در فرمت های قابل ویرایش مثل AI, EPS یا PSD یا در قالب فایل های ایندیزاین ارسال کنید.
10. طرح را تجاری تر کنید__ ترجمه: آیتم های هنری را کمتر کرده و اجازه دهید طرح تجاری تر به نظر برسد و در بازار متقاشی بیشتری داشته باشد.

>> طراحی گرافیکی و رمزگشایی اصطلاحات مخصوص آن: بخش دوم