عنوان مقاله :
نکات کاربردی در تایپ و گرافی در وب
یکی از مسائلی که در زمینه کاربر پسند بودن وب سایت بسیار مهم است .و باعث می شود کاربران بیشتر در وب سایت شما بمانند .استفاده ی صحیح از تایپ وگرافی و فونت است .که دراین فایل قصد داریم تمام موارد مورد نیاز به آن را اشاره کنیم. تا با رعایت این اصول بتوانید بهترین نتیجه را بگیرید.
همان طور که شما هم می دانید بیشتر محتویات صفحات وب سایت ها متن و نوشته است. این نوشته ها رو می نویسیم تا کاربرای سایتمون آنها را بخوانند . و برای اینکه کمک کنیم تا این اتفاق راحت تر بیفته یک سری نکات رو باید رعایت کنیم.
معمولا وقتی یاد می گیریم فونت ها رو داخل صفحه وب سایتمون اضافه کنیم سعی میکنیم. تعداد زیادی از این فونت ها رو استفاده کنیم . این کار درست نیست شما بایدحداکثر از2 تا فونت یکی برای تیتر ها و یکی برای نوشته ها ی طولانی تر استفاده کنید. شاید شما نمی دانید که چطور می توانید فونت به صفحه ی وب سایتتون اضافه کنید.
مراحل :
اولین قدم یک پکیج استاندارد فونت فارسی داشته باشید که میتوانید از این آدرس آن را دانلود کنید.
: https://webfont.academy–it.ir/fonts.zip
قدم دوم اینه که پوشه ی فونت رو extract کنید و آنها را داخل فولدر اصلی سایتتون قرار بدین مثلا توی این آدرس:
css/fonts
قدم سوم حالا لازمه که توی فایل CSS این دستور رو بنویسید
دستور ها
@font-face{
font-family: ‘yekan’;
src: url(fonts/Yekan.eot);
src:url(fonts/Yekan.eot?#iefix) ormat(“embedded-opentype”), url(fonts/Yekan.woff)
format(“woff”), url(fonts/Yekan.ttf) format(“truetype”), url(fonts/Yekan.svg#BYekan) format(“svg”);
font-weight: normal;
font-style: normal
{
چهارمین قدم در خط اول یک اسم برای فونتمون در نظر گرفتیم که کاملا اختیاریه ، خط های بعدی هم آدرس ورژن های
مختلف فایل فونت رو می نویسیم که در پوشه ی CSS کپی کردیم .در خط های بعدی هم کنترل میکنیم که به
صورت پیش فرض هیچ استایل خاصی نداشته باشد.
پنجمین قدم مربوط به فراخونی هست که هرجا خواستیم از این فونت استفاده کنیم. باید به روش زیر عمل
کنیم : مثلا میخواهیم برای همه تگ هایpفونت رو فراخوانی کنیمfamily: ‘yekan’;}–:P{ font
برای متن های نسبتا طولانی به جای فونتهای زائدهدار(serif)از فونتهای بدون زائده(sans serif)استفاده
کنید. چون زمانی که این فونت ها(serif)در ابعاد ریز زائده هایی که دارن باعث می شود. خیلی خوانا نباشند، مثلا
همینفونت یکان که ما استفاده کردیم.
یک فونت(sans serif)هستش که برای نوشته های طولانی فونت بسیار کارآمدیه. و در مقابل فونت هایی مثلKouroshوTitrTGEBoldفونت هایی هستن که برای تیتر ها مناسب تر هستن
از فونتهای پر کاربرد که چشم کاربران بیشتر به آن عادت دارد، استفاده کنید. چرا که راحت تر میتوانند. نو شته های وب سایت شما رو بخوانند.
نکات مهم :
برای نوشته ها و تیتر های وب سایت مطمئن باشید که از سایز مناسبی استفاده کردید .که هم خوانا باشد و هم
خیلی بزرگ نباشد. سعی کنید. به صورت مناسب از کاراکتر فاصله استفاده کنید. که نه متن شما خیلی متراکم
به نظر برسه و نه اینکه خیلی فاصله زیادی بین کلمات شما باشد (.منظورم خصوصیتspacing–wordدرCSS
هست).
استفاده از رنگهای متنوع برای نوشته ها باعث میشه کاربر موقع خواندن مطلب ما خسته بشه ، البته این
جور متن ها نداشته باشد.
برای نوشته ها و یا حتی بعضی از کلمات از رنگ آبی استفاده نکنید:
که این کلمه آبی حتما لینک بوده. و حالاسایت شما خراب هست. که هرچی روش کلیک میکنه به مقصد نمیرسه!!!
برای پسزمینه از طیف رنگ یا همون گرادینت و یا تصاویر استفاده نکنید:
وقتی از اعداد استفاده میکنید:
که تعداد آنها زیاده حتما از جداکننده های ارقام را بکار بگیرید. این کار باعث خوانا تر شدن
رقم مورد نظر ما میشه :35487035یا35.487.035شما کدوم رو ترجیح می دهید.
متنهای متحرک یا چشمک زن استفاده نکنید :
ولی دیگر از زمان استفاده آنها خیلی میگذرد . متاسفانه هنوز هم در بعضی از وب سایت ها این نوع متن ها رو
بلکه باعث میشه وب سایت ما ضعیف و قدیمی جلوه کند.!
برگرفته از :
آکادمی آی تی
پاسخ به سوال دوستان :
شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟
دلیل اینکه میگوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از
تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.
یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر میکنند نیاز به وب سایت ندارند.
توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش میرود و نداشتن وب سایت
برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.
برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید
آدرس ایمیل: info@arazpardazesh.com
اینستاگرام شرکت: https://instagram.com/araz_pardazesh_kla
تماس با ما: https://arazpardazesh.com/contact