اصول و تکنیک های کاربردی تایپوگرافی در طراحی سایت

by | اکتبر 3, 2020 | طراحی سایت, کتابخانه تابان شهر | 2 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” 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=”12 مهر 99″ title_font_color=”#ffffff” subtitle_font_color=”#f2f2f2″ desc_font_color=”#ffffff”]زمان مطالعه : 10 دقیقه[/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%AA%D8%A7%DB%8C%D9%BE%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C-%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]

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

[/vc_column_text][vc_single_image image=”29112″ img_size=”full” alignment=”center”][vc_custom_heading text=”خوانایی در متن” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/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=”29115″ 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]

انتخاب اندازه و نوع فونت های در تایپوگرافی در طراحی سایت از اهمیت ویژه ای برخوردار است، برای نشان دادن اهمیت یک نوشته اصلی ترین عامل در طراحی اندازه و نوع فونت است، این مورد حتی در نوشن یک متن ساده در سایت ها صدق میکند یعنی وقتی شما میخواهید اهمیت یک کلمه را نشان دهید از تگ های HTML استفاده میکنید مثل
(H1 H2 H3) میکنید. اما حالا میخواهیم همین موارد را در طراحی تایپوگرافی بگوییم.

[/vc_column_text][vc_single_image image=”29128″ img_size=”full” alignment=”center”][vc_custom_heading text=”تایپ فیس ها (Typefaces)” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][vc_custom_heading text=”سریف و سنس سریف ها (Serif and Sans Serif)” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

به طور کلی نوع قلم در تایپوگرافی در طراحی سایت به دو دسته تقسیم میشود، سریف (Serif) حروفی است که انتهای آنها کشیده شده است و سانس سریف (Sans Serif) حروفی است که ساده ترند و انتهای حروف کشیدگی ندارد. فونت های Sans Serif امروزی ترند و بیشتر از آنها استقبال میشود. البته هیچ قانونی وجود ندارد که شما از کدام یک در تایپوگرافی در طراحی سایت استفاده کنید، شما میتوانید از هر کدام که احساس کردید مناسب تر است استفاده کنید. به طور کلی Serif ها برای نوشته های رسمی تر استفاده میشود و اغلب نشریات و روزنامه ها از آنها استفاده میکنند. برای تعیین فونت های تایپوگرافی در طراحی وبسایت باید با استفاده از تگ HTML خانواده فونت (font family) را تعیین کنید.

 

برخی از serif های خوب :

Minion
– Garamond
– FF Meta Serif
– Caslon

برخی از sans serif های خوب :

– Promixa Nova
– Futura
– Open Sans
– Avenir
– Helvetica Neue[/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

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

2 Comments

  1. anahita makvandi

    سلام روز بخیر چه نوع تایپ فیسی برای سئو مناسب تر است؟؟؟

    Reply
    • elahe_ghadimi

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

      Reply

Submit a Comment

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