چند نکته ساده که هر طراح وب باید بداند !

چند نکته ساده که هر طراح وب باید بداند !

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

در ادامه به بیان این جزئیات می پردازیم


http://www.itm7.com/media/feedgator/...sign-ideas.jpg
مخاطبانتان را بفهمید و برای آنها طراحی کنید !

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

http://www.itm7.com/media/feedgator/...experience.jpg
بین طراحی وب و طرح زدن روی کاغذ و نقاشی تفاوت از زمین تا آسمان است . هر فرد عاقل و بالغی یک نقاشی را از دیدگاه خودش دیده و تفسیر می کند . نقاشی می تواند آمیخته ای از شکل ها ، چهره ها یا اجسام گوناگون باشد که گاه ترکیب به جا و بی نقص این اشکال می تواند بر روی روان مخاطب سوار شده و احساسات وی را برانگیزد ، اما آن طرف گود یک سایت دانلود ، فقط یک سایت دانلود است و هیچ تفسیر دیگری در مورد آن پذیرفته نخواهد بود.
پس باید بدانید که با طراحی خود چه تفسیری را میخواهید به مخاطب القا کنید .
طراحان حرفه ای وب می دانند که چگونه یک طرح می تواند یک تجربه کاربری (User Exprience) بسازد و یا به کل تمام آن را نابود کند . یک طرح بندی خوب باید جلوه های بصری جذاب و خلاقانه داشته باشد بدون اینکه خوانایی محتوا ، سادگی و پویایی سایت را به خطر اندازد .
یک تجربه بصری مثبت از خود به جا بگذارید !

یک تیم طراحی وب خوب باید بتواند بدون به خطر انداختن محتوا ، چشم ها را قلقلک دهد . در درجه اول فعالیت های بصری و طراحی خوب صفحات وب ، باید با قلاب خود مخاطب را هدف قرار داد . یک وب سایت خوب باید قابلیت این را داشته باشد که یک داستان بصری چشم نواز را روایت کرده و یک تجربه مثبت و به یاد ماندنی را به بیننده هدیه کند .
شما به عنوان یک طراح حرفه ای باید قادر باشید تصاویر را به خوبی با هم بیامیزید و بدانید که تنها و تنها از طریق ایجاد همین تجربه مثبت است که مخاطبان و مشتریان باز هم به سایت شما باز خواهند گشت پس درها را باز بگذارید !
از عوامل مهم دیگری که باید مد نظر داشته باشید ، استفاده از یک تایپو گرافی مناسب است .
فونت خود را Arial ، Tahoma و یا Helvetica انتخاب نکنید ! فونت های شیک دیگری هم وجود دارند که زندگی را برای سایت به ارمغان خواهند آورد.
مطالب به کلمات نوشته شده محدود نمی شوند ، به طور معقول گرافیک و دیگر عناصری صوتی و بصری هم میتواند در میخ کوب کردن مخاطب نقش بسزایی داشته باشد.
این را بیاد داشته باشید که محتوای مهم با استفاده از زیبایی شناسی مناسب در کنار خلاقیت و ابتکار همیشه برجسته تر شده و به چشم خواهدآمد.

آموزش نکاتی در طراحی سایت

http://www.itm7.com/media/feedgator/...8-aa-d8-a7.jpg
انتخاب بهترین رنگ در طراحی صفحات وب:
آیا شما بهترین رنگ را برای وب سایت خود بکار گرفته اید؟ هنگام انتخاب رنگ در زمان طراحی باید به نکات زیر توجه کنید:
۱) اثر روان شناسی رنگ
۲) قابلیت خواندن متون صفحات سایت
۳) رنگ متمم رنگهای انتخابی برای بک گراند، گرافیک ها، لینک ها، و متون
مشخصه هایی از رنگ ها که هنگام طراحی باید مدنظر داشته باشید:
۱) رنگ ها اثر زیادی روی احساسات ما در ۹۰ ثانیه اول دیدن میگذارند.
۲) اثر رنگ میتواند بیننده را ترغیب به خرید یک جنس از شما کند.
۳) رنگ ها رفتار ما را در برابر یک موضوع فقط تشدید نمیکنند، بلکه اثر خود را کاملا در رفتار ما نشان میدهند.
۴) اثر گذاری رنگ در فرهنگ های مختلف گوناگون است!
۵) هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده میفرستد.
در بیشتر فرهنگ ها، رابطه بین رنگ و احساسات به این صورت است:
● سفید: اشاره دارد به صداقت، پاکیزگی، صمیمیت، ملایمت، و معاصر بودن چیزی. سفید بهترین رنگ برای بک گراند های وب است. در تجارت، رنگ سفید خستگی گیر و انرژی بخش است.
● سیاه: اشاره دارد به ظرافت، قدرت، دلیری، شهامت، فریبندگی، شیطان، مهارت، و باستان. مشکی برای رنگ متن روی یک پس زمینه روشن ایده آل است. این رنگ به عنوان رنگ پس زمینه چشم را خسته میکند.
● قرمز: توانایی، هیجان، احساسات شدید، سرعت، خطر، و تهاجم. این رنگ توجه بیننده را به خود جلب میکند. در تجارت به معنی وام و بدهی است. این رنگ شدید ترین رنگ احساس است و ضربان قلب و تنفس را تسریع میکند.
● آبی: امنیت، اعتماد، مسئولیت پذیری، سرما، ایمان، وفاداری، وابستگی، و جاه و جلال. آبی دومین رنگ عوام پسند بوده و در تجارت به معنای ضمانت مالی است.
● سبز: تندرستی، فراوانی، حاصلخیزی، آزادی، شفا و بهبودی، طبیعت، پیشرفت، حسادت، و خونسردی. در تجارت بیانگر مقام و ثروت است. این رنگ در چشم ها راحت تر از همه دیده میشود.
● قهوه ای: تاثیر گذاری، متانت، توانگری مالی، و کمک کننده بودن. قهوه ای رنگ کره خاکی ماست و در طبیعت بسیار فراوان است.
● خاکستری: صمیمیت زیاد، اعتبار و نفوذ، و عملی بودن. در تجارت بمعنای سنت گرایی است.
● صورتی: ملایمت، شیرینی، ظرافت و زنانگی، خوب بودن، بی گناهی، و پرورش کودک.
● بنفش: وقار، معنویت، شاهانه بودن، عیش و نعمت، دارایی، اعتبار و نفوذ، سوگواری، و مهارت. در تجارت بزرگ نشان دادن است. بنفش طرفداری از سبک های هنرمندانه است.
● نارنجی: سرزندگی و شوخی، لذت و خوشگذرانی، تعادل گرمایی، تشویق کردن، چالاکی و نیرو، تحمل و بلند همتی.
● زرد: نور خورشید، گرمی، خوشی، نامردی، ترسویی، و حسادت. در تجارت درخواست از نوع روشنفکرانه است و برای تاکید نیز خوب است. زرد باعث افزایش تمرکز شده، سوخت و ساز را زیاد میکند و سخت ترین رنگ برای چشم هاست.
● طلایی: نشانگر گران بودن و پرستیژ است.
● نقره ای: سرما، علمی بودن، و اعتبار و پرستیژ است.



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

● چند نکته برای شروع کار :
۱) جهت شروع کار، کاربر باید قبلا با اینترنت کار کرده و با ساختار کاربردی آن بطور کامل آشنا باشد. همچنین نمونه صفحاتی را که دوست دارد بسازد، در ذهن داشته باشد.
۲) بهتر است با نرم افزارهای طراحی سایت (مثل Front Page) آشنایی داشته باشید. چرا که کد ها و امکانات مختلفی را میتوانید توسط آن تولید کنید.
۳) محتوا و موضوع صفحه شما برای بازدیدکننده مهم است، و نه افکتها! بازدید کننده دوست ندارد وقت خود را برای آنها هدر دهد و فورا از سایت شما خارج خواهد شد.
۴) روانشناسان اینترنتی در تحقیقات خود یافته اند که بازدیدکنندگان دوست ندارند بیشتر از ۲۵ ثانیه وقت خود را درصفحه ای بگذرانند، لذا سعی نمایید صفحاتتان با سرعت بالا بیاید و حداقل حجم را داشته باشد. به خصوص در صفحات ابتدایی جهت جذب مشتری از عکسهای سنگین و افکت های بیجا استفاده نکنید. و با دادن اطلاعات مفید و موضوعهای جالب او را میخکوب نمایید.
۵) با سرعت هر چه بیشتر مشتری خود را به موضوع مهم و جالب راهنمایی نمایید. و از کشاندن او به صفحات گوناگون خودداری کنید.
۶) از دادن اطلاعات نادرست و غیر اخلاقی خودداری کنید. در صورت لزوم با دادن آدرس سایتهای معتبر در موضوع مرتبط، او را در این زمینه یاری دهید و جلب اعتماد نمایید.
۷) چون عکس یک قسمت اعظم و مهم کار شما را در اینترنت تشکیل میدهد، لذا بهتر است شما حداقل کمی با برنامه Photoshop آشنا باشید.



قبل از هر چیزی، نظم در کار حرف اول را جهت موفقیت میزند. لذا قبل از شروع به کار شما باید بدانید که چه کاری میخواهید انجام دهید و به چه چیزهایی نیاز دارید.
هنگامی که یک صفحه وب ساخته میشود معمولا داری یک صفحه اصلی (Home Page) به نام index.html میباشد. سایر ملزومات آن مثل صفحات دیگر و عکسها در پوشه های جداگانه نگهداری می شوند.
لذا برای شروع کار بهتر است شما در بخشی از کامپیوتر خود یک پوشه به نام مثلا My Web ایجاد نموده و درون آن دو پوشه دیگر به نام های docs و images بسازید.
صفحه اول یا اصلی شما درون My Web قرار گرفته و بقیه صفحات درون پوشه docs و تمامی عکسها درون پوشه images ذخیره خواهند شد. این عمل فقط جهت منظم بودن کار توصیه میشود. ضمنا میتوانید مدارک و فایلهای یک بخش حجیم را به یک پوشه جداگانه هدایت نموده و ذخیره کنید. مثلا مسئولیت آن را به عهده یک فرد یا گروه خاصی قرار داده و فقط شما آنها را به صفحه اصلی یا index.html اتصال دهید. (مثل یک یا چند پوشه جداگانه درون My Web که خودشان دارای docs و images بوده، و همچنین صفحه اصلی Index جداگانه داشته باشند)
● تذکرات مهم:
از دادن اسمهای فارسی به پوشه ها، فایلها، عکسها و… خودداری نمایید. چرا که ممکن است توسط برخی از مرورگرها قابل دسترسی نباشد.
از نوشتن کاراکترهای غیر مجاز، دادن فاصله های زیاد بین اسامی و استفاده از حروف بزرگ در نام اسناد و پوشه ها خودداری کنید.
از ایجاد پوشه های تو در تو، و با نام بلند خودداری کنید. و سعی کنید از مخفف کلمات استفاده نمایید (مثلا به جای Teaching Center از TC یا TCenter استفاده کنید)

مفید واقع شد.سپاس