اندازه فونت در طراحی سایت چگونه تعیین می شود؟ [ترفندهای انتخاب بهترین سایز]

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

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

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

اهمیت فونت در طراحی سایت

اگر به حدود 15 سال پیش برگردیم و وضعیت طراحی سایت را با امروز مقایسه کنیم، دو تفاوت اساسی خواهیم یافت. اولا، در گذشته تقریبا 90 درصد کاربران سایت با سیستم‌های دسکتاپ یا نهایتا لپ‌تاپ به صفحه سایت می‌رسیدند در حالی که امروزه دیگر چنین وضعیتی وجود ندارد. سایت‌های امروزی باید ریسپانسیو باشد و با تمام پلتفرم‌ها همخوانی داشته باشند.

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

دومین تفاوت، تعداد رقباست. در گذشته اگر در مورد یک موضوع جستجو می‌کردید، تعداد رقبای شما به اندازه امروز نبود. بسیاری از رقبا نیز از نظر محتوا شاید در حد و اندازه قابل قبولی نبودند اما امروز، همه رقبا سایت‌هایی رسپانسیو با محتوای مناسب دارند و رقابت بر سر جذب کاربران بالاتر است.

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

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

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

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

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

بنابراین، لازم است تا بهترین اندازه فونت در طراحی سایت را بیابید. معمولا در طراحی سایت‌ها از فونت‌های اندازه 12 تا 18 استفاده می‌شود اما چرا این سایز فونت برای طراحی سایت انتخاب شده است؟

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

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

«ارتفاع حروف (تفاوت اندازه بالاترین و پایین‌ترین قسمت حرف) باید به اندازه 0.3 زاویه سمت چشم انسان باشد.»

طبق این فرمول، برای یک صفحه 16 اینچ، حداقل اندازه فونت 4.5 پوینت است. پوینت، یک واحد طول برای اندازه‌های کوچک است که اگر یک اینچ را به 72 قسمت تقسیم کنیم، هر واحد به دست آمده برابر با یک پوینت خواهد بود. با تبدیل اینچ به میلی‌متر، اندازه هر پوینت برابر با 0.353 میلی‌متر به دست می‌آید.

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

اندازه 14، 15 و 18 پوینت نیز برای سایت مناسب هستند. برای صفحات لندینگ یا جایی که نیاز به جلب توجه بیشتر دارید، استفاده از فونت‌های بزرگتر نیز می‌توانند مناسب باشند اما برای محتوای بلاگ، مناسب‌ترین اندازه فونت در طراحی سایت همان اندازه‌های نرمال 12، 14 و 16 به شمار می‌روند.

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

1. صفحات مختلف سایت به اندازه فونت‌های مختلف نیاز دارند. سایز فونت‌ها در صفحه لندینگ با صفحه هوم و صفحات بلاگ دارای تفاوت هستند.
2. تیترها، با فونت‌های درشت نوشته می‌شوند. هر چقدر هم تیتر شما به تیتر اصلی نزدیک‌تر باشد، فونت آن باید بزرگتر باشد. مثلا فونت تگ h1 باید از تگ h3 حداقل دو سایز بزرگتر باشد.
3. می‌توانید کلمات کلیدی یا عبارت‌های مهم را به صورت بولد بنویسید. نقل قول‌ها هم می‌توانند به صورت ایتالیک نوشته شوند اما الزامی وجود ندارد.
4. اگر در میان محتوای خود قصد لینک‌سازی داخلی را دارید، ترجیحا عبارتی که به عنوان لینک استفاده می‌کنید را به صورت بولد و با یک رنگ متفاوت استایل بدهید.
5. از فونت‌های امن استفاده کنید. فونت‌های امن آن دسته از فونت‌ها هستند که توسط گوگل روی تمام مرورگرها به نمایش در می‌آیند. اگر فونت شما امن نباشد و روی سیستم کاربر شناخته نشده باشد، روی سرعت سایت شما اثر خواهد گذاشت.
6. فونت‌های مورد استفاده در وب سایت خود را روی هاست بارگذاری کنید تا تاثیر کمتری روی سرعت سایت بگذارند.
7. نوع طراحی سایت شما روی اندازه فونت در طراحی سایت بی‌تاثیر است. پس اگر سفارش سایت وردپرسی دارید یا می‌خواهید سایت را با جنگو و php بسازید، اندازه فونت‌ها تغییری نمی‌کنند.

جمع‌ بندی

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

طبق محاسبات و تحقیقات انجام شده، فونت مناسب برای بهترین سایت ها از نظر طراحی تقریبا یکسان است. بهترین سایز فونت برای وب بین 12 تا 18 برای مطالب بلاگ سایت می‌باشد. البته برای تیترهای صفحات لندینگ و تبلیغاتی می‌توان از فونت‌های بزرگ‌تر نیز استفاده نمود اما باید مراقب بود که اندازه فونت بیش از اندازه بزرگ نشود.