اصول و پیش نیازهای طراحی وب سایت #۲

سه شنبه, ۱ام بهمن , ۱۳۸۷ | ۳۰ دیدگاه

در ادامه قسمت اول این سری از خودآموز ها، امروز قصد دارم که یک سری دیگر از اصول و روشها و استانداردهای طراحی وب سایت رو برای شما عزیزان توضیح بدم .

نکته اول : همانطوری که در قسمت قبل و در باره نیازسنجی پروژه براتون توضیح دادم شما باید ببینید که حجم اطلاعاتی که آن شرکت یا سازمان میخواهد در وب سایت قرار دهد چقدر است ؟ منظورم اینه که اگر قرار این وب سایت فقط معرفی محصولات اون شرکت رو به دست بگیره و کلا ۱۰ ،۱۵ صفحه داشته باشه شما باید Width یا عرض صفحه را متناسب با آن در نظر بگیرید. شما اگر وب سایتهای بزرگ و پر محتوایی مثل Yahoo و یا LIve.com رو ببینید مشاهده میکنید که هیچکدام از این سایتها بصورت ۱۰۰% عرض صفحه را نمیگیرند و کلا اینکه شما عرض صفحه را ۱۰۰% تعیین نمایید روش جالبی نیست و کمتر میبینید که همچین سایتهایی، سایتهای کاربرپسند و زیبایی از آب در آیند .

توصیه من به همه عزیزانی که قصد دارند طراحی وب سایت را یاد بگیرند این است که حتما بر اساس استاندارد Web 2.0 پیش برن و سعی کنند که از ابتدا کار با CSS را یاد بگیرند که در نهایت بتواندد سایتهای Full CSS بسازند .

اما امروز قصد دارم بعضی از خصوصیت های استاندارد Web 2.0 رو براتون توضیح بدم و امیدوارم که این نکته ها رو در طراحی هاتون در نظر بگیرید :

۱-سادگی

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

۲-وسط بودن صفحه

بازهم اگر به وب سایتهای بزرگ و کارآمد سری بزنید مشاهده خواهد کرد که صفحه قالب سایت بصورت Center چیدمان شده است و به هیچ عنوان به فکر گذاردن صفحه سایت در چپ و راست نیافتید (مگر در موارد بسیار خاص)

۳-جدا کردن قسمت بنر سایت

سعی کنید مرزی برای جدا کردن بنر سایت و در صورتیکه از منوی افقی استفاده میکنید با بقیه اجزاء صفحه در نظر بگبرید.

۴-گرادیانت

از نقطه نظر روان شناسی و طبق تحقیقات صورت گرفته ثابت شده است که استفاده از گرادیانت (اینجا را ببینید) بر روی بازدید کنندگان سایت اثر بسیار مثبتی میگذارد و در جلب توجه آنان تاثیر بسزایی دارد. بیشترین مکانی که میتوانید از گرادیانتها در آنجا استفاده کنید بنر سایت میباشد

۵-Navigation Bar

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

۶-لوگو

یکی از بزرگترین نکاتی که طراحان وب سایت با آن روبرو هستند انتخاب رنگ های استفاده شده در سایت میباشد.در اکثر مواقع میبینیم که لوگو شرکتها فاقد زیبایی لازم و حتی تک رنگ بودن یا بد رنگ بودن آن میباشد و این مساله دست طراحی را باز نمیگذارد. شما باید رنگ قالب سایت را از رنگ لوگو الگو بگیرید و در کنار رنگ یا رنگهای استفاده شده در لوگو از ۲ یا نهایتا ۳ رنگ مناسب استفاده نمایید .(در این باره نیاز به نوشتن یک خودآمور مجزا میباشد که حتما اونو خواهم نوشت)

۷-شعار سایت

شعار یا sLogon سایت گویای نوع فعالیت سایت میباشد و نکته بسیار مهمی میباشد که کاربری که برای بار اول به سایت شما مراجعه میکند در چند ثانیه ابتدایی ورود خود به سایت شما متوجه نوع کسب و کار و فعالیت سایت شما بشود در غیر اینصورت وب سایت شما را بسته و از کنار آن به راحتی عبور میکند.پس بصورت کوتاه و خوانا شعار سایت حود در بنر سایت بنویسد.

۸-فلش

استفاده درست و بجا از بلش میتواند باعث نمود و کاریی بیشتر سایت شما شود و این وظیفه یک طراح میباشد که با توجه به نوع کار مشتری خود او را تشویق یا منع از بکارگیری فلش در سایت نماید.

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

۹-Reflections

این مورد هم مانند گرادیانت ها تاثیر زیاده در جلب نظر و توجه کاربران به سایت شما دارد .

درصدی از نکاتی که در بالا آورده شد جزء استانداردهای web 2.0 نیستند(مانند مورد ۷) اما رعایت آنها در طراحی سایت میتواند تبعات مثبتی به همراه داشته باشد. ذکر این نکنه هم ضروری است که شاید محتوای یک سایت تاثیر بسزایی در رشد و جلب مشتری و کاربر برای آن دارد. شما میتوانید امیدوار باشید که با رعایت نکات فوق و بازاریابی مناسب بتوانید وب سایتی خوب، پر بازدید و کاربرپسند را طراحی نمایید.

هم اکنون شما آماده شروع به کار هستید. به زودی خودآموزی در باره نحوه طراحی وب سایت از پایه در فتوشاپ و نحوه تبدیل آن به فرمت html و css آماده خواهم کرد که مطمئنم مورد توجه شکا عزیزان قرار خواهد گرفت .

همچنین در این رابطه بخوانید :

اصول و پیش نیازهای طراحی وب سایت #۱

Be Sociable, Share!


۳۰ دیدگاه


  1. پوريا
    ۱ بهمن ۱۳۸۷

    واقعا عالی بود
    دستتون درد نکنه.




  2. پرهام
    ۴ بهمن ۱۳۸۷

    بسیار مفید
    مرسی




  3. maryam
    ۲۷ بهمن ۱۳۸۷

    perfect




  4. Matin
    ۲۳ فروردین ۱۳۸۸

    !Nice topic




  5. نگار
    ۳۰ اردیبهشت ۱۳۸۸

    من هنوز اصول و پیش نیاز را خواندم عالی بود




  6. علی
    ۲۴ تیر ۱۳۸۸

    ممنون از مطالب مفیدی که ارائه داده بودید.




  7. من
    ۲۶ تیر ۱۳۸۸

    سلام

    شاید اینجا جاش نباشه سوال کنم .

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

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

    ببخشید من بی ادبی کردم در حضور بزرگان و طراحان سایت از ساخت قالب وبلاگ ،
    کمک خواستم .

    گفتم شاید از شما خیری برسه وگرنه از بقیه اگه خیری برسه از خدا بلا می رسه .




  8. علی اکبر
    ۳۱ تیر ۱۳۸۸

    با سلام و تشکر
    خیلی ممنون بخش طراحی سایت خیلی عالی بود دقیقا یکسال بود دنبال چنین آموزشی می گشتم




  9. الهام
    ۲۶ مرداد ۱۳۸۸

    دستتون درد نکنه، خیلی مفید بود




  10. علی
    ۲۷ مهر ۱۳۸۸

    ممنونم مرد.




  11. argonbuy
    ۱۹ آبان ۱۳۸۸

    ممنون به نکات جالبی اشاره کردین




  12. 3adat
    ۱۱ آذر ۱۳۸۸

    سلام
    ممنونم خیلی عالی بود
    من تازه با این سایت آشنا شدم که تا حالا بد جور میخ کوبم کرده




  13. کامران
    ۱۱ آذر ۱۳۸۸

    خیلی خوبه




  14. مجيد
    ۱۶ بهمن ۱۳۸۸

    ۳adat جان من که فکر کنم ۶-۷ ساعتی هست توی این سایت هستم و هنوز نتوستم مطالب یکی از بخش هاش رو کامل بخونم !

    من با تمامی مورد های بالا موافق هستم به جز مورد Flash !! من توی خیلی از سازمان های دولتی رفتم که بالای ۱۰۰۰ تا کاربر داشته ، اکثرنشون از IE استفاده می کنند و بیشتریاشون Flash Player ندارن !
    جالبه که اگه Flash Player نداشته باشن و یک سایت فلش رو باز کنن می گن سایته خرابه ! 😀




  15. مائده
    ۶ اسفند ۱۳۸۸

    سلام … ممنون به خاطر زحمتای دلسوزانتون … ببخشید من تازه سایت شما رو پیدا کردم … خیلی عالیه … یه سوال داشتم … گرادیانت چیه ؟ اون لینکتون به سایت ام اس ان رفت و چیزی راجع به گرادیانت نشون نداد 🙁




  16. تينا
    ۱۴ اسفند ۱۳۸۸

    خدائیش خیلی عالی بود دستتون درد نکنه خدا قوت




  17. جلال
    ۲۸ اسفند ۱۳۸۸

    واقعا واقعا واقعا خسته نباشید . . .
    نمیدونم چی بگم ..
    موفق باشید .. همتون ..
    در پناه حق . . .




  18. ggjeje
    ۱۷ فروردین ۱۳۸۹

    واقعا سایت خیلی خوبی دارین…
    من دانشجوی گرافیکم موضوع پایان نامم گرافیک در طراحی وب سایته ،اگه ممکنه میشه چند تا منبع مکتوب (کتاب،پایان نامه،مجله و…)بهم معرفی کنید ؟مطالب سایتتون خیلی کمکم کرده،حالا احتیاج به چند تا منبع غیراز سایتای اینترنتی دارم.
    lممنون میشم راهنماییم کنید. :I




  19. امیر
    ۱۱ اردیبهشت ۱۳۸۹

    باور کنین مثل سایت شما وجود نداره من چند روزه که با سایتتون آشنا شدم ولی همین چند روز بدجور شیفتش شدم
    واقعا بهترینین




  20. کامران
    ۱۱ اردیبهشت ۱۳۸۹

    شما لطف داری امیر جان ولی اینجوریها هم که شما میگید نیست




  21. حورا
    ۱۴ اردیبهشت ۱۳۸۹

    سلام

    ممنون ازسایت خوبتون
    میخواستم بدونم من چه جوری قالب وبلاگ می تونم بسازم؟
    وآیا از همین طریق میشه یا نرم افزار خاصی داره ؟




  22. EditEhsan
    ۲۶ اردیبهشت ۱۳۸۹

    مطالب خوبی بود
    جالبه که از سال ۸۷ تا به حال بیننده داشته




  23. طراحی سایت
    ۱ تیر ۱۳۸۹

    مطالبتون واقعآ ساد و قابل فهم…
    با تشکر:)




  24. Hamed
    ۳ تیر ۱۳۸۹

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




  25. طراحی وب سایت
    ۱۰ تیر ۱۳۸۹

    با سلام و تشکر فراوان از وب بسیار زیباتون:)…




  26. نیلوفر
    ۱۵ مرداد ۱۳۸۹

    من امروز با سایت شما آشنا شدم
    تا همه ی مطالبو نخوندم دوست ندارم سیستممو خاموش کنم
    از mmnoody2006 هم ممنونم که این سایتو معرفی کردن
    http://barnamenevis.org/forum/showpost.php?p=1056430&postcount=13




  27. متين
    ۶ بهمن ۱۳۸۹

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



دیدگاه خود را بنویسید