طراحی وب سایت

اندازه نسبی فونت
سیستم عامل های مکینتاش و ویندوز هر کدام فونت ها را به شکل خاص خود نمایش می دهند و حتی در مواقعی که نوع فونت و اندازه آنها یکسان است نیز باز آنها نمایش خاص خود را از فونت ارائه می دهند. در کل، فونت نمایش داده شده در براوزرهای وب براوزر دو تا سه نقطه بزرگتر از معال خود در مکینتاش هستند. از این رو یک خط 12 نقطه ای در مکینتاش با فونت times new roman در سیستم عامل ویندوز با اندازه 14 نمایش داده می شود. این تفاوت در اندازه فونت تاثیر زیادی بر آرایش صفحه دارد.
جدول زیر بیانگر میزان تفاوت در نمایش فونت ها در سیستم عامل ویندوز و مکینتاش است.
اگر شما به کامپیوتری با سیستم عامل دیگر دسترسی ندارید و از <font Color="red">Netscapefont> <font Color="red">Navigatorfont> استفاده می کنید می توانید از تنظیمات فونت <font Color="red">Netscapefont> استفاده کنید و اندازه پیش فرض فونت را از 12 به 14 (برای استفاده از مکینتاش) یا از 12 به 11 یا 10 (برای استفاده در ویندوز) تغییر بدهید. اگر شما از اینترنت اکسپلورر استفاده می کنید می توانید از تنظیمات بزرگتر یا کوچکتر در قسمت فهرست کلیدها استفاده کنید و اندازه پیش فرض را در متن تغییر دهید.
اشکال فونت
فونت های اولیه ای که در سیستم های عامل مکینتاش و ویندوز استفاده می شوند را می توانید در فهرست زیر بیابید. اگر می خواهید فونت های خاصی را برای صفحات خود تعریف کنید باید از فهرست اشکال فونت در زیر استفاده کنید. شما باید همواره حداقل یک شکل از فونت را از هر سیستم عامل خود انتخاب کنید تا سیستم عامل آن را به صورت پیش فرض اجرا نکند.
به خاطر داشته باشید که بسیاری از استفاده کنندگان مکینتاش قبلا مایکروسافت آفیس یا اینترنت اکسپلورر را در سیستم خود نصب کرده اند و این برنامه ها دارای فونت های ویندوز هستند. اگر شما فونت های خاصی را در تعریف فونت خود ارائه کنید بسیاری از استفاده کنندگان مکینتاش آنها را به همان صورتی که شما تعریف کردید مشاهده خواهند کرد.
همچنین به خاطر داشته باشید که با توجه به اندازه نسبی فونت ها، هرچند شکل برخی فونت ها ممکن است یکسان باشد اما نام آنها را باید دقیقا در فهرست خود مشخص کنید. اگر می خواهید هم مکینتاش و هم ویندوز یک فونت مشخص را تشخیص بدهند نام هر دو آنها را در فهرست فونت های آنها قرار دهید.
دسترسی
هنگام بررسی نوع فونت، مسائل مربوط به اندازه و رنگ فونت نیز مطرح می شوند. این مشخصات برای خوانندگانی که دارای معلولیت هستند مثل دید کم یا کوررنگی از اهمیت فراوانی برخوردار است.
خوانندگانی که مشکل بینایی دارند باید بتوانند متن هایی را که چشمانشان قادر به خواندن آنها نیست به قالبی تبدیل کنند که برای آنها خوانا باشد.
آنها باید بتوانند اندازه فونت را افزایش دهند و تضاد بین رنگ پس زمینه و فونت را به حداکثر برسانند. خوانندگانی که دچار کور رنگی هستند همچنین باید بتوانند بر رنگ پس زمینه و رنگ متن کنترل داشته باشند بنابراین توجه به مشخصات فونت و توانایی بصری خوانندگان از اهمیت فراوانی برخوردار است.
متن های متغییر
خوانندگان نمی توانند اندازه متن هایی را که مثلا اندازه آنها ثابت است، تغییر بدهند.برای ایجاد این قابلیت شما می توانید از واحدهای نسبی مثل em برای کنترل بر صفحه آرایی خود مثل اندازه فونت ، حاشیه ها و فرورفتگی استفاده کنید.
از تصاویر فقط به اندازه کافی استفاده کنید و همواره سعی کنید فقط از بلوک های متنی استفاده کنید. متن هایی که تصویر دارند دیگر متن محسوب نمی شوند بلکه تصویر تلقی می شوند و نمی توان آنها را به راحتی تغییر داد.
ویژگی ساختاری
ساختار متنی ناشی از استفاده از گزینه ویژگی ساختاری به جای الگوها عملا توانایی خواننده را برای تغییر آرایش صفحه متناسب با نیازهای خود محدود می کند. برخی براوزرها دارای گزینه هایی هستند که به خوانندگان آنها این امکان را می دهد تا از الگوی صفحه آرایی فراتر بروند. این بدان معناست که آنها می توانند الگوی سفارشی خود را پیاده کنند.
برای مثال خواننده ای که چشمانی ضعیف دارد الگویی را برای خود تعریف می کند که اندازه فونت را دو برابر می کند یا یک خواننده کوررنگ، پس زمینه را سفید و رنگ متن را مشکی انتخاب می کند تا حداکثر تضاد را در صفحه ایجاد کند. اما این تدابیر در مورد صفحاتی که با استفاده از ویژگی ساختار تنظیم شده ا ند راه به جایی نمی برند. اگر رنگ متن با استفاده از font Color و عناوین با font size تنظیم شده باشد در آن صورت الگوی سفارشی خواننده در مورد این دو بخش عملا بی ثمر خواهد بود. اما اگر شما ویژگی ها را با استفاده از الگوها پیاده کنید خوانندگان شما می توانید صفحه را طبق سلیقه و نیازهای خود تغییر بدهند.
تاکید
اگر شما فقط از رنگ برای ایجاد تاکیدات استفاده کنید خوانندگان دیگر نمی توانند بین رنگ ها تمایز ایجاد کنند و متوجه تاکیدات نمی شوند. برای تاکید برمتن مثل تاکید بر عناوین و عبارات اصلی متن طوری که خواننده حتما متوجه آنها شود از قطع حروف سیاه و حروف رنگی استفاده کنید.
(در واقع استفاده از متن رنگی برای هر بخشی که پیوند متنی نیست یک اشتباه است و باید از آن اجتناب کرد) همچنین اطمینان حاصل کنید که تضاد کافی بین پس زمینه و متن در صفحه وجود دارد. هرچند این تضاد برای افرادی با دید ضعیف ضروری است اما همه خوانندگان نیز از خوانایی بیشتر متن لذت خواهند بود.
صفحه آرایی منعطف
در اکثر صفحه آرایی های وب، از فونت های بزرگ حذر می شود. برای مثال در صفحه آرایی های ثابت که در آنها ستون متن دارای عرض و طول مشخصی است اندازه فونت 12 یا کوچکتر در نظر گرفته می شود. در واقع، فونت بزرگ در ستون های ثابت باعث می شود که تعداد کلمات محدود شوند. در صفحات منعطف می توان از صفحه آرایی متغییر استفاده کرد و کلمات بیشتری در متن گنجاند.
انواع گرافیک
همیشه نمی توان گرافیک را از متن جدا کرد. متن های گرافیکی را می توان با تصاویر ادغام کرد که البته این کار در متن های html دشوار است.
بنا بر دلایل زیبایی شناختی، شما می توانید از فونت های گرافیکی به جای فونت های html استفاده کنید. در هر مورد شما باید بدانید چطور باید فونت را در قالب GIF و JPEG ادغام کنید.

منبع : پایگاه اطلاع رسانی فناوری اطلاعات و ارتباطات ایران  تاریخ : 10   آذر   1386  شاخه : گرافیک