مرجع اطلاعات وب

  • ۰
  • ۰

2 . چیدمان بر اساس تایپوگرافی

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

تکنولوژی هیچ گاه به این اندازه به این مفهوم اجازه شکوفایی نداده است .

اما ما هم اکنون آزادی زیادی در طراحی سایت ، توضیحات و آزمایش ها داریم .

تایپوگرافی در حال به دست آوردن جایگاه اصلی خود در طراحی سایت است .

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

اما این فقط به انتخاب فونت و ترکیب کردن آن ها خلاصه نمی شود .

اکثر این بخش مربوط به انتخاب کلمات به عنوان عنصر اصلی زیبایی است .

هم اکنون کلمات جایگاه ویژه ای در طراحی سایت دارند .

یک عنصر وسیع که بقیه قسمت ها در کنار آن معنا پیدا می کنند .

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

برای این کار شما می توانید فرم ها ، افکت ها و انیمیشن های متفاوتی را از طریق استایل هایی مثل Bold به فونت خود اختصاص دهید .

3 . فونت های متفاوت

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

اما باید در لیست ما برای تقویت مهارت ها باشند .

فونت های متفاوت سیر تکاملی فونت های به خصوص opentype هستند .

یک فایل فونت می تواند شامل چندین ظاهر متفاوت از فونت باشد .

با استفاده از CSS در طراحی سایت این امکان وجود دارد که به این ظاهر های متفاوت دسترسی پیدا کنید و از آن ها استفاده کنید .

به عنوان یک مثال ما می توانیم فونت B Yekan را مثال بزنیم که در یک فایل ممکن است هم استایل نرمال آن وجود داشته باشد و هم استایل Bold آن .

با استفاده از CSS شما می توانید استایل های متفاوتی در طراحی سایت مثل فشرده کردن یا باز کردن به فونت ببخشید .

اما بقیه خصوصیت های آن که مربوط به مرفولوژی ( ریخت شناسی ) می شود با انتخاب طراح فونت تغییر می کند .


منبع : http://generalinfo1.parsiblog.com/Posts/198/

  • ۹۸/۰۳/۲۹
  • گرگ سفید

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی