تایپوگرافی و طراحی به صورت چاپی چیست؟ برای استفاده از اساسی ترین توضیح، تایپوگرافی طراحی و استفاده از قلمها به عنوان وسیله ارتباطی است. بسیاری از مردم تصور می کنند که تایپوگرافی با گوتنبرگ آغاز شده و توسعه نوع متحرک، اما تایپوگرافی به مراتب بیشتر از آن است. این شاخه طراحی در حقیقت ریشه های خود را در فرم نامه های دست نوشته دارد. تایپوگرافی همه چیز را از خوشنویسی از طریق نوع دیجیتالی که امروزه در همه صفحات وب دیده می شود، شامل می شود. هنر تایپوگرافی همچنین شامل طراحان نوعی است که فرمهای جدیدی را ایجاد می کنند که سپس به فایل های فونت تبدیل می شوند که طرح های دیگر می توانند در کار خود از آثار چاپ شده به وب سایت های ذکر شده استفاده کنند. همانطور که این آثار متفاوت است، اصول تایپوگرافی بر همه آنها تأکید دارند.
عناصر تایپوگرافی
فتوشاپ و فونت: اگر تا به حال به یک طراحی پرداخته اید که در کارهای خود از تایپوگرافی استفاده می کنند، احتمالا "اصطلاح" و / یا "فونت" را شنیده اید. بسیاری از افراد از این دو اصطلاح به طور متناوب استفاده می کنند، اما در واقع این تفاوت ها بین دو مورد وجود دارد.
"Typeface" اصطلاحات به خانواده فونت ها (مانند Helvetica Regular، Helvetica Italic، Helvetica Black و Helvetica Bold ) ارائه می شود. تمام نسخه های مختلف Helvetica تمام متن را تشکیل می دهند.
"فونت" اصطلاح است که زمانی استفاده می شود که کسی تنها به یک وزن یا سبک در آن خانواده اشاره دارد (مانند Helvetica Bold). بسیاری از قلمها شامل تعدادی از فونت های فردی می شوند که همه آنها مشابه و مرتبط هستند اما در برخی موارد متفاوت هستند. برخی از تایپ فاکسها تنها یک فونت را شامل می شوند، در حالی که دیگران می توانند شامل انواع متعددی از فرم نامه هایی باشند که فونت ها را تشکیل می دهند.
آیا این صدا کمی گیج کننده است؟ اگر چنین است نگران نباشید در واقع، اگر کسی یک متخصص تایپوگرافی نیست، احتمالا از اصطلاح "فونت" استفاده می کند، صرف نظر از اینکه یکی از این اصطلاحات آنها واقعا معنی دارد - و حتی بسیاری از طراحان حرفه ای از این دو اصطلاح به طور متناوب استفاده می کنند. به استثنای اینکه شما با یک طراح خالص در مورد مکانیک صنایع دستی صحبت می کنید، احتمالا با استفاده از هر کدام از این دو شرایط که ترجیح می دهید، کاملا ایمن هستید. این گفته می شود اگر شما تمایز را درک کنید و می توانید به درستی از اصطلاحات صحیح استفاده کنید، این چیزی نیست که هرگز بد نیست!
Classifiers Typeface: گاهی اوقات "خانواده های فونت های عمومی" نامیده می شوند، این دسته بندی های زیادی از تایپ های فشرده بر اساس تعدادی از طبقه بندی های عمومی است که فونت های مختلف زیر می شوند. در صفحات وب ، شش نوع طبقه بندی فونت وجود دارد که احتمالا شما می توانید ببینید:
- سرف
- بدون دندانه
- یکپارچه
- ناقص
- فانتزی
- اسکریپت
همچنین تعدادی از طبقه بندی های دیگر فونت وجود دارد که از این موارد خارج است. به عنوان مثال، فونتهای "slab serif" شبیه به serifs هستند، اما همه آنها دارای یک طراحی قابل تشخیص با ضخامت های ضخیم و براق بر روی فرم نامه هستند.
یکی از وب سایت های امروز، serif و بدون serif دو دسته بندی رایج ترین فونت هایی هستند که مورد استفاده قرار می گیرند.
Anatomy Typeface: هر فونت از عناصر مختلف ساخته شده است که آن را از دیگر قلمهای مختلف تشخیص می دهد. به غیر از اینکه به طور خاص قصد دارید به طراحی نوعی بروید و به دنبال ایجاد فونت با نام تجاری جدید هستید، طراحان وب به طور کلی نیازی به دانستن جزئیات آناتومی قلم ندارند. اگر شما علاقه مند به یادگیری بیشتر در مورد این بلوک های ساختمانی از تایپ و letterforms، مقاله ای عالی در مورد آناتومی نوع نوشتار در سایت نشریات دات نت وجود دارد.
در سطح پایه، عناصر آناتومی نوعی که باید از آن آگاه باشند عبارتند از:
- کلاه و ارتفاع x: این ارتفاع حروف بزرگ در متن و ارتفاع حرف x است. این به شما می گوید که بزرگترین حروف بزرگ چه اندازه بلند خواهد شد، و همچنین حروف کوچکتر از حد بزرگ. فونت ها بر اساس این دو ویژگی اندازه می گیرند.
- Decenders and ascenders: این ها بخش هایی از حروف هستند که در پایین و بالای خط x ارتفاع قرار دارند. اینها معمولا به حروف کوچک اشاره دارند. به عنوان مثال، حروف "b" دارای صعود (قطعه ای است که از حرف "up" می شود)، در حالی که حرف "p" دارای یک descender (قطعاتی است که از حرف "down" می رود).
فاصله بین نامه ها
تنظیمات متعددی وجود دارد که می توان بین حرف و حروف ایجاد کرد که بر تایپوگرافی تاثیر می گذارد. فونت های دیجیتال با بسیاری از این ویژگی ها در محل ایجاد می شوند و در وب سایت هایی که قابلیت تغییر این ابعاد فونت را دارا هستند، محدود است. این اغلب چیز خوبی است زیرا راه پیش فرض که فونت ها نمایش داده می شود، معمولا ترجیح داده می شود.
- kerning - فضای افقی بین حروف فردی
- ردیابی - فضای بین گروههای حروف
- پیشرو - فضای عمودی بین خطوط نوع (این به عنوان خط ارتفاع در شرایط وب سایت شناخته می شود)
- اندازه گیری - طول خطوط متن
- هم ترازی - بصری قرار دادن متن به سمت چپ، راست، محور یا توجیه شده
- لیگاتورها - نامه ها به هم متصل شده اند به طوری که آناتومی آنها ترکیب شده است، اساسا جریان یک حرف به دیگری
عناصر تایپوگرافی بیشتر
تایپوگرافی بیشتر از فقط تایپهای مورد استفاده و فضای خالی آنها است. همچنین در هنگام ایجاد یک سیستم تایپوگرافی مناسب برای هر طراحی، باید موارد دیگری نیز داشته باشید:
Hyphenation: Hyphenation افزودن یک خط (-) در انتهای خط ها برای کمک به جلوگیری از مشکالت در خواندن و یا ایجاد توجیه بهتر است. در حالی که معمولا در اسناد چاپی یافت می شود، اکثر طراحان وب، خطاهای خطا را نادیده می گیرند و از کارشان در کار استفاده نمی کنند، زیرا این چیزی نیست که به طور خودکار توسط مرورگرهای وب به خوبی انجام می شود.
گره: لبه عمودی ناهموار یک بلوک متن، چنگال نامیده می شود. هنگام توجه به تایپوگرافی، شما باید کل بلوک های متن خود را نگاه کنید تا اطمینان حاصل کنید که کلاه روی طراحی تاثیر نمی گذارد. اگر پارچه خیلی زرد یا ناهموار باشد، می تواند بر خوانایی بلوک متن تاثیر گذارد و آن را منحرف کند. این چیزی است که به طور خودکار توسط مرورگر از لحاظ نحوه رپید از خط به خط انجام می شود.
پسران و یتیمان: یک کلمه در انتهای ستون یک بیوه است و اگر در بالای ستون جدید باشد، یتیم است. بیوه ها و یتیمان بد نگاه می کنند و می توانند به سختی بخوانند.
گرفتن خطوط متن خود برای نمایش کامل در مرورگر وب گزاره ای خسته کننده است، به ویژه هنگامی که شما یک وب سایت پاسخگو و نمایش های مختلف برای اندازه های مختلف صفحه نمایش داشته باشید. هدف شما باید بررسی سایت با اندازه های مختلف باشد تا بتوانید بهترین ظاهر را ایجاد کنید. ممکن است در حالی که پذیرفتن این است که در موارد خاص محتوای شما دارای پنجره، یتیم، و یا دیگر صفحه نمایش های کمتر از ایده آل است. هدف شما باید این باشد که این جنبه های طراحی نوع را به حداقل برسانید، در حالی که این واقعیت واقعی است که شما نمیتوانید برای هر اندازه صفحه نمایش و صفحه نمایش به کمال برسید.
مراحل چک کردن تایپوگرافی شما
- قلمها را با دقت انتخاب کنید، به دنبال آناتومی نوع و همچنین نوع خانواده آن است.
- اگر طراحی را با استفاده از متن نگهدارنده انجام می دهید، طراحی نهایی را تا زمانی که متن واقعی را در طراحی ندیده اید، تصویب نکنید.
- توجه به جزئیات کمی از تایپوگرافی .
- به هر بلوک متن نگاه کنید، همانطور که هیچ کلمه ای در آن وجود ندارد. چطوری متن را روی صفحه ایجاد می کند؟ اطمینان حاصل کنید که این شکل ها کل طراحی صفحه را به جلو هدایت می کنند.
مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در 7/5/17