مشاهده پست های بی پاسخ | مشاهده موضوعهای فعال تاریخ امروز پنجشنبه 18 اکتبر, 2018 5:57 pm



پاسخ به موضوع  [ 33 پست ]  برو به صفحه قبلی  1, 2, 3, 4, 5, 6, 7  بعدی
 آموزش متدولوژی و روش طراحی وب سایت گام به گام 
نویسنده پیام
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش روش طراحی وب سایت گام به گام
انتخاب ترکيب رنگ

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

گذارهاي رنگ :

گذار رنگها روشي است که در آن همجواري رنگها يا جدايي آنها را بيان مي کند . گذارهاي رنگ ما بين رنگ متن و پيش زمينه بسيار مهم و قابل توجه است و براي کمک به جدايي قسمتهاي مختلف صفحه به کار برده مي شود . گذارها هنگامي که با عکس در صفحه ايجاد مي شوند مسائل زيادي را بوجود مي آورند . وقتي که گذارهاي رنگ هموار (صاف ) است کاربران نياز به درجه رنگ بالاتري براي حمايت از آن و نيز به زمان بيشتري براي بارگذاري نياز دارد .


سه شنبه 26 آگوست, 2008 11:55 am
مشخصات شخصی
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش روش طراحی وب سایت گام به گام
قلم ها

نظر به اينکه در ايجاد و انتشار وب ساختار آن نيز مانند ديگرتکنولوژيهاي آن به طور مداوم تغيير مي کنند ، دو فونت معمول برای خط انگلیسی وجود دارند که در اينترنت از آنها به کرات استفاده مي شود . اولين آن New Roman براي کامپيوترهاي PC است که معادل آن Time بر روي سيستم هاي مکينتاش مي باشد ، فونت دوم ، Arial براي کامپيوترهاي PC و معادل باآن Helvetica بر روي سيستم هاي مکينتاش مي باشد . فونت Tahoma بری خط فارسی نیز مناسب است. تکنولوژيهايي نظير دايناميک و فونتهاي تعبيه شده و توکار براي ارائه سريع و انتخاب بهتر ظاهر مي شوند .
به هر جهت اين فونتهاي معمول يک سايت زيبا و جذاب ايجاد مي کنند و يک نمايش خوب را ارائه مي دهند .
و اگر گاهي از آن استفاده کنيد احتمالا متوجه خواهيد شد که فونتهايي که به آنها نگاه مي کنيد از موقعيت خوبي برخوردار هستند . ممکن است به سايتي نگاه کنيد که از فونت ديگري استفاده کرده که چشمان شما را به آساني درگير مي کند زيرا در بسياري از موارد از آن استفاده نمي شود .

محدوديت ها :

يکي از محدوديت هايي که در استفاده از فونت وجود دارد اين است که فونتهاي انتخابي بايد روي سيستم کاربر نصب گردند تا در مرورگر ترجمه شود و اگر کاربر آن فونت را در سيستم خود نداشته باشد، مرورگر آن را با فونت پيش فرض سيستم خود ترجمه مي کند . براي PC ها فونت Times New Roman و Times براي مکينتاش . اگر قصد داريد که از فونت ديگري استفاده کنيد، اصل فونت بايد براي کاربران در دسترس باشد تا آنها بتوانند فونت را بارگذاري و سپس آن را بر روي سيستم خود نصب کنند (جز برای مواقع نادر توصیه نمی شود) و اين کار باعث مي شود که شما را به تجارب و سرمايه گذاري بر روي سايت خود مطمئن مي کند .

فن چاپ :

از آنجايي که فونتها از اجزاء لازم هر سايتي محسوب مي شوند فونت و رنگي را انتخاب کنيد که همراه با المانهاي ديگر صفحه بايدبتواند جملات بدون کلام ايجاد کند . خواندن متون زياد مانند چيزهاي ديگري که مي خوانيد فشار زيادي وارد مي کند و خسته کننده مي باشد و باعث منحرف کردن توجه کاربر مي شود. يک فونت انتخابي خوب مي تواند در صفحه خوابيده شود و يا درخشش خود را براي کاربر تنظيم و ايجاد کند .


سه شنبه 26 آگوست, 2008 12:00 pm
مشخصات شخصی
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش متدولوژی و روش طراحی وب سایت گام به گام
Serifs

زوايد آرايشي کوچکي وجود دارند که در انتهاي هر کاراکتر اضافه مي شوند که در شکل زير وجود دارند . در فونت Serif

ضمیمه:
001.jpg


اين زوايد به توانايي خواندن شما با هدايت چشمهاي کاربر در امتداد هر کاراکتر کمک مي کند ولي به هر جهت خواندن اين نوع قلم در سايزهاي خيلي کوچک يا خيلي بزرگ ( کوچکتر از 8 نقطه ) مشکل مي باشد . با اين نوع نمايش فونتهاي Serif بايد بيشتر در بدنه سايت جايگزين شود .
شکل ظاهري Serif 4 نوع مي باشد :
Old Style, Transitional, Modern, Slab Serif


Sans Serifs (آرايشي ):

Sans Serif زوايدي که در انتهاي هر کاراکتر در فونت Serif وجود دارد را ندارند . شکل زير را مشاهده کنيد:

ضمیمه:
002.gif


در نمايش کاراکترها از اين زوائدي که در انتهاي هر کاراکتر وجود دارد کاسته مي شود . فونت Sans serif بايد کاراکتر به کاراکتر خوانده شود توصيه مي کنيم که از اين فونت براي متون با اندازه کوچکتر از 8 نقطه و يا اندازه هاي خيلي بزرگ استفاده کنيد . معمولا استفاده از اين 2 نوع فونت با يکديگر در يک صفحه وب ترکيب خوبي را ايجاد مي کند .
بايد از مجموعه فونتهايي در سايت استفاده کنيد که موافق هم باشند و در تناقض با يکديگر نباشند . در يک صفحه وب مي توانيد از مجموعه اي از فونتهاي مختلف استفاده کنيد ولي بايد بدانيد که براي نمايش موضوعاتي که در سايت شبيه به هم هستند از فونت هاي شبيه بهم استفاده کنيد. براي مثال تمامي متنهاي Navigation بايد داراي فونت شبيه به هم باشند و يا تمامي پاراگرافهاي معمولي بايد داراي فونت نظير هم باشند ولي بعضي از متون مي باشند که نياز به اين دارند که با فونت متفاوتي نسبت به بقيه اجزاء صفحه ظاهر شوند مثل اعداد و رويدادها...
از بکارگيري فونتهاي بزرگ در صفحه پرهيز کنيد چرا که باعث شلوغ شدن صفحه و ايجاد مشکل براي خواندن آن مي شود . يک صفحه ايده آل ساختار ثابت و با استحکام دارد و براي کاربر ديد و منظز خوبي ايجاد مي کند . رنگ فونتها نيز بايد مستحکم باشد و نيز کاربر بداند که آن متن چه چيزي را مي خواهد به نمايش گذارد .


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


سه شنبه 26 آگوست, 2008 12:06 pm
مشخصات شخصی
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش متدولوژی و روش طراحی وب سایت گام به گام
سايز فونت

سايز فونت نرمال براي بيشتر مرورگرها 3 مي باشد و اندازه هاي ديگر با اين مقدار فرضي اندازه گيري مي شوند . براي مثال اگر بخواهيد سايز فونت را به 5 افزايش دهيد کدي که براي آن به کار مي بريد بصورت فوق است :

< Font Size=2 >

به جاي استفاده از

< Font Size=5 >


نوع صحيح True Type :

خيلي از فونتهاي شناخته شده به عنوان نوع صحيح هستند به اين معني که آنها مي توانند در هر سايز نقطه اي بدون کم شدن کيفيت کاراکترها ترجمه شوند . True Type يک تکنولوژي ديجيتال است که با کامپيوترهاي Apple توسعه يافته است و امروزه هم با سيستم هاي Apple و هم با سيستم هايMicrosoft استفاده مي شوند . Times new roman و Arial از نوع صحيح هستند .
بعضي از اين فونتها مثل verdena و Georgia نسبتا بيشتر ظاهر مي شوند و به زيبايي ترجمه مي شوند و يک صفحه سنگين و پرمايه ايجاد مي کنند .

جلوگيري از اثرات بصري نامطلوب :

اين فرآيند باعث جلوگيري از ناهمواري لبه هاي متن يا نوشته مي شود . اغلب از تصاوير براي نمايش کاراکترها ، کلمات و جملات استفاده مي شود . اين فرآيند کناره هاي متن را بصورت هموار در مي آورد . با تيره کردن خطوط بين متن و پيش زمينه ( پر کردن ناصافي هاي لبه هاي متن ) لبه هاي دندانه دار کنار فونت را از بين مي برد . اين گزينه بيشترين اثر خود را در تايپ متن با سايز هاي بزرگ ظاهر مي کند. يکي از مضرات اين فرآيند اين است که مقداري رنگ را به تصوير يا نوشته اضافه مي کند . مخصوصا در سايزهاي بزرگ ممکن است براي بارگذاري مشکلاتي ايجاد گردد .

خطوط افقي با طول زياد :

براي آسانتر خواندن متن از ايجاد متن هايي با خطوط طولاني که در پنجره هاي مرورگر ايجاد مي شود پرهيز کنيد . خواندن بصورت خط به خط و هر بار بازگشت به سمت چپ صفحه در هر زمان (اگر خطوط داخلي طولاني باشد) کاري مشکل است . اين نکته را متذکر مي شويم که خطوط را بصورت پاراگراف ايجاد کنيد و بيشتر از 10 تا 12 کلمه براي مرورگرهاي معمولي را در يک پاراگراف قرار ندهيد . اگر مجبوريد که متون زيادي در صفحه داشته باشيد دو قالب ستون براي آن ايجاد کنيد .

ملاحظات ديگر :

براي يافتن بهترين فونتي که خواسته هاي شما را به بهترين حالت بر آورد کند نياز به تشخيص دامنه فونت و حدود عبارت براي تغييرات و دگرگوني آن داريد .
بايد همه اين تکنيکها و موارد را به بهترين صورت انجام دهيد . توصيه هاي زير مي تواند در جلوگيري از اشتباهات معمول در هنگام توسعه يک سايت به شما کمک کند .
در نظر داشته باشيد که تمامي فونتهاي مجزا با هم يکي مي شوند و نيز بدانيد که چگونه فونتها به طراحي شما وابسته هستند .
هر فونتي به طور جدا گانه مي تواند تمام منظورات ما را در يک زمان برطرف سازد .
طراحي المانهامثل ( سايز و فاصله خطوط و رنگ پيش زمينه و پس زمينه ، Margin )همه و همه مي توانند در محاسبه و ايجاد يک نتيجه مطلوب کمک مي کنند . متن فونتهاي نسبتا بي اثر مثل Sansserif مي تواند تنوع و دگرگوني عميق در اشکال ساده ميان ترکيبات گوناگون انجام دهد .


سه شنبه 26 آگوست, 2008 12:10 pm
مشخصات شخصی
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش متدولوژی و روش طراحی وب سایت گام به گام
فضاي سفيد :

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

اولين حس شما از اين نوشته ها چيست ؟ اگر شما بمانند خيلي از کاربران هستيد صفحه اي با توزيع هماهنگ المانها و مقداري فضاي خالي (که در انجمن توسعه به عنوان فضاي سفيد معروف است) را ترجيح مي دهيد . توجه داشته باشيد که کاربران به خاطر ايجاد صفحه اي با متنهاي زياد و شلوغ از شما قدرداني نخواهند کرد . آنها خيلي سريع صفحه شما را مرور مي کنند و اگر صفحه شما اينچنين بود ممکن است اطلاعات زيادي را از دست بدهند . اين نکته بدان معني نيست که براي کاربران اطلاعات زياد ايجاد نکنيد بلکه به اين مفهوم است که نبايد همه اين اطلاعات را در يک صفحه قرار دهيد . هر صفحه وب بايد حدودا 50 درصد متن کمتري نسبت به يک صفحه مشابه چاپ شده آن داشته باشد .
هر صفحه بايد براي ارائه اجمالي اطلاعات طراحي شود و بايد اتصالاتي براي رسيدن کاربران به جزئيات بيشتر و عميق تر ايجاد شود . همه کاربران به يک میزان اطلاعات نياز ندارند . به کاربر اين اختيار را بدهيد که خود انتخاب کند که آيا جزئيات رامي خواهد يا نه ؟
و نيز صفحه را به منظور کوتاه کردن آن قسمت نکنيد . مگر آنکه شکستن آن منطقي باشد . هر صفحه بايد مستقل بوده و وابستگي به جايي نداشته باشد .
بعضي از طراحان و انتشار دهندگان وب از جداول و عکسهاي Gif براي اضافه کردن فضا به صفحه استفاده مي کنند . بعد از محاسبه اينکه کاربران چه چيزي را نياز دارند که بدانند مي توانيد صفحه آرايي خود را با استفاده از جداول و حاشيه ها HTML براي قرار دادن موفقيت سند و مندرجات صفحه در فضاهاي خالي شروع کنيد به عبارت ديگر جداول همه آن چيزهايي هستند که شما به آنها نياز داريد .


سه شنبه 26 آگوست, 2008 12:15 pm
مشخصات شخصی
مشاهده پست های قبلی:  نمایش بر اساس  
پاسخ به موضوع   [ 33 پست ]  برو به صفحه قبلی  1, 2, 3, 4, 5, 6, 7  بعدی

افراد آنلاین

کاربران حاضر در این تالار: - و 2 مهمان


شما نمی توانید در این تالار موضوع جدید باز کنید
شما نمی توانید در این تالار به موضوع ها پاسخ دهید
شما نمی توانید در این تالار پست های خود را ویرایش کنید
شما نمی توانید در این تالار پست های خود را حذف کنید
شما نمی توانید در این تالار ضمیمه ارسال کنید

جستجو برای:
پرش به:  
cron
استفاده و نقل از مباحث سایت، فقط با ذکر منبع و لینک سایت میکرورایانه مجاز است.
Copyright © 2006 - 2010 MicroRayaneh - Powered by phpBB © phpBB Group
Valid CSS2 Valid XHTML 1.0
طراحی سایت : میکرو رایانه