چگونه برای انتخاب فونت خانواده برای وب سایت شما

چگونه تصمیم می گیرید کدام فونت را استفاده کنید

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

یکی از ساده ترین راه ها برای تاثیر گذاری بر طراحی یک صفحه وب با فونت هایی است که شما برای محتوای متن در آن سایت استفاده می کنید. متاسفانه، بسیاری از طراحان وب که در ابتدای کارشان هستند، با استفاده از فونت های زیادی در هر صفحه، کمی دیوانه می شوند. این می تواند برای یک تجربه غرق شده که به نظر نمی رسد انعطاف پذیری طراحی را ایجاد کند. در موارد دیگر، طراحان سعی می کنند فونت هایی را که تقریبا غیر قابل خواندن هستند تجربه کنند و فقط از آنها استفاده کنند زیرا آنها "خنک" و یا متفاوت هستند. آنها ممکن است واقعا فونت های خیره کننده ای باشند اما اگر متن هایی که به معنای انتقال آنها نیست بخوانند، "خنک شدن" آن فونت زمانی که هیچ کس آن وب سایت را نمی خواند، خسته می شود و به جای یک سایت که می تواند پردازش کند، برگشته است!

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

برخی از قوانین از خندق

  1. از بیش از 3-4 فونت در هر صفحه استفاده نکنید. هر چیزی بیش از این شروع می شود به احساس آماتور - و حتی 4 فونت می تواند بیش از حد بسیاری در برخی موارد!
  2. فونت را در وسط جمله اصلاح نکنید مگر اینکه دلیل خوبی داشته باشید (توجه داشته باشید - من در تمام سالهای من به عنوان طراح وب هیچگاه، دلیل خوبی برای انجام این کار نداشتم)
  3. استفاده از فونت های بدون سرصفحه یا فونت serif برای متن بدن برای ساختن این بلوک های محتوا برای خواندن آسان تر.
  4. استفاده از فونت های تک فضای برای متنی و بلوک کد ماشین را برای تعیین کد جدا از صفحه.
  5. استفاده از اسکریپت و فانتزی فونت برای لهجه ها و یا سرفصل های بزرگ با کلمات بسیار کم است.

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

فونتهای SANS SERIF اساس سایت شما هستند

فونتهای بدون سرصفحه فونتهایی هستند که هیچ " سرریفی " ندارند - درمان طراحی کمی در پایان نامه ها.

اگر شما هر دوره طراحی چاپ را قبول کرده اید احتمالا گفته اید که فقط باید فونت های serif را فقط برای سرفصل ها استفاده کنید. این برای وب درست نیست. صفحات وب در نظر گرفته شده توسط مرورگرهای وب بر روی مانیتورهای کامپیوتر مشاهده می شوند و مانیتورهای امروز به وضوح در نمایش فونت های serif و sans-serif بسیار خوب هستند. برخی از فونت های serif می توانند به اندازه ای کوچکتر به خصوص در صفحه نمایش های قدیمی تر به نظر برسند، بنابراین شما همیشه باید از مخاطبان خود آگاه باشید و مطمئن شوید قبل از اینکه تصمیم به استفاده از آنها برای متن بدن خود داشته باشید، آنها می توانند فونت های serif را بخوانند. گفته می شود که بیشتر فونت های سریف امروزه برای مصرف دیجیتال طراحی شده اند و تا زمانی که با یک اندازه فونت مناسب تنظیم شده اند، به عنوان کپی بدن کار خواهند کرد.

برخی از نمونه های فونت های بدون سرف عبارتند از:

چیزهای بی اهمیت: Verdana یک خانواده فونت است که برای استفاده در اینترنت اختراع شد .

USE SERIF FONTS FOR PRINT

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

بهترین تمرین: استفاده از فونت serif برای صفحات چاپی مناسب خود را در نظر بگیرید.

برخی از نمونه های فونت serif عبارتند از:

فونت های MONOSPACE فضای مساوی را برای هر حرف استفاده می کنند

حتی اگر سایت شما در مورد محاسبات نیست، شما می توانید از monospace استفاده کنید تا دستورالعمل ها را ارائه دهید، مثال ها را ارائه کنید یا متن تایپ شده را مستلزم. حروف مسطح یکسان برای هر شخصیت پهنای بقیه دارند، بنابراین آنها همیشه از همان مقدار فضا در صفحه استفاده می کنند.

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

برخی از نمونه های فونت های تک فضا عبارتند از:

بهترین تمرین: فونت های تک فضایی برای نمونه های کد خوب کار می کنند.

فونت های فانتزی و اسکریپت برای خواندن سخت است

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

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

برخی از نمونه های فونت فانتزی عبارتند از:

چیزهای بی اهمیت: تاثیر خانواده فونت به احتمال زیاد در مک، ویندوز و دستگاه های یونیکس است.

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

چیزهای بی اهمیت: مطالعات نشان داده است که فونت هایی که برای خواندن سخت تر است، می تواند دانش آموزان بیشتر اطلاعات را حفظ کند.

مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در 9/8/17