31
پوگرافی تایت آزاد طراحی وب جلساد کشی پور وحی/ نی آرش می

Tabriz wt 5

  • Upload
    mrwubi

  • View
    343

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Tabriz wt 5

تایپوگرافیجلسات آزاد طراحی وب

آرش میالنی/ وحید کشی پور

Page 2: Tabriz wt 5

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

Page 3: Tabriz wt 5

ر هنریتایپوگرافی یعنی کار با تایپ و نوشته در یک اث

Page 4: Tabriz wt 5

چرا تایپوگرافی مهمه؟

Page 5: Tabriz wt 5
Page 6: Tabriz wt 5
Page 7: Tabriz wt 5
Page 8: Tabriz wt 5

ی ذهن انسان با دیدن نوشته و فونت فارس!خسته میشه و انرژی مصرف می کنه

Page 9: Tabriz wt 5

!ارهتایپوگرافی فارسی به حد کافی مشکل د

!خواهشا داغ دلش رو تازه نکنید

Page 10: Tabriz wt 5

راه حل چیه؟

Page 11: Tabriz wt 5

اگه ما مشکالت بیشتری به تایپش فارسی اضافه نکنیم مشکالت خود

!تا حدودی قابل چشم پوشیه

Page 12: Tabriz wt 5

چه چیزهایی رو باید رعایت کنیم؟

انتخاب فونت

اندازه فونت

فونتنسبت اندازه

فاصله حروف

فاصله سطرها

Page 13: Tabriz wt 5

تایپوگرافی در(UI)رابط کاربری

و(UX)تجربه کاربری

Page 14: Tabriz wt 5

نظریه گشتالت

Page 15: Tabriz wt 5

قانون همجواری.دبه هم در یک گروه به نظر می آیننزدیک اشیاء

Page 16: Tabriz wt 5

شباهتقانون ظر با مشخصه های شبیه به هم در یک گروه به ن( نوشته)اشیا

.می آیند

Page 17: Tabriz wt 5

قانون متن و زمینه.تپس زمینه اسالمان اصلی از ذهن انسان به دنبال درک

Page 18: Tabriz wt 5

انتخاب فونت

Page 19: Tabriz wt 5
Page 20: Tabriz wt 5
Page 21: Tabriz wt 5
Page 22: Tabriz wt 5

نسبت اندازه فونت

Page 23: Tabriz wt 5

نسبتهای استاندارد1/4141/6181/1251/2501/200

.....و

Page 24: Tabriz wt 5

1/6180339887= نسبت طالیی

Page 25: Tabriz wt 5
Page 26: Tabriz wt 5

فاصله سطرها

Page 27: Tabriz wt 5
Page 28: Tabriz wt 5
Page 29: Tabriz wt 5

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

Page 30: Tabriz wt 5

!تمام

در آخر یک خواهش کوچولو

Page 31: Tabriz wt 5

.دخواهش می کنم فینگلیش ننویسی

آرش میالنی/ وحید کشی پور