وب تایپوگرافی: قوانین، تکنیک ها و طراحی واکنشگرا – قسمت اول

وب تایپوگرافی: قوانین، تکنیک ها و طراحی واکنشگرا

وب تایپوگرافی ، امروز متنی رو با این عنوان تو سایت  designmodo میخوندم که به نظرم خیلی مفید اومد. با خودم گفتم چقدر خوبه که این مطلب رو اینجا هم بذارم.

تایپوگرافی یا نویسه‌نگاری هنر و فن حروف‌چینی (حروف‌نگاری) برای نمایش زبان است. هنر چیدمان حروف برای زبان تصویری. تقویت ویژگی بصری حروف و نزدیک کردن نوشتار به وجه تصویری.

طراحی وب واکنشگرا تنها ستون ها سیستم های grid، تصاویر و آیکون ها نیست. همه ی این ها بدون متن و محتوا یه چیزی کم دارند. همانطور که بیل گیتس میگه: “Content is King.

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

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

مبانی تایپوگرافی

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

  

نوع متن (Typeface) 

وب تایپوگرافی

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

 

 

فونت (Font)

وب تایپوگرافی

یک فایل کامپیوتری حقیقی است که حاوی اطلاعاتی درباره حروف استفاده شده، مانند نوع متن، وزن، عرض، سبک و غیره می باشد.

 

 

Baseline

وب تایپوگرافی

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

Baseline

 

راس ارتفاع (Cap Height)

وب تایپوگرافی

ارتفاع حروف از baseline .

 

X-height

وب تایپوگرافی

هم چنین به عنوان corpus size نیز شناخته می شود. فاصله ی بین baseline و midline (نصف فاصله ی بین baseline و cap height)

 

Descenders

وب تایپوگرافی

 

 

 

 

 

 

 

 

 

 

بخشی از حروف که زیر baseline ادامه می یابند.

 

Tracking

به عنوان letter spacing شناخته میشود.

 

Kerning

فرآیند تنظیم فضای بین کاراکترهای مختلف در تغییر عرض.

 

Leading

به عنوان line height نیز شناخته می شود که فاصله ی بین خطوط را نشان می دهد.

 

 

این پست رو به مبانی وب تایپوگرافی اختصاص دادم. در پست های بعدی براتون از نکات وب تایپوگرافی میگم.

اگر براتون مفید بود با دوستانتون به اشتراک بذارید.

 

موفق و موید باشید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *