تبلیغات متنی |
طراحی وب سایت طراحی وب سایت - طراحی سایت
| ||
گالری تصاویر از جمله ویژگی هایی است که وجود آن در وب سایت می تواند باعث جذب بازدیدکننده شود اما برای ایجاد گالری تصاویر در یک سایت، نیاز به front end است که تصاویر را پر زرق و برق و چشم نواز نشان دهد و بیشتر نظر بیننده را جلب نماید.در اینجا می خواهیم تا شما را با اهمیت وجود گالری تصاویر در وب سایت آشنا کنیم. گالری تصاویر می تواند تصاویر محصولات،نمونه کارها و یا حتی محیط شرکت را شامل شود.وجود این موارد می تواند گالری تصاویر شما را به یک عنصر خاص و مهم تبدیل کند همچنین باید توجه کرد که در گالری تصویر از عکس های باکیفیت استفاده کنید.
موضوعات مرتبط: [ يکشنبه 29 فروردين 1395 ] [ 12:34 ] [ طراح ایرانی ]
با توجه به اهمیت جایگاه سایت در بین موتورهای جستجو و همچنین تغییر رتبه بندی سایت ها در دوره های زمانی خاص در این مقاله می خواهیم تا شما را با روش های جلوگیری از کاهش رتبه سایت بین جستجوگران صحبت کنیم. √ تنوع در لینک ورودی: موتورهای جستجو بهترین مکانهایی که مشتریان می توانند سایت شما را پیدا کنند می باشنداما فقط موتورهای جستجو کافی نمی باشند.شما می توانید با معرفی سایت شما در دیگر سایتها علاوه بر اینکه بازدیدکنندگان جدیدی از آن سایتها به سراغ سایت شما خواهند آمد، رتبه شما در موتورهای جستجو نیز بهبود خواهد یافت. فراموش نکیند که یکی از پارامترهائی که در تعیین رتبه سایت شما موثر است، میزان لینکهائی است که سایتهای دیگر به سایت شما دادهاند.
موضوعات مرتبط: [ شنبه 21 فروردين 1395 ] [ 12:40 ] [ طراح ایرانی ]
حتما تا بحال هنگام فعالیت های اینترنتی مانند تبادلات مالی آنلاین ، ترافیک وب سایت ها و موتورهای جستجو ، نظرسنجی های آنلاین ، ثبت نام های آنلاین ، سرویس های ایمیل رایگان و بسیاری دیگر از چنین موارد با کادری روبرو شده اید که حاوی اعداد و یا حروف به صورت نامرتب و کج است Captcha نرم افزاری ست که با پرسیدن سوالاتی که جواب دادن به آنها توسط انسان راحت است می پردازد و به منظور حمله به این سیستم ها طراحی شده اند.Captcha در واقع یک مکانیزم امنیتی محسوب می شود که تعیین می کند که طرف مقابل شما یک کامپیوتر است یا یک انسان .لازم به ذکر است بدانیم که تست تورینگ توسط انسان برگزار می شود و هدفش تشخیص ماشین است اما کپچا توسط ماشین برگزار می شود و هدفش تضخیص انسان است. √ Captcha تصویری همراه با صدای تلفظ شده کاراکتر درون عکس √ Captcha ای که باید عکس موردنظر را در تصویر پیدا کرد √ Captcha ای که باید که مسدله ی ریاضی ساده حل کرد √ Captcha های سه بعدی √ Captcha هایی با استفاده از تبلیغات با استفاده از کپچا تنها انسان ها قادر به انتشار نظر در بخش وبلاگ سایت شما خواهند بود و به این ترتیب نیاز به عضویت در سایت یا وبلاگ شما برای جلوگیری از نظرات اسپم نیست.
موضوعات مرتبط: [ شنبه 21 فروردين 1395 ] [ 12:39 ] [ طراح ایرانی ]
همانطور که می دانید قوانینی در طراحی سایت وجود دارد که می تواند برای وب سایت مفید و یا مضر باشد؛که ما در مقالاتی نظیر ویژگی های یک وب سایت موفق و یا هفت دلیل برای موفقیت وب سایت به آنها اشاره کرده ایم.حال در اینجا می خواهیم تا شما را با اشتباهاتی که نباید در طراحی وب سایت مرتکب شد آشنا کنیم. √ استفاده از قالب استاتیک:با توجه به گسترش روزافزون تکنولوژی و دسترسی افراد به دنیای مجازی ، محتوا از اهمیت ویژه ای پیدا کرده است.بنابراین استفاده از قالب های استاتیک دیگر جایی در فضای مجازی ندارند و جای خود را به قالب های داینامیک داده اند.استفاده از قالب های داینامیک به شما این امکان را می دهد تا بتوانید محتوای خود را بروز کنید که انجام اینکار می تواند در سئوی سایت شما موثر باشد. √ استفاده زیاد از کلمات کلیشه ای و تکنیکی:این روش نیز یکی از اشتباهات در طراحی سایت می باشد.توجه داشته باشید که مطالبی که در وب خود قرار می دهید به صورت ساده بیان شده باشد تا بازدیدکننده را از دست ندهید. √ مشخص نکردن هدف وب سایت:از مهمترین اصول در طراحی سایت تعیین هدف در سایت می باشد.شما باید قبل از طراحی سایت هدف خود را از طراحی سایت مشخص کنید ومشتریان هدف خود را شناسایی کنید. √ استفاده از Flash:همانطور که در مقاله ی مزایا و معایب سایت های فلش گفته شد،استفاده از Flash در طراحی سایت حجم بالایی را صرف می کند و مهمتر اینکه محتوای فایل های Flash توسط کرولرهای موتورهای جستجو خوانده نمی شوند بنابراین استفاده از سایت را مشکل خواهد کرد.از معایب دیگر سایت فلش این است که در توسط موبایل پشتیبانی نمی شود. √ نمایش هر صفحه در پنجره ی جدید:یک طراح خوب می داند که نباید در سایت خود لینکهای زیادی را در پنجره ها و صفحه های جدید باز کند زیرا این کار کاربر را فراری خواهد داد!و موجب کاهش سرعت مررگر می شود. √ چک نکردن وب سایت: این روش یکی از مهترین اصول در طراحی سایت می باشد.یک طراح حرفه ای نباید فراموش کند که یک وب سایت نیاز به چک کردن دارد و می تواند با استفاده از ابزارهایی مانند Google Webmaster Tools و Bing Webmaster Tools به راحتی با مشکلات وب سایت رو برو شود.
موضوعات مرتبط: [ يکشنبه 15 فروردين 1395 ] [ 14:07 ] [ طراح ایرانی ]
برای طراحی سایت استاندارد و با بازدید بالا استفاده از رنگ در سایت بسیار مهم می باشد.برای انتخاب رنگ مناسب ابتدا باید با رنگ ها و همچنین خاصیت آنها آشنایی داشت. به طور کل انتخاب رنگ مناسب برای سایت باید بر اساس موارد زیر باشد:
با رعایت اصول بالا می توانید در طراحی وب سایت نمونه و استاندارد در بین سایر وب سایتها از بهترین ها باشید.
موضوعات مرتبط: [ يکشنبه 15 فروردين 1395 ] [ 14:07 ] [ طراح ایرانی ]
انتخاب دامنه خوب به اندازه انتخاب نام شرکت و کمپانی شما اهمیت دارد. روشهای انتخاب یک دامنه خوب: 1. یک دامنه خوب کوتاه است هر روز بیش از قبل یافتن یک دامنه کوتاه سخت تر می شود ولی با کمی خلاقیت و ترکیب عناصری مانند نام شرکت ، نام خود و محصول یا خدمات می توان یک نام کوتاه ساخت همچنین سایت هایی وجود دارند که میتوانند شما را در این کار یاری کنند که نام برخی از این سایتها را در این مقاله می توان یافت. 2.نام دامنه شما باید با نام کمپانی شما یکی باشد بدیهی است که نام دامنه شما بر روی نام تجاری شرکت شما تاثیر مستقیم دارد ، این موجب شناسایی نام تجاری شما توسط مشتریان وکاربران می گردد. 3.دامنه خوب باید به یاد ماندنی باشد همواره نامی برای دامنه انتخاب کنید که به راحتی در حافظه کاربران بماند و در هنگام مخفف سازی نیز این کار رابه شکلی انجام دهید که خوش آهنگ باشد و در حافظه بماند. 4.از خط فاصله در نام دامنه خود استفاده نکنید بعضی اوقات دیده می شود که دامنه مورد نظر شما قبلا تصاحب شده است ، شما با دیدن همچین چیزی نباید از خط فاصله استفاده کنید و این را بدانید همواره سادگی بهترین چیز است.استفاده از خط فاصله موجب می شود کاربران نام دامنه شما را به راحتی فراموش کنند یا آدرس را اشتباه وارد نمایند. 5.یک دامنه خوب نباید با دیگر دامنه ها استباه گرفته شود برخی از کاربران از نامهایی مشابه سایت های دیگر استفاده می کنند که این باعش می شود مراجعه کنندگاه دامنه شما را با دامنه آن سایت اشتباه بگیرند و نام آن سایت را به خاطر بسپارند. 6. دامنه خوب باید به سختی غلط نگارش شود نام دامنه شما باید به صورتی باشد که مراجعه کنندگان برای نگارش آن دچار مشکل نشوند. نام های طولانی بیشتر موجب همچین مشکلی می شوند و به مرور بازدید کننده های شما را کم می کنند. 7.بهتر است از پسوند های رایج مانند .com , .net , .ir استفاده کرد .com شناخته شده ترین پسوند آدرس وب سایت است ، برای استفاده از این دامنه ها باید مبلغ بیشتری را پرداخت کرد ولی ارزش این کار را دارد چون برای همه شناخته شده هستند. 8. دامنه خوب باید بیانگر فعالیت شما باشد نام دامنه شما باید به صورتی باشند که مخاطب با شنیدن آن به فعالیت شما پی ببرد. 9.استفاده از CamelCase یک راه مناسب استفاده از CamelCase است. CamelCase روش استفاده از حروف بزرگ در دامنه است ، برای مثال SiteDesign-co.com زیباتر از sitedesign-co.com به نظر می رسد همچنین بهتر در خاطره کاربران می ماند. پس بهتر است در تبلیغات و مکان هایی که سایت خود را معرفی می کنید از این تکنیک استفاده نمایید.
موضوعات مرتبط: [ شنبه 7 فروردين 1395 ] [ 16:40 ] [ طراح ایرانی ]
اگر میخواهید یک قالب واکنش گرا طراحی کنید باید بر متا تگ viewport و مدیا کوئری مسلط باشید. برای طراحی سایت ریسپانسیو لازم است در ابتدا سرویس متا تگ viewport را به سرویس سایت افزوده و سپس مدیا کوئری را به فایل CSS بیافزایید. همانطور که میدانید در طراحی سایت ریسپانسیو، سایت باید در همه ی مانیتور ها، موبایل ها و تبلت ها به صورتی نمایش داده شود که کاربر احتیاجی به اسکرول کردن افقی نداشته باشد. برای این منظور لازم است سایز این دستگاه ها را داشته باشیم. حتما لازم نیست خودتان برای این کار وقت صرف کنید و می توانید از فریم ورک های مطرح استفاده کنید در این صورت یک مرحله جلو تر خواهید افتاد. در فریم ورک بوت استرپ دستگاه ها را به صورت زیر بخش بندی کرده است: موبایل : کوچیکتر از 768 پیکسل تبلت: بزرگتر از 768 پیکسل مانیتور رومیزی متوسط: بزرگتر از 992 پیکسل مانیتور رو میزی بزرگ: بزرگتر از 1200 پیکسل اجزای مختلف سایت را چگونه در این دستگاه ها نمایش دهیم؟ برای کنترل عرض اجزای مختلف سایت باید از max-width و min-width استفاده کرد. فرض کنید یک تگ با ID: mabnasitedesign در سورس کد سایت وجود داشته باشد. باید آن را به گونه ای قرار دهید که در هر شرایطی در مرکز صفحه نمایش قرار گیرد و در موبایل هایی که سایز کوچیکتر از 767 پیکسل دارند تگ mabnasitedesign متناسب با ابعاد موبایل تغییر کند. برای این منظور میتوانید از کد زیر استفاده کنید: } (media screen and (max-width: 767px@ { ;mabnasitedesign { width: 100%; margin:0 auto# { حال این کد را برای تبلت باز نویسی میکنیم با این تفاوت که میخواهیم فقط در سمت راست صفحه نمایش داده شود: } (media screen and (min-width: 768px) and (max-width: 991px@ { ;mabnasitedesign {width: 150px; float: right# { اکثر کسانی که در حوزه طراحی وب سایت فعالیت می کنند در ساید بار سایت از ID: right استفاده می کنند، شما نیز میتوانید از کد های بالا برای ساید بار استفاد کنید کافیست mabnasitedesign را به right تغییر دهید.
موضوعات مرتبط: [ شنبه 1 اسفند 1394 ] [ 15:40 ] [ طراح ایرانی ]
این روز ها مشاهده میکنیم که بسیاری از شرکت ها رو به نرم افزارهای موبایل افتاده اند و یا برخی از وب سایت ها مانند نت برگ، شیپور و... هر کدام برای سایتشان نرم افزار مخصوص به خود را دارند علت هم کاملا مشخص است فراوانی گوشی های هوشمند. حال این سوال پیش میآید که آیا نرم افراز موبایل بهتر است یا سایت ریسپانسیو؟ اصلا کدام یک از این ها مناسب حرفه و بیزینس شماست؟ آیا بهتر است شما به فکر طراحی سایت خود باشید یا طرحی نرم افزار خود تا بتوانید فروش خود را افزایش دهید؟ تفاوت نرم افزار موبایل و سایت ریسپانسیو حتی خود گوگل نیز معتقد است که طراحی وب سایت به صورت ریسپانسیو بهترین گزینه ممکن برای انتخاب است. زیرا شما با طراحی سایت ریسپانسیو میتوانید محتوای جدید خود را به سادگی در دسترس کاربران قرار دهید و فقط یکبار هزینه میکنید. اما در برنامه موبایل شما باید بیشتر هزینه کنید و با یک برنامه نویسی انتخاب نمایید که هم بر IOS و یک هم بر Android مسلط باشد اما باز هم همه ی گوشی های هوشمند را ساپورت نکرده اید (بلک بری، نوکیا و..). نرم افزار موبایل نیز خالی از لطف نیست از جمله مزایای نرم افزار موبایل این است که کاربر حتی بدون اتصال به اینترنت میتواند از محتوای شما استفاده کنند. همچنین در نرم افزار های موبایل باید مرتبا ورژن جدید برنامه ی خود را در دسترس کاربران قرار دهید.
موضوعات مرتبط: [ شنبه 1 اسفند 1394 ] [ 15:40 ] [ طراح ایرانی ]
لوگو یا نشانه علامت و نمادیست برای بیان یک عبارت ویا یک مفهوم. لوگو ها نشانه ای برای حضور شخص یا موسسه ایست که آرم متعلق به آن است و توسط تجار، موسسات واشخاص حقیقی برای متمایز کردن خود از دیگران در دید عموم بکار می رود. چند نکته برای طراحی لوگو: 1. طراحی لوگو باید بیانگر فعالیت و نمایانگر شما باشد. و آن را از لوگو ی شرکت های دیگر متمایز کند. همانند کاری که پرچم برای کشور انجام می دهد. 2. لزومی وجود ندارد که لوگو یا آرم حتما باید دارای تصویر باشد لوگو بسیاری از شرکت ها تنها با نوشته ساخته شده اند. در عین حال می توان از تصویر در لوگو استفاده کرد چرا که یک تصویر خیلی بهتر از نوشته یا نام شرکت در ذهن باقی می ماند. مانند شرکت اپل 3. این باور غلطی است که اگر تصویر مناسبی دارید دیگر نیازی به اسم برند نیست. معروفیت یک آرم تنها با تکرار و تبلیغات فراروان میسر میشود. اگر طراحی لوگو یا آرم شما گرافیکیست لازم است که نام برند یا شرکت در گوشه یا پایین تصویر نوشته شود. 4. طراحی لوگو حتما نباید مربوط به صنعتی باشد که شرکت در آن زمینه فعالیت می کند. چرا که هدف از ساختن لوگو ایجاد تمایز بین شما و دیگر رقبا می باشد. 5. هدف از ساخت لوگو برای تبلیغات و برندینگ بر روی آن است، اگر به زودی لوگوی خود را تغییر دهید این خاصیت را از دست می دهد. این جمله به آن معنی نیست که هرگز آرم خود را نباید تغییر دهید. تغییرات جزئی و به روز کردن لوگو نشانگر پویایی شرکت شما با تغییرات جهانی است. استفاده از طراحی تخت در لوگو: طراحی تخت چیست؟ ایده ی طراحی تخت از سادگی عرضه خدمات و راحتی استفاده کاربر شکل گرفته است. در طراحی سایت تخت از سایه ها و گرادیان های رنگی و تکنیک های حجیم ساز استفاده نمی شود و تنها از رنگ های یکدست به همراه فونتهای خوانا در صفحه سایت استفاده می شود. طراحی تخت برای لوگو نمونه های از طراحی تخت برای طراحی شرکت ها و برند ها ارائه شده است که جایگزین مدل های پیشین شده اند. یکی از این تکنیک ها که به تازگی در میان طراحان باب شده است سایه بلند (long shadows)است. در این روش با قرار دادن سایه های بلند در قسمتی از تصویر آن را حجیم و عمقی نمایش می دهد. در تکنیک طراحی لوگو با سایه بلند زاویه سایه را در 45 درجه قرار میدهیم و طول سایه را 2.5 برابر آن بخش از تصویر قرار میدهیم که در عین حفظ سادگی تصویر باعث ایجاد عمق می شود. برای ایجاد چنین تصویری باید از برنامه ی css3 استفاده کرد در غیر این صورت باید به صورت گرافیکی آن را بسازیم . ساخت تصویر سایه بلند به صورت گرافیکی سایز وحجم لوگو را تا 3 برابر ممکن است افزایش دهد. امروزه استفاده از طراحی سایه بلند در میان طراحان سایت رواج پیدا کرده اما به نظر نمیرسد این روند ادامه پیدا کند چرا که این مدل طراحی نیز تکراری خواهد شد.
موضوعات مرتبط: [ سه شنبه 6 بهمن 1394 ] [ 17:49 ] [ طراح ایرانی ]
فرم ثبت نام نقش مهم و اساسی در بدست آوردن کامل موفقیت بازاریابی شما خواهد داشت. هر تجارت و بیزینسی مشتریان خود را دارد پس با رعایت اصول فرم ثبت نام در سایت خود بازدهی سایتتان را افزایش دهید. متاسفانه در کشورمان در طراحی سایت توجه زیادی به اهمیت فرم ثبت نامی نمی شود. طول فرم ثبت نام: طول فرم ثبت نام نباید بیش از 3 یا 4 سوال را شامل بشود. این تعداد کم سوالات باعث می شود که مشتریان غیر واقعی را در سایت شما افزایش دهد از طرفی دیگر اگر تعداد سوالات را به 7 یا 8 برسانیم برخی از مشتریان که فرصت کافی برای پر کردن فیلد ها را ندارند از دست می دهیم و برخی از مشتریان علاقه ای به گفتن اطلاعات شخصی خود در دنیای مجازی ندارند. ایجاد اعتماد در کاربران: فرم ثبت نام در سایت یک راه ارتباطی با مشتری است. برای جلب مشتری و افزایش مشتریانی که در سایت ثبت نام می کنند و فرم را تکمیل می کنند شما می توانید از عبارات مناسب برای تشویق کاربران برای ثبت نام در بخش های مختلف سایت استفاده نمایید.
محل قرارگیری فرم ثبت نام: بهترین مکان برای قرار دادن فرم ثبت نام در سایت یک فرم کوتاه در قسمت بالا در کنار سایت است. لازم به ذکر است باید به زبان سایت توجه کنیم که اگر EN است فرم را در سمت راست و اگر FA است در سمت چپ قرار دهیم.
موضوعات مرتبط: [ سه شنبه 6 بهمن 1394 ] [ 17:49 ] [ طراح ایرانی ]
|
||