تبلیغات متنی
آزمون علوم پایه دامپزشکی
ماسک سه لایه
خرید از چین
انجام پروژه متلب
حمل خرده بار به عراق
چت روم
ایمن بار
Bitmain antminer ks3
چاپ ساک دستی پلاستیکی
برتر سرویس
لوله بازکنی در کرج
سئو- طراحی سایت

سئو- طراحی سایت
وبلاگدهی رایگان
آمارگیر
تعداد آنلاین : 0
بازدید امروز : 3
بازدید دیروز : 0
هفته گذشته : 4
ماه گذشته : 20
سال گذشته : 91
بازدید کل : 254
کل مطالب : 224
نظرات : 0

این تکنولوژی به تازکی در ایران رایج شده است و ما به درخواست کاربران در این مقاله پارالاکس را معرفی و بررسی می کنیم.

Administrator\files\UploadFile\scroll-parallax1.jpg

پارالاکس چیست؟

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

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

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

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

Administrator\files\UploadFile\croppercapture320.jpg

شما می توانید با استفاده از ابزار ها HTML 5 ، CSS3 و Jquery با همکاری یک گرافیست که با تکنیک پارالاکس آشنایی دارد به تولید و طراحی سایت پارالاکس بپردازید.

برای دیدن نمونه طراحی سایت های پارالاکس به آدرس هایس زیر مراجعه کنید.

http://www.sony.com/be-moved

!#/http://journey.lifeofpimovie.com

http://matthew.wagerfield.com/parallax

بیشتر ببینید

http://enfuzed.com/15-amazing-parallax-websites

  موضوعات مرتبط:

برچسب ها : ,

[ شنبه 24 بهمن 1394 ] [ 12:48 ] [ طراح ]

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

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

Administrator\files\UploadFile\design-websites-for-mobile-phones.png

شماره گیری خودکار:

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

<a href=”tel:+98216123”>call us!</a>

و برای ایجاد تماس از طریق نرم افزار های ارتباطی رایگان از تگ زیر استفاده کنید.

<a href=”skype:skype_user?call”> call us using skype!</a>

  موضوعات مرتبط:

برچسب ها : ,

[ چهارشنبه 14 بهمن 1394 ] [ 16:00 ] [ طراح ]

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

Administrator\files\UploadFile\The-End-Of-The-Flash-Player.jpg

  • باعث کندی سایت می شود و پهنای باند را زیاد می کند
  • این نوع طراحی استاتیک است یعنی نمیتوان از روش ادمین به راحتی تغییرات را بر روی طراحی اعمال کرد
  • اطلاعات و مطالب موجود در این نوع طراحی ایندکس نمیشود و تولید محتوا تاثیر مثبتی بر سئو سایت نخواهد داشت
  • برای بازدید از سایت حتما باید برنامه فلش پلیر بر سیستم نصب باشد در غیر این صورت امکان مشاهده سایت وجود ندارد این در حالی است که اغلب کاربران از فلش پلیر استفاده نمی کنند و نمی توانند از سایت بازدید کنند

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

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

  موضوعات مرتبط:

برچسب ها : ,

[ چهارشنبه 14 بهمن 1394 ] [ 16:00 ] [ طراح ]

چگونه سایت خود را با تکنیک های طراحی ساده زیبا  و گیرا کنیم؟

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

این جزئیات هر چند کوچک و ریز هستند ولی تاثیر بسزایی در طراحی وب سایت دارند و شکل و ظاهر متفاوتی به سایت می دهند.

1. استفاده از سایه ها برای زیبا سازی طراحی سایت:

سایه (Drop Shadow) از اولین تکنیک های طراحیست که اکثر طراحان از آن در طراحی سایت استفاده می کنند. دو نوع سایه داخلی و خارجی وجود دارد که استفاده از آن باعث می شود که تصویر فرو رفته و یا برجسته شود و به عبارتی دیگر تصویر 3D به نظر می رسد.

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

2. استفاده از گرادیان رنگ برای زیبا سازی طراحی سایت:

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

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

   

3.استفاده از تصاویر گرافیکی برای زیبا سازی طراحی سایت:

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

  موضوعات مرتبط:

برچسب ها : ,

[ دوشنبه 5 بهمن 1394 ] [ 12:01 ] [ طراح ]

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

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

وقتی کاربر به طور اتفاقی وارد سایتی می شود اولین سوالی که برایش پیش میاید این است که این سایت چه خدمتی ارائه می دهد؟  آیا برای یک شرکت تولیدات صوتی تصویریست؟ آیا برای یک سازمان خدماتیست؟ آیا برای یک برنامه تلویزیونیست؟ و ....

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

حال که به اهمیت رنگ در طراحی سایت پی بردیم چه خوب است رنگها را از چشم کاربران ببینم تا متوجه شویم آیا آنها می توانند به درستی پیام مارا درک کنند؟!

سایت  Colorblind Web Page Filter محیط و رنگ سایت شمارا از دید کاربران بازسازی می کند واین امکان را به شما می دهد تا بررسی کنید همه ی مطالب خوانا و قابل تشخیص هستند یا خیر.

انتخاب ترکیب مناسب رنگ ها برای طراحی سایت:

برای انتخاب ترکیب رنگی مناسب میتوانید از سایت  Kuler بهره ببرید. این سایت با توجه به رنگ های موجود در طراحی سایت شما رنگ های جدیدی پیشنهاد می کند.

 

 

  موضوعات مرتبط:

برچسب ها : ,

[ دوشنبه 5 بهمن 1394 ] [ 12:01 ] [ طراح ]

Administrator\files\UploadFile\captcha.jpg

معمولآ در فرم ها و بخشهایی از اینترنت تصاویری می بینید که در آنها اعداد یا حروف به صورت نا مرتب دیده می شود ، نام این تست ها Captcha است که هدف آن تشخیص این است که کاربر انسان است یا رایانه. تمام حقوق مادی و معنوی این مقاله متعلق به شرکت مبنا به آدرس وب سایت www.sitedesign-co.com می باشد.

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

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

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

  موضوعات مرتبط:

برچسب ها : ,

[ پنجشنبه 1 بهمن 1394 ] [ 19:28 ] [ طراح ]

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

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

Administrator\files\UploadFile\button-visit-website.png

حذف شدن لینک ها از دیگر سایت ها

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

مانند تبلیغات شما در سایت های دیگر، تا زمانی که تبلیغات ادامه داشته باشد بازدید سایت شما بالاست و هنگامی که مهلت تبلیغ شما به پایان میرسد طبیعی است بازدیدکننده کمتری داشته باشید.

بروز رسانی نکردن سایت

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

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

تغییر آدرس RSS

ترجیحا آدرسی را تغییر ندهید زیرا با تغییر دادن آدرس RSS کاربران باید دوباره وارد سایت شما بشود و آن را ذخیره کنند اما بسیاری از آنها ممکن است این کار را انجام ندهند که موجب کاهش بازدید سایت میشود.

لطفا به سوالات، نظرات و پیام ها پاسخ دهید!

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

و دیگر دلایل:

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

  موضوعات مرتبط:

برچسب ها : ,

[ پنجشنبه 1 بهمن 1394 ] [ 19:28 ] [ طراح ]

همانگونه که گفتیم کسب و کار الکترونیکی که ما از طریق طراحی سایت ها به آن می خواهیم دست پیدا کنیم، شامل، تلفیق و پیوند دادن سیستم ها، فرآیند های درون سازمانی، زنجیره تامین منابع می باشد، که با استفاده از اصول و فناوری های طراحی سایت جدید و ابزار اینترنت مناسب به این هدف دست خواهیم پیدا کرد.
 
کسب و کار الکترونیک را بسته به نوع ارتباطات در آن، در 8 مدل معرفی می نمایند: 
  • مصرف کننده با مصرف کننده ( C to C  )
  • شرکت با شرکت ( B to B  )
  • شرکت با مصرف کننده ( B  to C  )
  • مصرف کننده با شرکت ( C  to B  )
  • شرکت با دولت ( B  to G  )
  • دولت با مصرف کننده ( G to C  )
  • شرکت با کارکنان ( B to E  )
  • دولت ها با دولت ها ( G to G  )
 در طراحی سایت باید به این روابط شناخت داشته باشیم و در طراحی سایت خود با توجه به این روابط، وب سایت های خود را طراحی کنیم؛ تا مخاطبان و کاربران این وب سایت ها بتوانند از امکانات آنها استفاده بهینه را داشته باشند.

  موضوعات مرتبط:

برچسب ها : ,

[ دوشنبه 28 دی 1394 ] [ 19:27 ] [ طراح ]

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

مهمترین مزایای تجارت الکترونیک و کسب و کار الکترونیک را این موارد می توان داست:

  • حذف محدودیت های مکانی و زمانی
  • کاهش هزینه های تولید
  • افزایش درصد فروش
  • دسترسی آسان به اطلاعات لازم
  • جهانی شدن تجارت
  • کاهش هزینه های معملاتی و زمان انجام کار
  • حذف دلال ها و واسطه ها

 امروزه علم طراحی سایت از تمام این مزیت ها استفاده کرده و وب سایت هایی با بهترین و بیشترین بازدید در زمینه تجارت آن وب سایت طراحی می نمایند؛ تا منجر به کسب و کار الکترونیک از طریق طراحی سایت های شرکت ها شوند.

  موضوعات مرتبط:

برچسب ها : ,

[ دوشنبه 28 دی 1394 ] [ 19:27 ] [ طراح ]

شروع سرویس های بانکداری از راه دور، از طریق رسانه های الکترونیکی در اوایل دهه ی 80 میلادی بود. کلمه پرکاربرد  "آنلاین" در اواخر دهه ی 80 میلادی محبوب شد، و به یک پایانه که از طریق تلفن برای دسترسی به خدمات بانکی به کار می رفت، اطلاق می شد.

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

بعد از آن شرکت ساخت و ساز ناتینگهام انگلستان در سال 83 میلادی توانست سیستمی را در زمینه آنلاین بودن خدمات بانکی ارائه دهد که به جز مشاهده حساب و انتقالات حساب، مشتری بتواند قبوض خود را نیز پرداخت نماید؛ این شروع یک تحول در زمینه بانک داری بود، به شکلی که امروزه در طراحی سایت بانک ها اکثرا خدمات بانک ها، از طریق وب سایت شان قابل پیگیری و انجام می باشد.

  موضوعات مرتبط:

برچسب ها : ,

[ يکشنبه 20 دی 1394 ] [ 19:19 ] [ طراح ]
صفحه قبل 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 صفحه بعد
.: Weblog Themes By WeblogSkin :.
درباره وبلاگ

آرشيو مطالب
امکانات وب