فصل تایپوگرافی خلاصه قسمت های 1 تا آخر

پرسیده شده
فعالیت 1342 روز پیش
دیده شده 614 بار
6

تایپوگرافی :  در واقع همان حسی هستش که ما باید با انتخاب یک فونت مناسب میایم  و  حس مناسب و به کاربرمون منتقل میکنیم 

 

فونت در حقیقت نامی هست که ما برای دسته از فونت ها داریم حال هرکدوم از این فونت ها در رون خودشون دسته ای از فونت ها رو دارن که زیر شاخه ای دسته اصلی می شوند حال اون زیر شاخه های فونت اصلی که پسوند های bold و ...  دارند که به عبارت ساده تر فونت هایی که میان و ذخامت رو نسبت به فونت های اصلی جدا میکنند می شوند تایپ فیس ها typeFace ها 

 

به فونت هایی که یکسری شکسته گی دارند و در نام خود کلمه  serif را دارند و اون دسته از فونت هایی که این ساختار رو ندارند رو بهشون میگویند sansSerif می گویند 

 

تنظیم فاصله »   ( kerning &  Tracking  & Learning ) : 

 

گزینه ی kerning میاد میگوید که من یک پراپرتی در css دارم به نام  letter Spaceing  که فاصله ی بین کلمات رو باهم و letter ها رو باهم دیگه اوکی میکند 

 

Tracking : این گزینه میاد و فاصله ی بین کاراکتر هارو برای ما مشخص میکند 

 

فاصله گزاری  ( spaceing  or leading ) که پراپرتی مربوط به آن در سی اس اس line-hight 

 

مفهوم widows و orphans که به معنی این هستش که یک کلمه در انتها می ماند و یا یک کلمه در خط اول می ماند وبقیه میرن خط بعدی  که برای حل این  مشکلات راه حل های زیر را داریم

 

1- تنظیم کردن اندازه ی فونت ها 

2- تغیر دادن عرض کانتیر ها 

3- اضافه کردن یا حذف کردن قسمتی از متن 

4- تغیر دادن میزان فاصله گزاری ها 

فایل پیوست

emad ta
emad ta

11 شهریور 99

5
حذف شده

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

 

از وب سایت های fontConvert برای تبدیل فونت ها استفاده میکنیم 

فایل پیوست

emad ta

توسط

emad ta

12 شهریور 99

4
حذف شده

معرفی واحد های  rem & emm & vh &vw   

 

زمانی که ما از واحد rem میایم و استفاده میکنیم واسبتگی بر اساس  HTML root هستش که مقدار پیش فرض برابر 16 پیکسل هستش که میتوانیم تغیرش دهیم که با مقادیر عددی دادن میتوانیم بیایم و یک تناسبی نسسبت به روت بدههیم برای مثال مقدار 2rem برابر هستش با مقدار 32 px

 

واحد em  مقداری رو که میگیرد برعکس بالایی از والدش هستش 

vh واحدی که بیشتر برای تصاویر یا بلاک ها مورد استفاده قرار میگیرد که برای گرفتن ارتفاع 100 درصد دیوایس اش رو پر بکند یا اصطلاحا فول اسکرین باشد که هر 1 واحد آن یعنی یک درصد از viewPort 

 

استفاده از 100 درصد در ارتفاع دادن یعنی مقدار 100 درصد محتوا رو بیا و پر بکن  ولی vh  مقدار  viewPort  پر میکند 

 

یاداوری »  نکته های مربوط به min-height 

فایل پیوست

emad ta

توسط

emad ta

12 شهریور 99

جلسه اول - تایپوگرافی در طراحی وب - قسمت اول