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

آموزش طراحی سایت (158)

طراحی سایت روان چیست؟

نوشته شده توسط شنبه, 20 تیر 1394 13:58
منتشرشده در آموزش طراحی سایت

طراحی روان یا Liquid Design

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

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

  • رزولوشن صفحه نمایش
  • نوع مرورگر شامل فایرفاکس، کروم، اینترنت اکسپلورر و…
  • تولبارهای اضافی نصب شده بر روی مرورگر کاربران مانند تولبار الکسا
  • سیستم عامل کامپیوتر کاربران

توجه به موارد بالا ممکن است کار یک طراح سایت را تا حد زیادی مشکل کند ولی در نقطه مقابل میتواند تاثیر بالایی در کارایی سایت و رضایت کاربران بهمراه داشته باشد. تکنیک طراحی سایت Liquid به این بخش توجه ویژه ای دارد.

Offline Web Applications چیست؟

نوشته شده توسط شنبه, 20 تیر 1394 13:55
منتشرشده در آموزش طراحی سایت

 Offline Web Applications یا همان برنامه های تحت وب خارج از شبکه ، تکنولوژی تقریبا جدیدی است که توسط HTML5 ارائه شده. در چند سال اخیر وب به سمتی پیش رفته است که تعداد کاربرانی که به طور مداوم در حال حرکت بوده و سایت ها را چک می کنند افزایش یافته است.

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

Offline web application

بهینه سازی سایت برای موبایل

نوشته شده توسط شنبه, 20 تیر 1394 13:52
منتشرشده در آموزش طراحی سایت

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

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

یک ایده اشتباه در میان برخی طراحان سایت و کارشناسان سئو وجود دارد که میگویند:

چیزی بعنوان بهینه سازی سایت برای موبایل وجود ندارد، زیرا مرورگرهای متناسب آنها و تکنولوژی های استفاده شده هر روز در حال تغییر هستند پس امکان بهینه سازی و سئو بر روی دستگاه های هوشمند نیست!

بهینه سازی سایت برای موبایل

نسخه آفلاین سایت خود را بسازید

نوشته شده توسط شنبه, 20 تیر 1394 13:50
منتشرشده در آموزش طراحی سایت

آموزش فعال سازی Offline Web Applications

چند هفته پیش در مقاله ای با عنوان “Offline Web Applications چیست؟” به معرفی و بررسی آن پرداختیم. در این مقاله که به قلم امین خادمیان و برای انتشار در بلاگسیما تهیه شده است نحوه اجرا و استفاده ازاین تکنیک را به شما آموزش خواهیم داد.

Offline web application

نکاتی برای سئوی صفحات بی پایان

نوشته شده توسط شنبه, 20 تیر 1394 13:46
منتشرشده در آموزش طراحی سایت

اهمیت سئو در صفحات بی پایان

استفاده از تکنیک صفحات بی پایان یا infinite scrolling مزایا و معایب خاص خودش را دارد که در مقاله ای از بلاگسیما تحت عنوان تکنیک طراحی سایت Infinite Scrolling به بررسی آنها پرداختیم. در این مقاله قصد داریم نکاتی را در مورد سئوی صفحات بی پایان و تفاوت های آن با صفحات عادی به شما معرفی کنیم.

تکنیک Infinite Scrolling

Bootstrap چیست و چه کاربردی دارد؟

نوشته شده توسط شنبه, 20 تیر 1394 13:42
منتشرشده در آموزش طراحی سایت

 Bootstrap چیست؟

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

bootstrap elements

معرفی کاربردهای کد QR

نوشته شده توسط شنبه, 20 تیر 1394 13:39
منتشرشده در آموزش طراحی سایت

کاربردهای کد QR

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

کاربرد کد QR

Hero Header در طراحی سایت

نوشته شده توسط شنبه, 20 تیر 1394 13:35
منتشرشده در آموزش طراحی سایت

تکنیک hero header در طراحی سایت حرفه ای

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

حال چگونه می توان از تکنیک hero header در طراحی سایت نهایت استفاده را برد؟ به چه ابزاری برای شروع نیاز است؟

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

طراحی سایت با دکمه های نامرئی

نوشته شده توسط شنبه, 20 تیر 1394 13:17
منتشرشده در آموزش طراحی سایت

تکنیک دکمه نامرئی در طراحی سایت

از اغاز سال 2014 تا به امروز طراحی سایت در دنیا توجه ویژه ای به سادگی و ظرافت در المان های بکار رفته در صفحات وب داشته که در این میان دکمه ها نیز از این قاعده مستثنی نبوده اند. تکنیک دکمه های نامرئی در طراحی سایت یکی از همین نمونه هاست. این روش را میتوان معمولا در طراحی فلت و در سایت هایی با هدر بزرگ یا همان hero header مشاهده کرد.

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

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

تکنیک دکمه نامرئی در طراحی سایت

طراحی قالب سایت responsive

نوشته شده توسط یکشنبه, 14 تیر 1394 14:08
منتشرشده در آموزش طراحی سایت

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

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

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

فروشگاه ساز طراحی وب سایت شرکت طراحی وب سایت خبری طراحی وب سایت تخفیف گروهی طراحی وب سایت آگهی طراحی وب سایت شخصی

آیا نیاز به مشاوره دارید؟

مشاوره طراحی وب سایت

با ما در تماس باشید

تلفن:  031-36612265 , 09133045663 , 09129252046
ایمیل : info@webpouya.com
webpouya rss وب پویا در تلگرام وب پویا در گوگل پلاس وب پویا در اینستگرام وب پویا درتویتر

نظر مشتریان طراحی سایت

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