اصول طراحی اولیه وب سایت

منتشرشده در مقالات سایت
پنج شنبه, 26 بهمن 1396 ساعت 07:30

 

 اصول طراحی وب سایت

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

 

طراحی

1. وب ســایت باید به گونه ای طراحی شود که در مرورگرهای مطرح دنیا به صورت کامل و صحیح نمایش داده شود.

2. چنان چه وب سایت برای کاربران فارسی زبان ایجاد شده است، متون فارسی در همه سیستم عامل ها با هر نوع تنظیم زبان قابل خواندن باشند.

3. در صورت چندزبانه بودن وب ســایت، روش واضح و سریعی برای انتقال به صفحات دارای زبان موردنظر پیش بینی شود.

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

6. وضوح تصویر (رزلوشــن) صفحات وب ســایت به گونه ای انتخاب شود که متناسب با تنظیمات اغلب کاربران باشد.و ترجیحا بهترین وضوح برای نمایش صفحات در انتهای صفحه اول قید گردد.ً

7. برای افزایش جذابیت وب سایت از تصاویر، صداها و انیمیشن های گیرا استفاده شود.

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

9. امکان صرف نظر کردن از نمایش فایل های چندرســانه ای وجود داشــته باشــد.

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

 

 مخاطب محوری 

1.  هدف از ایجاد وب ســایت کاملا مشــخص باشد و این هدف به صورت کامل در محتوا و مطالب موجود در وب سایت لحاظ گردد.

2.  مطالب وب سایت متناسب با زمینه  فعالیت و معلومات و نیازهای عامه مخاطبان باشد

3.  از به کارگیــری حجم انبوهی از تبلیغات به ویــژه تبلیغات تصویری و متحرک که باعث دلزدگی مخاطب و تحت الشعاع قرار گرفتن نقش مخاطب می گردد پرهیز شود. 

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

5. نظرات ارسال شده  کاربران برای هریک از مطالب، پس از بررسی محتوای آنها در صفحه مربوط به آن مطلب نشان داده شود.

6. امکان ارسال یک صفحه جهت معرفی به دوستان به نشانی های پست الکترونیک توسط کاربران وجود داشته باشد. 

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

8. طرح صفحات، رنگ بندی آنها، نوع و اندازۀ فونت  و تصاویر استفاده شده، متناسب با سلیقه غالب کاربران وب سایت و موقعیت سنی، شغلی و جایگاه اجتماعی آنها باشد.

 

 ساختار اطلاعات

1. از آن جا که ممکن اســت برخی کاربران از طریق پیوندهای موجود در ســایر وب ســایت ها یا موتورهای جســتجو به صفحه ای غیر از صفحه  اول مراجعه کننــد، لذا در همه  صفحات پیوندی برای رجوع به صفحه  اصلی وب سایت وجود داشته باشد.

2.برای صفحاتی که حاوی مطالب طولانی یا دســته بندی شده هســتند، تیتر مطالب در ابتدای صفحه قرار گیرد تا کاربر با کلیک روی آنها به ســراغ مطلب موردنظر برود. همچنین برای برگشت به این دسته بندی، در انتهای هر بخش پیوند برگشت به ابتدای صفحه  (Top)قرار داده شود.  

3. بخشــی برای «پرسش های متداول » که حاوی پرسش ها و پاسخ های پرتکرار کاربران در مورد محتوای وب سایت است در نظر گرفته شود.

4. نقشه  وب سایت برای رجوع سریع کاربران به بخش موردنظر در دسترس باشد.

5. امکان جستجوی آسان در مطالب وب سایت به ویژه بخش بایگانی  وجود داشته باشد

6. منوی اصلی وب سایت از همه  صفحات قابل دسترسی باشد.

7.برای پیمایش در سایت و مرور مطالب و صفحات مختلف آن امکاناتی کاربرپسند تعبیه شود...

 

 محتوا

1. هدف از راه اندازی وب ســایت و مطالبی که ارایه می کند مشــخص باشد و حتی امکان به صورت توضیحی کوتاه در صفحه  اول درج شود.

2. مطالب درج شــده، در حوزه ای که مرتبط با هدف راه اندازی وب ســایت اســت جامع باشــد و پیوندهای مربوط به منابع و مراجع در انتهای مطالب درج گردد.

3.  محتوای موجود در وب سایت جدید باشد و در بازه های زمانی مناسب، به روزرسانی گردد.

4.   اطلاعات قدیمی از طریق بخش بایگانی (آرشیو) قابل دسترسی و استفاده باشد.

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

6. اشــتباهات تایپی یا نگارشــی و به ویژه محتوایی در مطالب وجود نداشــته باشد و پیوندها، به صورت کامل با محتوای پیوند تطابق داشته باشند.

7.   مشخصات ایجادکننده وب سایت و زمان تأسیس آن درج شود.

8. زمان و تاریخ به روز رسانی وب سایت و درج هر یک از مطالب قید شود.

9.   در صــورت نیاز کاربران به نرم افــزار یا افزونه ای خاص برای مشــاهده  برخی صفحات، قابلیت دسترسی به آن در وب سایت پیش بینی شود.

طراحی سایت های flat یا تخت

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

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

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

اعتبار سنجی CSS در طراحی سایت

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

در طراحی سایت قبل از هر چیزی کد نویسی مهمترین قسمت اون هست که باید به درستی انجام بشه، طراحی سایت و طراحی وب سایت نیازمند این هست که استاندارد نویسی ها رو رعایت کنید و کدنویسی انجام نشه که بعدا توی نتایج جستجو بالا نیاد و یا اینکه در صفحات دوم و سوم بالا بیاد، کد نویسی های سایت تشکیل میشه از HTML ، CSS، PHP ، ASP و.... برای مثال برای اینکه بتونیم چک کنیم کجای کدنویسیمون ایراد داره توی کد نویسی CSS باید به سایت W3C که سازمان استاندارد نویسی اون هست مراجعه کنید و اینکه توی قسمت CSS Validator آدرس سایتتون رو وارد کنه تا تنها توی چند ثانیه بتونید ایراد کدنویسی هاتونو بگیرید.

نکته های قبل از طراحی سایت

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

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

تاثیر آیکون شبکه های اجتماعی در طراحی سایت

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

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

صفحات پرداخت فروشگاهی در طراحی سایت

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

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

css3 در طراحی سایت

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

در طراحی سایت و طراحی وب سایت کد نویسی CSS برای نظم بخشیدن و نحوه نمایش صحیح بخش ها و قسمت های مختلف سایت استفاده میشه، CSS نسخه 3 یا همون CSS3 با تعریف یکسری تگ های جدید به کمک طراحان وب سایت اومد تا بتونه با خلق افکت های جذاب و بعد بخشیدن به المانهایی از قبیل منو و... جذابیت و چشم نواز بودن رو به سایت شما القاء میکنه ، با استفاده از CSS در سایت میتونید تعامل بیشتری از لحاظ بصری با مخاطب و مشتری برقرار  کنید، افکت هایی که میتونید در CSS3 استفاده کنید خیلی زیاد هستند مثل محو شدن ، کنترل موشن، انیمیشن ، Key Frame و ... شرکت وب نگاران با استفاده از کادری مجرب و با تسلط کامل روی CSS3 , .... در کنار شماست

طراحی سایت نسخه موبایل

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

توی این بخش میخوایم یه سوال مطرح کنیم و باهم جوابشو بدیم تا شاید بتونیم یه قدم مثبت توی پیشرفت سایتمون داشته باشیم، سوالی که مطرح میشه اینه که آیا داشتن یه سایت با قالب طراحی شده برای موبایل چه تاثیری توی روند طراحی سایت و روی پیشرفت شغلی و کاریمون داره؟

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

تکنولوژی WebGL در طراحی سایت

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

چندوقتیه که صحبت از استفاده از المانهای سه بعدی در وب سایت به وجود اومده و یه تحول اساسی ایجاد میکنه توی زمینه طراحی سایت و طراحی وب سایت. این تکنولوژی یا فناوری جدید با اسم WebGL کتابخانه گرافیک وب در دنیا داره فعالیت میکنه اما متاسفانه در ایران هنوز به درستی راه اندازی نشده یا افراد خیلی خیلی کمی دارن از اون استفاده میکنند، جای تعجب داره که توی ایران باتوجه به سطح دانش و علم برنامه نویسی کسی زیاد تمایلی به اون نشون نمیده ، البته یکی از دلایلش این میتونه باشه که تمامی مرورگرها به درستی اونو پشتیبانی نمیکنند و قادر به اجرای کتابخونه هاش نیستند. این سیستم و تکنولوژی میتونه از گرافیک GPU استفاده کنه و با عناصر HTML مخلوط بشه، توی این تکنولوژی از برنامه نویسی شی گرا استفاده شده شبیه C و ++C است، امیدواریم این تکنولوژی و کد نویسی جدید هرچه سریعتر در ایران هم راه اندازی کامل بشه بصورتی که کارهای ویژه ای رو شاهد باشیم در سطح جهانی.

استفاده از تصاویر متحرک در طراحی سایت

منتشرشده در مقالات سایت
شنبه, 21 اسفند 1395 ساعت 20:30

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

صفحه1 از8

آدرس : تهران ، میدان انقلاب ، کوچه رشتچی ، پلاک ۱۴ (ساختمان ایرانیان) ،طبقه دوم واحد ۸

 

خط ویژه: ۶۶۹۲۸۷۸۷-۰۲۱

تلفن : ۶۶۹۲۸۰۴۰-۰۲۱ | ۶۶۱۲۴۱۴۹-۰۲۱ | تلفن همراه : ۰۹۱۲۳۷۹۰۵۸۸

فکس دیجیتال: ۸۹۸۷۷۳۷۳-۰۲۱

آدرس ایمیل : wnegaran[at]gmail.com 

تمامی حقوق مادی و معنوی این سایت متعلق به شرکت وب نگاران پارسه می باشد