خلق تجربه کاربری بی نظیر یک وب سایت با رعایت اصول تایپوگرافی

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

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

خوانایی.


نظریه استفاده از sans serif برای تایپوگرافی نظریه ای قدیمی است اما ایده ی بسیار مهمی در پس آن وجود دارد: خواندن متن باید آسان باشد.

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

فاصله گذاری بین خطوط.


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

اندازه ی فاصله ی بین خطوط به متغییرهای زیادی بستگی دارد که از جمله ی آنها میتوان به موارد زیر اشاره کرد:

سایز متن

مقدار متن

سبک حروف گذاری

عرض صفحه ی نمایش

متاسفانه فرمول خاصی برای فاصله گذاری وجود ندارد اما می توانید از راهنمایی های نامبرده  در زیر بهره ببرید:

در بیشتر وب سایت ها فاصله گذاری بر حسب 125 درصد از سایز متن محاسبه می شود.

در گوشی های موبایل فاصله گذاری بر حسب 150 درصد از سایز متن محاسبه می شود.

برای آسان تر شدن پویش پاراگراف ها از فاصله گذاری آزاد(Loose) استفاده کنید.

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

انتخاب Big Bowls یا حروف گرد.



طبیعتا خواندن حروف گرد و بزرگ آسان تر است. حروفی مانند "O" که فضایی درونی دارد جز حروف بزرگ و bowl می باشند.

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

سایز متن.


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

مقدار حجم متون استفاده در طراحی وب سایت ازنظر طراحان مختلف متفاوت است اما اکثر آنها در استفاده از 45 تا 50 حرف در هر خط توافق دارند. برای تایپوگرافی موبایل این مقدار به نصف میرسد.

ارتفاع X.


ارتفاع حروف بویژه حروف کوچک، حرکت کاربران میان محتوای سایت را شدیدا تحت تاثیر قرار میدهد. بنابراین ارتفاع X به بلندی حرف کوچک x بستگی دارد. سبک های حروف با ارتفاع x بلندتر، خواندنشان آسانتر بوده و به این معناست که حروف کوچک از لحاظ ارتفاع به حروف بزرگ نزدیکتر هستند.

نمایش متن بصورت کرن(Kern).


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

تناسب.


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

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

استروک های یکنواخت.


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

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

محدودیت در استفاده از سبک حروف.


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

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

کنتراست.


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

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

هرچه حجم متن موجود در سایت بیشتر باشد رعایت این کنتراست اهمیت بیشتری می یابد. اگر با چشم نیمه باز به متن نگاه کنید احتمالا کنتراستی وجود نداشته یا لغات خیلی کوچک میشوند. بهترین ابزاری که به ترکیب رنگ کمک کرده و نسبت کنتراست تقریبا کاملی دارد، Color Safe است.

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


خلق تجربه کاربری بی نظیر یک وب سایت با رعایت اصول تایپوگرافی
شنبه 18 اردیبهشت 1395 - 10:39:57 2169 آخرین بازدید : یکشنبه 27 مرداد 1398 - 14:51:34 0
*
*