صفر تا صد انتخاب فونت در طراحی سایت

by | سپتامبر 16, 2020 | طراحی سایت, کتابخانه تابان شهر | 0 comments

[vc_row][vc_column][vc_column_text]انتخاب فونت در طراحی سایت[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” el_class=”firstRowBackground”][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vc_empty_space height=”64px”][vc_custom_heading text=”انتخاب فونت در طراحی سایت” font_container=”tag:h2|font_size:3rem|text_align:left|color:%23ffffff|line_height:3.5rem” use_theme_fonts=”yes” font_weight=”600″][vc_column_text]


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

[/vc_column_text][porto_info_box icon_type=”custom” img_width=”70″ icon_border_radius=”500″ title=”سبحان بهرامی زاده” subtitle=”26 شهریور 99″ title_font_color=”#ffffff” subtitle_font_color=”#f2f2f2″ desc_font_color=”#ffffff”]زمان مطالعه : 15 دقیقه[/porto_info_box][vc_btn title=”دانلود PDF” style=”custom” custom_background=”#e5e5e5″ custom_text=”#000000″ shape=”round” size=”xl” link=”url:https%3A%2F%2Ftabaneshahr.com%2Fwp-content%2Fuploads%2F2020%2F09%2F%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8-%D9%81%D9%88%D9%86%D8%AA-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA.pdf||target:%20_blank|”][/vc_column][vc_column width=”5/12″][vc_empty_space][vc_single_image image=”29022″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”انتخاب فونت در طراحی سایت” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][vc_custom_heading text=”چرا انتخاب فونت در طراحی سایت “بسیار“ مهم است؟” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][vc_custom_heading text=”انتخاب فونت در طراحی سایت چگونه باید انجام شود؟” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

اول از همه برای کسانی که می خواهند بدانند به معنای “واقعی” کلمه چگونه برای سایتشان فونت انتخاب کنند بگوییم که چندان هم سخت نیست. در وردپرس شما می توانید از افزونه ها استفاده کنید و اگر هم در همین وردپرس تمایلی به افزونه نداشتید و یا سایتتان اصلا وردپرسی نیست و اختصاصی است می توانید یک کلاس سی اس اس جامع برای کل سایتتان تعریف کنید که به فرض مثال اگر شما تگ H1 را در جایی قرار دادید، متنی که داخل <> نوشته می شود با فونت مورد نظر شما که در کلاس CSS تعریف شده برای H1 نمایش داده شود. اگر هم می‌بینید که این موضوع کمی پیچیده به نظر می رسد اصلا نگران نباشید، از یک برنامه نویس اگر بخواهید به راحتی این کار را برای شما انجام می دهد هرچند کاری نیست که نتوانید آن را انجام دهید.

اما اگر منظور ما از “چگونه برای سایت خودمان فونت انتخاب کنیم” فونت “خوب” باشد بحث کاملا متفاوت است. اولا که واضح است که قانون و قاعده خاصی وجود ندارد که بگوید مثلا کسب و کاری با موضوع خاص حتما باید از فلان فونت استفاده کند. اما این موضوع دال بر این نیست که فونت در برندسازی تاثیری ندارد. حتی اگر به تاریخچه فونت ها هم نگاه کنیم می بینیم که مردم از هر فونتی به صورت ناخودآگاه برداشت متفاوتی دارند.

پیرو همین مسئله همیشه باید پرسونای مخاطبمان را به خوبی در نظر بگیریم و سپس اقدام به انتخاب فونت کنیم. معمولا سازمان ها و مراکز دولتی از فونت ساده ما مانند Tahoma و Arial استفاده می کنند و گاهی هم پیش می آید که در چند جا از موارد سایتشان هم از Times New Roman استفاده کنند و فونت های ساده و عادی دیگر. سایت های فروشگاهی یا سایت هایی که اغلب با موضوعات غذایی درگیر هستند دیده شده که از فونت های شکسته کمتر استفاده می کنند و بیشتر از فونت های ساده اما غیر رسمی استفاده می کنند.

در هر صورت مهمتر از همه این است که سعی کنید از فونت های آزار دهنده و فانتزی استفاده نکنید که باعث می شوند چشم های مخاطب خسته شود و یا اینکه تمرکزش از متن بهم بریزد.

[/vc_column_text][vc_single_image image=”28891″ img_size=”full” alignment=”center”][vc_custom_heading text=”تاثیر انتخاب فونت در طراحی سایت بر روی موتور های جست و جو” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

موتور های جست و جو مانند گوگل به مواردی اهمیت می‌دهند که شاید گاهی به ذهن ما خطور نکرده باشد که این موارد چقدر حائز اهمیت هستند. یکی از این موارد فونت سایت شماست. شاید اول فکر کنید به فرض مثال گوگل فونت خاصی را از شما می خواهد یا اینکه تعیین کرده است که هر نوع سایتی چه فونتی داشته باشد. خیر اینطور نیست. موتور های جست و جو از شما می خواهند فونتی داشته باشید که به د مخاطب بشیند و در حین خواندن اذیت نشود. قبل تر به شما درباره اینکه کیفیت فونت ها چگونه باشد توضیحی کوتاه دادیم اما اگر ابزار های سئویی را چک کنید در می‌یابید که مسئله فونت مهم تر از این حرف هاست. مثالی که می توان زد یکی از موارد Google Search Console است که برای اطلاعات بیشتر از Google Search Console هم می توانید مقاله آموزش 0 تا 100 گوگل سرچ کنسول را مشاهده کنید و از ویدیو های آن مقاله استفاده کنید. در گوگل سرچ کنسول در بخش URL Inspection و Coverage ممکن است به اروری بر بخورید که در آن به این موضوع اشاره کرده است که صفحه شما موبایل فرندلی نیست، چرا نیست؟ به این خاطر که ریسپانسیوش خوب طراحی نشده. چرا خوب طراحی نشده؟ به این خاطر که ممکن است فونت های استفاده شده در صفحه خیلی کوچک باشند، ممکن است از صفحه موبایل بیرون زده باشند یا اینکه شما فونتی را انتخاب کرده اید که در موبایل به خوبی نماش داده نمی شود. این موارد به طرز چشمگیری بر روی رتبه سایت شما تاثیر می گذارند.

در کل گوگل سرچ کنسول در موضوع فونت هم کمک کوچکی به شما می کند اما یکی دیگر از ابزار هایی هم که به موضوع فونت اشاره می کند Google Light House است. مثلا این ابزار به این موضوع اشاره می کند که رنگ فونت شما به رنگ پس زمینه نمی‌آید و باعث زنندگی برای کاربر می شود. همچنین همین ابزار و ابزار GTmetrix هم به این موضوع اشاره می کنند که ممکن است شما فونت پر حجمی را انتخاب کرده باشید که باعث شود سرعت لود سایتتان پایین بیاید و در نتیجه در رتبه شما اختلال ایجاد کند.

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

[/vc_column_text][vc_custom_heading text=”اجزای پر اهمیت فونت در طراحی سایت” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][vc_custom_heading text=”اندازه فونت” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

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

[/vc_column_text][vc_single_image image=”28892″ img_size=”full” alignment=”center”][vc_custom_heading text=”رنگ فونت” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

به همین متن اگر دقت کنید درمی‌یابید که بخش بالایی مقاله که به گونه‌‌ای مقدمه این مقاله حساب می شود رنگش با دیگر جاهای مقاله فرق می کند. یک رنگ سفید در بکگراند بنفش ملایم که یک مقدار مقاله را از خشکی و بیش از اندازه یکدست بودن در می‌آورد. یا اگر دقت کرده باشید در همین سایت و سایت های مختلف رنگ متن های لینک داده شده(به عبارتی انکرتکست ها) یا آبی هستند یا به دلخواه تغییر می کنند اما مسما رنگ دیگری هستند که چشم و کلیک کاربر را جذب کنند.

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

[/vc_column_text][vc_custom_heading text=”تو پر کردن یا بولد کردن فونت” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][vc_custom_heading text=”معرفی چند فونت خوب برای انتخاب فونت در طراحی سایت” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]چند نوع فونت خوب هستند که معمولا با زبان فارسی هم سازگار هستند و شما می توانید به راحتی از آن ها استفاده کنید بدون اینکه نگران بهم خوردن متنتان باشید.

  • B Mitra
  • Iransans
  • B Yekan
  • Adobe Arabic
  • MJ_talat (خصوصا برای علاقه مندان به حروف خطاطی)
  • Nasim
  • Vazir
  • Rezvan
  • Nazanin

و… که ممکن حتی شما هم بتوانید یک فونت خوب و مناسب پیدا کنید یا چه کسی می داند؟ شاید خود شما طراح همان فونت باشید.[/vc_column_text][vc_single_image image=”28893″ img_size=”full”][vc_custom_heading text=”سخن آخر” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”80px”][/vc_column][/vc_row][vc_row full_width=”stretch_row”][vc_column width=”1/2″][vc_custom_heading text=”همین حالا برای طراحی سایت و ساخت اپلیکیشن اقدام کنید!” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” font_weight=”700″][vc_column_text]

شرکت طراحی سایت و اپلیکیشن تابان شهر در تمام زمینه های طراحی سایت و اپلیکیشن و ارائه خدمات مربوط به آنها در خدمت شماست

[/vc_column_text][vc_btn title=”مشاوره رایگان” style=”custom” custom_background=”#ffffff” custom_text=”#ffffff” shape=”round” size=”xl” align=”center” skin=”primary” link=”url:https%3A%2F%2Ftabaneshahr.com%2Fcontact-us1%2F||target:%20_blank|”][/vc_column][vc_column width=”1/2″][vc_single_image image=”24739″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”آخرین مقالات” font_container=”tag:h2|text_align:center” use_theme_fonts=”yes” font_weight=”700″][porto_blog post_layout=”slider” post_style=”grid” columns=”2″ nav_pos2=”nav-pos-inside” nav_type=”nav-style-4″][/vc_column][/vc_row]

امروز شروع کن

تیم کارشناسان تابان شهر آماده ارائه مشاوره رایگان به شما هستند

در هر زمینه فعالیت دارید و در هر کجای آن به هر مشکلی خوردید شرکت تابان شهر می تواند در اون راه شما را همراهی یا اجرا کامل درخواست شما را داشته باشد

By امیر رضا غفاری

دیگر مقالات تابان شهر

طراحی سایت با وردپرس یا  php

طراحی سایت با وردپرس یا php

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

read more
راه های کسب درآمد آنلاین در سال 1400

راه های کسب درآمد آنلاین در سال 1400

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

read more
صفر تا100 آشنایی با استاندارد های طراحی اپلیکیشن

صفر تا100 آشنایی با استاندارد های طراحی اپلیکیشن

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

read more

0 نظر از شما عزیزان

0 Comments

Submit a Comment

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *