تالار گفتگوی میکرو رایانه :: مشاهده موضوع - آموزش متدولوژی و روش طراحی وب سایت گام به گام
تالار گفتگوی میکرو رایانه
http://www.microrayaneh.com/forum/

آموزش متدولوژی و روش طراحی وب سایت گام به گام
http://www.microrayaneh.com/forum/viewtopic.php?f=11&t=1594
صفحه 2 از 7

نویسنده:  ostad [ سه شنبه 26 آگوست, 2008 11:16 am ]
موضوع پست:  Re: آموزش روش طراحی وب سایت گام به گام

المانهاي طرح بندي يک صفحه

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

موارد زير را در هنگام طراحي يک صفحه در نظر بگيريد :

1- Frameset اجازه مي دهد که صفحات چند گانه شما بصورت واحد ظاهر شود .
2- Margin کنترل مي کند که مطالب چگونه و با چه فاصله اي از کادر مانيتور شروع شوند.
3- Border براي Frame ها و جداول HTML استفاده مي شود.
4- رنگ ايجاد يک احساس گيرا و کلي از ساختار سايت و باعث ازدياد توانايي خواندن ميشود .
5- Space جدا کردن المانهاي صفحه
6- Navigation براي کنترل کاربران براي حرکت در سايت
7- Rule مندرجات صفحه را به قسمتهاي جداگانه و وابسته قسمت مي کند.
8- White Space باعث کم تر کردن بي نظمي المانهاي صفحه مي گردد.
9- Table توزيع المانهاي صفحه در جاهاي مختلف صفحه و شکل دادن اطلاعات در ستونهاي مخفي
10- Lists به طراح اجازه مي دهد تا اقلام را سازماندهي کنيم.
11- Paragraph گروهي از کاراکترهاي متني در صفحه مي باشد.
12- Heading level ايجاد سايزهاي گوناگون از متن و طراحي و سازماندهي آن .
13- Image مورد استفاده در ايجاد جاذبه ابعادي ، اطلاعات ، Navigation

تعيين کنيد که سايت شما کداميک از اين عوامل را در بر دارد و شما را در روند توسعه ياري مي دهد و اگر به اين عوامل پرداخته نشود به تدريج منابع و نيرو ها و زمان خود را از دست خواهيد داد.

طرح معمول صفحه :

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

نویسنده:  ostad [ سه شنبه 26 آگوست, 2008 11:18 am ]
موضوع پست:  Re: آموزش روش طراحی وب سایت گام به گام

سرعت و سايز صفحات( اسکرول کردن)

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

سايز صفحه به معناي سايز تمام فايلها و المانهاي بکار برده شده در صفحه شامل فايلهاي HTML و تمامي عناصر تعبيه شده ( jpg , gif ) مي باشد .
توجه داشته باشيد که 1 ثانيه عکس العمل به کاربران اين اجازه را مي دهد که آنها حس کنند که به طور آزاد و راحت در ميان اطلاعات جابه جا مي شوند ولي زمان 10 ثانيه نيازدارد که به توجه کاربر به سايت پرداخته شود . در اواسط سال 1997 مطالعات نشان مي داد که متوسط سايز يک صفحه وب 44 کيلو بايت است يعني طبق جدول 5 برابر بيشتر از زمان معمول واکنش براي کاربراني که از ISDN استفاده مي کنند . بنابراين براي بيشتر کاربراني که از پهناي باند متوسط استفاده مي کنند سرعت بارگذاري بسيار کم خواهد بود . همچنين توجه داشته باشيد که 44 kb ، 30 درصد بيشتر از بزرگترين حد سايز براي کاربران استفاده کننده از مودم خواهد بود .
دانستن چنين مطالعاتي شما را به سمت توسعه وب متمايل مي کند تا جايي که کامپيوترها و ارتباطات آنها با يکديگر سريع تر شود . خيلي از وب سايتهاي خارجي که منتشر شده صفحات کوچکي هستند که از عکسهاي کم مصرف در آن استفاده شده است .

نویسنده:  ostad [ سه شنبه 26 آگوست, 2008 11:25 am ]
موضوع پست:  Re: آموزش روش طراحی وب سایت گام به گام

طراحي با دقت و توجه در کيفيت نمايش

توصيه مي شود که براي طراحي از درجه تفکيک 640*480 یا کمی بالاتر استفاده کنيد تا جايي که بدانيد کاربر از Resolution ديگري استفاده مي کند . با طراحي با اين Resolution اطمينان داريد که کاربران براي ديدن تمام صفحه شما از Scroll استفاده مي کنند . براي پرهيز از ايجاد اسکرول افقي صفحه را از 800pix پهن تر نکنيد و به خاطر داشته باشيد که کاربران فقط سايت شما را مرور مي کنند و حاضر نيستند که براي ديدن تمام صفحه شما از اسکرول استفاده کنند . کيفيت استاندارد و اصلي 640*480 مي باشد که بيشتر در عمل به کار مي رود هنگامي که شما با تفکيک 640*480 طراحي مي کنيد اين عدد اثر بيشتري نسبت به درجات تفکيکهاي بالاتر دارد .

با وجود اينکه هنوز همه از مانيتورهاي 640*480 استفاده مي کنند اما در سالهاي اخير Resolution هاي بيشتري بوجود آمده اند و شما ممکن است که بخواهيد تکنولوژي برتر را بدون رها کردن کاربران و با سخت افزار قديمي براي آنها تامين کنيد. يک راه انجام اين عمل طراحي است که بتواند سازگاري خوبي با کاربران داشته باشد . در صورت استفاده از Resolution زياد کاربران تصميم به بزرگتر کردن پنجره مي کنند .
سايتهاي http://www.altavista.com و http://www.google.com و http://www.cnet.com مثالهاي خوبي در این زمینه هستند .

نویسنده:  ostad [ سه شنبه 26 آگوست, 2008 11:36 am ]
موضوع پست:  Re: آموزش روش طراحی وب سایت گام به گام

رنگ

المانهاي رنگي نقش مهمي را در اصول و نظام ارائه يک سايت دارند . سبک و روش و فرهنگ و آداب شرکتها با ارائه رنگ در سايت و چگونگي هماهنگي و ترکيب آنها با يکديگر به تصوي