تایپوگرافی هنر و تکنیک چینش حروف است؛ به گونه‌ای که زبان نوشتاری در هنگام نمایش، خوانا، زیبا و جذاب باشه. رعایت اصول تایپوگرافی به تعادل بین محتوا و تصاویر در ساختار بصری طراحی شما کمک می‌کنه.
با خوندن این مقاله با ۶ جنبه مهم تایپوگرافی که همیشه هنگام کار با متن باید در نظر گرفته بشه، آشنا می‌شید و بعد از اون در پایان مقاله چند تکنیک برای زیباسازی متن در یک طرح یاد می‌گیرید.
انتخاب فونت اولین چیزی است که باید در نظر بگیرید و احتمالاً بیش‌ترین زمان رو برای اون صرف کنید. این مرحله کمی خسته کننده است ولی در پایان کار ارزشش رو نشون می‌ده. برای آشنایی کامل با نحوه انتخاب فونت مقاله “نحوه انتخاب فونت مناسب” را مطالعه کنید.
پس از آشنایی با مواردی که در هنگام انتخاب فونت باید به آن ها توجه کنید، لازم است با انواع فونت آشنا شوید.
بعضی از فونت‌ها سِریف (serif) و بعضی دیگر بدون سِریف (sans serif) هستند. سِریف به فونت‌هایی گفته می‌شود که در انتهای حروف یک بیت اضافه دارند؛ به این بیت های اضافی سِریف گفته می‌شود. به فونت‌هایی که این بیت اضافی را ندارند بدون سِریف گفته می‌شود. فونت‌های سِریف در چاپ خواناتر هستند اما در وب به دلیل پایین آمدن وضوح صفحه قابلیت خوانایی خود را از دست می‌دهند. پس به طور کلی می‌توان گفت فونت‌های سِریف برای متون چاپی و فونت‌های بدون سِریف برای وب مناسب‌تر است.
در دسته‌بندی دیگر، فونت‌ها را به دو دسته Script و Monospaced تقسیم می‌کنند. فونت‌های Script فونت‌هایی هستند که از دست نوشته تقلید می‌کنند؛ در حالی که فونت‌های Monospaced دارای عرض ثابتی هستند و هر حرف از اصول خاصی پیروی می‌کند.
برای تعیین اندازه متن خود باید مخاطبین هدف رو در نظر بگیرید. یعنی هنگام انتخاب اندازه فونت به این فکر کنید که چه کسی می خواهد متن رو بخونه و چه چیزی رو ترجیح می‌ده. به عنوان مثال، اگر طراحی شما مربوط به کودکان یا سالمندان است، اندازه فونت کوچک توصیه نمی‌شه. همچنین در هنگام انتخاب اندازه فونت باید سلسله مراتب اهمیت متن رو هم در نظر بگیرید. به عنوان مثال، عنوان اصلی بزرگ‌ترین متن در صفحه خواهد بود، سپس زیر عنوان‌ها و سپس متن اصلی. این کار به سازماندهی مطالب برای خواننده کمک می‌کنه و قابلیت خوانایی رو بهبود می‌ده.
فاصله بین خطوط یکی از جنبه‌های مهم تایپوگرافی است که غالبا فراموش می‌شه. اغلب اوقات مقدار پیش فرض بدون هیچ فکری اعمال می‌شه. این امر می‌تونه خوندن یک متن رو دشوار کنه و خواننده در هنگام خوندن متن، خطوط رو اشتباه کنه.
تراز کردن متن می‌تونه مطالب رو در ذهن خوانندگان سازماندهی کنه. متنتون رو به گونه‌ای در طرح قرار بدید که با سایر عناصر موجود در صفحه هماهنگ باشه و یک احساس انضباط و ساختاریافتگی در مخاطبان ایجاد کنه. اگر متن شما فقط در جایی از صفحه و بدون هیچ گونه ارتباطی با سایر عناصر موجود در صفحه قرار بگیره، ظاهر نامرتبی به طرح می‌ده و کیفیت و زیبایی طرح رو تا حد زیادی کاهش می‌ده.
نزدیکی شامل در نظر گرفتن فضای بین متن و سایر عناصر موجود در صفحه است. همیشه فضایی رو به عنوان فضای استراحت در نظر بگیرید. اگر متن شما در فاصله چند پیکسلی از طرح قرار بگیره، طرح شما به هم ریخته به نظر می‌رسه. همیشه بین طرح و متن خود هماهنگی ایجاد کنید. اگر لازم است متن زیادی رو در طرح بگنجانید، از طرح‌های ساده و مینیمال استفاده کنید چون لازم نیست همه صفحه شما پر و بدون هیچگونه فضای خالی باشه.
سرانجام شما باید خوانایی متنتون رو به طور کلی در نظر بگیرید. نگاهی به متن خود بیندازید. از خود بپرسید آیا مردم مایل به خوندن این متن هستند؟ در مورد هر کاری که برای بهبود خوانایی متن می‌تونید انجام بدید فکر کنید. به این فکر کنید که طرح کلی شما چگونه به نظر می‌رسه؛ توجه شما رو به خودش جلب می‌کنه؟ آیا جذاب به نظر می‌رسه؟ چقدر تلاش برای خوندن یا اسکن متن لازم است؟
تضاد رنگ ممکن است به عنوان یک مفهوم ابتدایی به نظر برسه، اما در هنگام انتخاب رنگ برای تایپوگرافی و طراحی کلی، مواردی وجود داره که به راحتی نادیده گرفته می‌شند.
یکی از رایج‌ترین اشتباهات قرار دادن متن سیاه بر روی پس زمینه سفید است. تضاد رنگ سیاه و سفید بیش از حد است! اگر به وب‌سایت‌های برتر (از لحاظ طراحی) نگاه کنید، متوجه می‌شید که متن سیاه موجود در زمینه سفید واقعاً سیاه نیست بلکه خاکستری است. یا نوشته سیاه بر روی زمینه طوسی قرار گرفته‌است. این تکنیک، کنتراست رو کاهش می‌ده و خوندن رو برای بیننده آسون‌تر می‌کنه.
مقاله کاملتری توی سایتمون هست که می تونید بخونید.
