تایپوگرافی چیست؟

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

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

نمونه هایی از تایپوگرافی

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

در تایپوگرافی، طراح تلاش می کند آنچه در ذهن دارد را، در طرح و متن خود نشان دهد.

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

تفاوت تایپوگرافی و خوشنویسی

خوشنویسی بیشتر روی زیبایی متن تمرکز دارد ولی در تایپوگرافی بجز زیبایی که یکی از اهداف آن می باشد، خوانایی متن دارای اهمیت زیادی می باشد.

انواع رایج فونت ها

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

فونت‌های سریفSerif 

فونت‌های سریف Serif دارای خط‌های کوچکی به نام سریف هستند که به قسمت اصلی حرف متصل می‌شوند و برای تایپ متون انگلیسی مناسب هستند.

به دلیل ظاهر کلاسیک خود، آنها انتخاب خوبی برای پروژه های سنتی تر هستند. آنها همچنین در نشریات چاپی مانند مجلات و روزنامه ها رایج هستند.

اما برای متون فارسی می توانید از فونت های ایرانی استفاده نمایید کافی است کمی سرچ کنید تا با صدها فونت زیبا آشنا شوید.

فونت های Sans serif

فونت‌های Sans Serif آن بخش اضافی ندارند از این رو نام آن بدون سریف فرانسوی است.

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

نمایش و انتخاب فونت مناسب

فونت‌ها در سبک‌های مختلفی مانند اسکریپت، حروف سیاه، تمام حروف، و کاملاً فانتزی دسته بندی می شوند.

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

به نوعی، فونت ها زبان خاص خود را دارند. همه آنها فراتر از کلمات موجود در صفحه، چیزی برای گفتن دارند.

آنها می توانند به صورت معمولی، عجیب و غریب یا گرافیکی ظاهر شوند. به همین دلیل مهم است که در مورد پیام خود فکر کنید، سپس فونت مناسب را انتخاب کنید.

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

اما نگران نباشید پس از مدتی کار کردن، می توانید براحتی فونت ها را بشناسید و در جای مناسب از آنها استفاده نمایید.

یکی از راه هایی که می توانید برای حرفه ای شدن استفاده کنید دیدن طرح های حرفه ای است.

فونت هایی که باید از آنها اجتناب کنید

سعی کنید از فونت هایی که زیاد استفاده می شوند دوری کنید.

برخی از فونت‌ها مانند Comic Sans، Curlz و Papyrus فونت های خوبی هستند و مشکل خاصی ندارند، آنها فقط به دلیل قدیمی بودن و استفاده بیش از حد، شهرت خاصی دارند.

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

ترکیب فونت ها

وقتی تصمیم می گیرید از کدام فونت استفاده کنید، به این مسئله نیز توجه کنید که بهتر است از یک یا دو فونت استفاده نمایید.

بجای استفاده از چندین فونت مختلف، می توانید از دو فونت استفاده کنید ولی از سبک های مختلف همان فونت استفاده کنید.

اگر توجه کرده باشید فونت ها دارای bold, italic و غیره می باشند گاهی یک فونت می خرید ولی مشاهده می کنید چندین فایل ttf در اختیار شما قرار می دهند. این یک ترفند جالب می باشد.

احتمالاً شنیده اید که مخالفان، جذب می شوند. همین امر در مورد فونت ها نیز صادق است.

از ترکیب سبک های متفاوت اما مکمل هم نترسید، مانند sans serif با سریف، کوتاه با بلند، یا تزئینی با ساده.

این می تواند در ابتدا چالش برانگیز باشد، اما ناامید نشوید. می توانید به طرح های دیگران نگاه کنید و از آنها الهام بگیرید.

اصطلاحات مهم تایپوگرافی

در ادامه شما را با اصطلاحاتی مانند kerning, leading, tracking, hierarchy را آشنا می کنیم. برای کسانی که تجربه بیشتری دارند، این مفاهیم برای ایجاد طرح هایی با ظاهر حرفه ای ضروری است.

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

آشنایی با مفهوم hierarchy

hierarchy برای هدایت چشم خواننده به هر آنچه مهم است استفاده می شود. به تصاویر زیر نگاه کنید.

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

ایجاد hierarchy ساده است: فقط تصمیم بگیرید که اول کدام عناصر را می خواهید خواننده متوجه شود، سپس آنها را برجسته کنید.

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

آشنایی با مفهوم leading

لیدینگ (leading) فضای بین خطوط متن است که به عنوان فاصله بین خطوط نیز شناخته می شود.

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

مثلا به همین مقاله توجه کنید آیا براحتی می توانید مطالب را بخوانید؟ آیا فاصله بین خطوط خوب است؟

هدف این است که خواندن متن شما تا حد امکان راحت باشد. فاصله زیاد یا خیلی کم، می تواند چیزها را برای خواننده ناخوشایند کند.

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

آشنایی با مفهوم Tracking

Tracking فضای کلی بین کاراکترها است که گاهی اوقات فاصله کاراکترها نامیده می شود.

اکثر برنامه‌ها به شما اجازه می‌دهند بسته به نیازتان این را فشرده یا کاهش دهید مثلا در فتوشاپ بخش Character می توانید فاصله کاراکترها را نیز کم و زیاد کنید در بخش کار با متن در فتوشاپ، آن را توضیح داده ایم.  

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

حتی بعضی فونت ها، به صورت پیش فرض دارای فاصله کم یا زیاد هستند یعنی با انتخاب آنها، کاراکترها فاصله کمتر با بیشتری خواهند داشت و نیاز به تنظیم نیست.

آشنایی با مفهوم Kerning

فضای بین کاراکترهای خاص است. حتما می پرسید پس تفاوت بین Tracking و Kerning چیست؟ چون Tracking نیز همین کاررا می کند. یا یک مثال جواب می دهم.

اگر بخواهیم بین تمام کاراکترهای یک کلمه فاصله بیاندازیم از Tracking استفاده می کنیم اما اگر می خواهید بین دو کاراکتر خاص از همان کلمه فاصله بیاندازید می توانید از Kerning استفاده کنید.

دقیقا این ابزار در فتوشاپ وجود دارد و من می خواهم تفاوت این دو را در فتوشاپ به شما نشان دهم. همان طور که مشاهده می کنید من بین تمام کاراکترهای topsite98 اول را با Tracking فاصله انداخته ام و با رنگ قرمز مشخص است.

اما در کلمه دوم که با رنگ آبی متمایز کرده ام بین حروف To فاصله را از بین برده ام.

نتیجه گیری

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

• طرح های حرفه ای را با دقت بیشتری ببینید.
• با نرم افزارهایی مثل فتوشاپ کار کنید.
• تمرین و تمرین و تمرین داشته باشید.

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

تلاش کنید و به آینده امیدوار باشید. امیدوارم این مقاله، اولین گام برای موفقیت شما باشد و از یادگیری اصول تایپوگرافی لذت برده باشید.

از بقیه آموزش های حرفه ای ما نیز استفاده کنید.