ساعدنیوز
ساعدنیوز

تایپوگرافی چیست؟

  سه شنبه، 19 مرداد 1400   زمان مطالعه 8 دقیقه
تایپوگرافی چیست؟
واژه‌ی انگلیسی تایپوگرافی (Typography)، دارای ریشه‌ی یونانی است. این واژه از دو بخش تایپوس (Typos) و گرافیا (Graphia) تشکیل شده است. واژه‌ی تایپوس به «شکل» و گرافیا به معنای «نوشتن» است. اگر این واژه را در کنار هم قرار دهیم به ترکیب شکل‌نویسی یا شکل‌نگاری خواهیم رسید.

تایپوگرافی چیست؟

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

کاربردهای تایپوگرافی

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

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

  • طراحی اسناد
  • ساخت ارائه ها
  • طراحی نقشه ها و عنوان ها
  • طراحی لباس
  • طراحی صنعتی لوازم خانگی و مصرفی
  • استفاده در انتشار اشعار مدرن
  • طراحی ابزارهای مرتبط با خودرو
  • تقویت برند
  • افزایش تعامل مصرف کننده با برند
  • بهبود تجربه ی کاربری

عناصر تایپوگرافی

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

عناصر بنیادی تایپوگرافی

  • تایپ فیس (Typefce) یا طرح حروف: این اصطلاح به نام طرح کاراکترهای متن اشاره دارد.Arial و Helvetica دو نمونه از متداول ترین تایپ فیس ها هستند.
  • فونت: به طرح خاصی از تایپ فیس ها که دارای ارتفاع و پهنای مشخصی است، فونت گفته می شود. Courier، Calibri، Tahoma، Times New Roman شناخته شده ترین فونت ها در دنیای نوشتاری هستند.
  • ارتفاع کاراکتر (x-height): همانطور که گفتیم، هر تایپ فیس دارای اندازه ی مشخصی است، به ارتفاع هر کاراکتر x-height گفته می شود. طراحان باید در هنگام استفاده از دو تایپ فیس متفاوت به ارتفاع آن ها دقت کنند و کاراکترهایی با ارتفاع یکسان انتخاب کنند.
  • پهنای تنظیم شده ی کاراکتر: پهنای تنظیم شده به فضای اشغال شده توسط کاراکتر و فضای حائل هریک از آن ها اطلاق می شود.
  • بد نیست بدانید که سیستم خاصی برای اندازه گیری حروف وجود داد که به سیستم امتیازدهی معروف است. در این سیستم یک امتیاز مساوی با ۴.۴ سانتی متر و ۱۲ امتیاز مساوی با یک پیکاست.

عناصر پیشرفته تایپوگرافی

  • فاصله ی بین خطوط (Leading): لیدینگ یا فاصله ی بین خطوط، به فضای موجود بین یک خط با خطوط بالایی و پایینی خود گفته می شود. بیشتر انتشاراتی ها فاصله ی بین خطوط را چیزی حدود ۱.۲۵ تا ۱.۵ برابر اندازه ی کاراکتر استفاده شده در نظر می گیرند.
  • فاصله ی بین کاراکترها (Tracking): به فاصله ي بین کاراکترها ترکینگ یا فاصله ی بین حروف گفته می شود.
  • فاصله ی بین کاراکتر و حروف (Kerning): کرنینگ نیز شبیه به ترکینگ عمل می کند با این تفاوت که به فاصله ی بین کاراکتر و حرف از یکدیگر اطلاق می شود.
  • طول خط: به طول استاندارد متن گفته می شود که توسط حاشیه های صفحه کنترل می گردد.
  • سلسله مراتب: سلسله مراتب با سایزبندی عنوان ها و زیرعنوان ها خواننده را در طول متن هدایت می کند. طبق قوانین سلسله مراتب تایپوگرافی، عنوان اصلی با اندازه ی بزرگ، زیرعنوان ها با اندازه ی متوسط و متن اصلی با اندازه ی کوچک نوشته می شوند.
  • اندازه: معیار اصلی نشان دهنده ی سلسله مراتب در متن است و با کمک رنگ ها، ابعاد و فاصله ها مشخص می شود.

اصول طراحی تایپوگرافی

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

  • رعایت تعادل به گونه ای که ساختاری همیشگی ایجاد کند
  • داشتن سلسله مراتبی که تشکیلات و مسیر حرکت تان را مشخص کند
  • ایجاد کنتراست (تضاد) برای تاکید بر نکات مهم
  • استفاده از المان تکرار برای ایجاد حس سازگاری و آشنایی
  • تنظیم ترازها برای ایجاد تصویری قدرتمند و ساختاریافته

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

اهمیت استفاده از تایپوگرافی

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

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

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

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

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

تایپوگرافی درمورد برند شما چه می گوید؟

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

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

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

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

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

دیدگاه ها
  دیدگاه ها
پربحث های هفته   
تصویری بسیار قدیمی از 17 سالگی آیت الله خامنه ای رهبر انقلاب/ساده زیستی رهبر از ابتدای زندگی (442 نظر) بهترین گردو ایران متعلق به کدام شهر است (220 نظر) (عکس) دمپایی‌های لاکچری بچه‌های دهه شصت / هر کی از اینا برای بچش می‌خرید خیلی لاکچری بود ... (192 نظر) میز عزای ساده و بدون تجملات مادر محسن کیایی، مجری برنامه صداتو +عکس/ روحشون شاد چه چهره دلنشینی داشتن (184 نظر) حضور چهره های فوتبالی در بیمارستان و روحیه دهی به علی دایی در عیادت از اسطوره فوتبال+ عکس/ مهدی رحمتی، عادل فردوسی‌ پور، کارلوس کی‌روش و ... (81 نظر) (عکس) زیبایی بی حد و اندازه روژان سریال نون خ در عکسی که هدیه بازوند در اینستاگرامش منتشر کرد / مهیار حق داره این قدر عاشقش باشه ... (59 نظر) خلاقیت خنده دار و هوشمندانه قصاب اهوازی برای فریب گوسفند و قربانی کردنش حماسه آفرید+عکس/ مغز تو رو باید طلا گرفت😂 (49 نظر) شعرخوانی زیبا و دلنشین رهبر معظم انقلاب/ سرشارم از جوانی، هرچند پیر دهرم...+ویدیو (40 نظر) میز عزای شیک پسر نسرین مقانلو با گل آرایی منحصر به فرد و شمع و تسبیح/ حیف جوونیش+عکس (38 نظر) خلاقیت خنده دار قصاب اصفهانی در کشاندن مشتری به مغازه با تزئین فوق خلاقانه کله پاچه‌ها+عکس/ خوش ذوقی از در و دیوار میریزه😂 (33 نظر) خونه زندگی رحمان رحیم سریال پایتخت (مصطفی و مجتبی بلال حبشی) در واقعیت به سبک سلیقه 90 درصد ایرانی ها/ خونه نگو سمساری بگو😅 (32 نظر) علی دایی: دکترها گفته بودند شاید زیر عمل زنده نمانم+عکس/ همیشه عضو خانواده پرسپولیس هستم/ همه درآمدم را در ایران سرمایه‌گذاری کردم (32 نظر) خلاقیت بامزه یک پدر ایرانی روی کلید کولر حماسه ساز شد/ این یادداشت بانمک پربازدید شد+عکس (28 نظر) نگاهی به ماشین لوکس و هوش پَران مجید واشقانی بازیگر سریال هفت سر اژدها/ این ماشین نیست هواپیماست + عکس (20 نظر) نگاهی به مراسم عروسی لاکچری و مفصل دختر بزرگ اردوغان در استانبول+عکس/ چه لباس عروس خوشگلی، چه داماد خوش‌تیپی (18 نظر)
دیگران می‌خوانند   
رونمایی از پسر و همسر جوان سید بشیر حسینی داور برنامه عصر جدید/ چقدر پدر و پسر شبیه هم هستن!+عکس (ویدئو)سبحان ا...؛ تولد یک توله سگ به رنگ سبز لیمویی خبرساز شد خانه پدری ساده و بدون تجملات علیرضا بیرانوند +عکس /شیک در عین سادگی... سکانس خنده دار متهم گریخت: وقتی بی بی قاطی میکنه😂 خلاقیت منحصر بفرد شهرداری تهران در پیاده رو خیابان عباس آباد حماسه ساز شد+عکس رونمایی از نوزاد خوشگل و بامزه ریما رامین فر، همای پایتخت+عکس / عاشقانه های ریما و امیر جعفری ارزش صد بار دیدن رو داره👌 مراسم تولد جگرسوز زهره فکور صبور،ستایش سریال دلنوازان در خانه ابدی اش و گریه های دلخراش مادرش/ روحش شاد+ عکس فال انبیاء روزانه جمعه 7 اردیبهشت ماه 1403 ویو زیبا از باغ ویلای باصفای افسانه چهره آزاد مادر پارسای دلدادگان / یک تعطیلات آخر هفته دلچسب +ویدئو شبی که محمود احمدی نژاد مهمانِ خانه ابدی مادرش شد و در آن خوابید+عکس/روحش شاد و یادش گرامی... خلاقت خنده دار یک ایرانی در استفاده بهینه از دسشویی و روشویی حماسه آفرید+عکس/هیتلر هم مغز تو رو نداشت... فال ابجد روزانه جمعه 7 اردیبهشت 1403 فال قهوه با نشان روز جمعه 7 اردیبهشت ماه 1403 فال حافظ با تفسیر امروز جمعه 7 اردیبهشت 1403+فیلم خلاقیت خنده دار پدر ایرانی برای ضد سرقت کردن موبایلش حماسه خلق کرد+عکس/ سلطان تامین امنیت محله خودتی و بس🤣 فال روزانه امروز جمعه 7 اردیبهشت ماه 1403 فال شمع روزانه امروز جمعه 7 اردیبهشت 1403 سفر به ایران قدیم؛ پسر روزنامه‌فروش با جراحی دختر شد+عکس کشف حیرت‌انگیز «فکّ انسان» در یک سنگ 1 میلیون ساله لحظات ثبت شده از حرکات نوزاد داخل رحم مادر+ویدئو/فقط یک مادر میتونه این سختی ها رو به جون بخره 🥺❤ خلاقیت نشاط‌آور و تحسین برانگیز یک راننده تاکسی با ماشین پر از گل برای مسافران/ ذوق و شوق آقا رحمان پربازدید شد+عکس نگاهی به استایل سرتاسر مشکی بهرام افشاری بازیگر قد بلند سینما/ سبیل چه بهش میاد +عکس ویدیویی دیده نشده از دیدار رامبد جوان و رهبر معظم انقلاب/ سوال جالب آقای بازیگر وقتی تقریباً 20 ساله بود +ویدیو مهران مدیری: 700 بار احسان علیخانی را به برنامه دعوت کردیم و هر بار یک بهونه ای آورد+ویدئو/از معده درد تا کلیه درد برای نیامدن به برنامه... نگاهی به استکان کمر باریک و نعلبکی مینا مختاری در خانه باصفایش/ چای و استکان کمرباریک و گُل، ترکیب زندگی وقتی نمک شرکت کننده بیشتر از مهران مدیریه+ویدئو/همه از خنده رفتند روی هوا (تصاویر) حواشی بازدید وزیر علوم از برگزاری کنکور در دانشگاه الزهرا (س) رونمایی از لوگوی جدید دانشگاه تهران در جشن تولد نود سالگی لب ساحل با آهنگ عرفان طهماسبی چه شود.../ وای اگر عشق مرا وارونه تعبیر کند... +فیلم انتقام باورنکردنی یک گوسفند از چوپان/فک کنم از چند جا تَرَک خورد+ فیلم تیپ و ظاهر متفاوت «مهمت» سریال پایتخت بعد پنج سال بدون گریم تلویزیونی/ مگه داریم این همه تغییر؟+عکس خلاقیت خنده دار تازه داماد ایرانی در ندادن رمز کارت بانکش به همسرش حماسه آفرید+عکس/ بنازم به این مغز 😂 خوانندگی حیرت انگیز پسر سوپرمارکتی با صدای بهشتی و زیباش در برنامه صداتو/ عالی اجرا کرد+ویدیو کشف هولناک جسد دست و پا بسته زن ثروتمند در کمد کَل‌کَل خنده دار محسن کیایی با بانوی شیرازی و شبنم مقدمی سر پارک دوبل خانم ها/ فقط جواب آخرش عالیه😂+ویدیو سفر به شهر ترابزون: آشنایی با آداب و رسوم محلی گلف بازی کردن بانمک و ناشیانه مهدی طارمی و علیرضا بیرانوند+ویدیو/ فقط تمرکز کردن طارمی که نتیجه نداد😂 دورهمی سپیده خداوردی، مرضیه سریال آوای باران و دختران چینی با لباس چونگسام / تیپ متفاوت خانم بازیگر به سبک چینی ها تبریک تولد جالب حامد آهنگی برای تک پسرش/ ایشالا لبش همیشه خندون باشه+عکس عجیب‌ترین و متفاوت‌ترین جشن تولد محسن تنابنده، نقیِ پایتخت/ میز تولدی آهنی با دیزاین آتش، زیرسیگاری و استکان! +عکس
تیتر امروز   
فال روزانه امروز جمعه 7 اردیبهشت ماه 1403 فال شمع روزانه امروز جمعه 7 اردیبهشت 1403 کشف حیرت‌انگیز «فکّ انسان» در یک سنگ 1 میلیون ساله خلاقیت نشاط‌آور و تحسین برانگیز یک راننده تاکسی با ماشین پر از گل برای مسافران/ ذوق و شوق آقا رحمان پربازدید شد+عکس فال ابجد روزانه جمعه 7 اردیبهشت 1403 (تصاویر) حواشی بازدید وزیر علوم از برگزاری کنکور در دانشگاه الزهرا (س) رونمایی از لوگوی جدید دانشگاه تهران در جشن تولد نود سالگی فال انبیاء روزانه جمعه 7 اردیبهشت ماه 1403 فال قهوه با نشان روز جمعه 7 اردیبهشت ماه 1403 فال حافظ با تفسیر امروز جمعه 7 اردیبهشت 1403+فیلم کشف هولناک جسد دست و پا بسته زن ثروتمند در کمد بیوگرافی و زندگی خصوصی دنیا جهان‌منش،مهناز سریال نون خ و همسرش+ تصاویر جذاب و دیدنی آزار زنان در مراسم ترحیم؛ متهم به مادرمرده هم رحم نکرد /مرد موطلایی از طعمه‌ها فیلم سیاه می‌گرفت رونمایی باورنکردنی جواد خیابانی از ماشین ساده و ایرانی‌اش پلمب آرایشگاه مختلط در نسیم‌ شهر
منتخب روز   
عکس عروسی امیر جعفری و ریما رامین‌فر، همای سریال پایتخت فیک و تقلبی از آب درآمد / هوش مصنوعی داره وارد مراحل ترسناکی میشه! (عکس) تیپ و استایل فوق‌العاده شیک و لاکچری یاورِ سریال فاصله‌ها بعد از 14 سال در عربستان سعودی / ببینیدش نمی تونید بشناسید! فروش ویلای روف گاردن دار و استخر دار حسن جوهرچی، فرهاد سریال فاصله‌ها توسط دخترش در شمال ! / در منطقه‌ای تهرانی نشین!!! سلفی دونفره نعیمه نظام دوست با سلطان کمدی ایران که یکسال حق نداشت منتشرش کنه! / چه ست آدیداسی پوشیده مهران مدیری ... سلفی آسانسوری علیرضا نیکبخت با همسر دومش که بیشتر از جانش او را دوست دارد / کراش دهه هشتاد فوتبال ایران حالا مرد زندگی شده ... (عکس) تعجب کاربران خارجی فضای مجازی از حجاب کامل همسر ستاره لیورپول / دنیا با حجاب جای زیباتری نیست؟ (عکس) بیتابی همسر و فرزندان شهرام عبدلی، بازیگر نقش مهران در سریال فاصله‌ها، بر سر پیکر بی جان او / تو کاری با دلم کردی که فکرشم نمی کردم ... (عکس) همبازی بودن آقای بیاتی، خواستگار فهیمه در پایتخت 5 با بازیگر معروف در فیلم نوستالژیک دهه شصتی / روحش شاد ... ویدئویی باورنکردنی از مرد سومالیایی که با نصف مغزش زندگی می کند/ بیچاره چه بلایی سرش اومده رودررویی با یک تمساح آن‌ هم فقط با یک ماهیتابه +فیلم متقاضیان عمره بخوانند/ آخرین وضعیت و شرایط ثبت‌نام حج عمره 1403 اعلام شد طرح 100 میلیارد پوندی برادر اسامه بن لادن برای ساخت طولانی ترین پل معلق جهان+عکس