هنر و خلاقیت (آموزش)

سایت آموزشی هنری بوم شاپ ( boomshop.ir ) برای هنر دوستان و افراد خلاق

هنر و خلاقیت (آموزش)

سایت آموزشی هنری بوم شاپ ( boomshop.ir ) برای هنر دوستان و افراد خلاق

هنر و خلاقیت (آموزش)

:: از آنجا که اکثر ما تصور غلطی از یادگیری هنر طراحی داریم و طراحی را بیشتر یک استعداد خدا دادی می دانیم .
در حالی که طراحی بیشتر از آنکه نیاز به استعداد داشته باشد نیازمند آموزش , خلاقیت و پشتکار است. در واقع همه ما می‌توانیم به خوبیِ هنرمندانِ بزرگ طراحی کنیم فقط نیازمند روشن شدن راه و زندگی نامه ی هنرمندان بزرگ هستیم تا به خود ایمان بیاوریم و پا پیش گزاریم.
بنا براین سایت بوم شاپ ( boomshop.ir ) در تلاش برای افزایش سطح هنری کاربران علاقه مند و هنرمندان عزیز می باشد تا این نقصان کوچک زندگیمان را برطرف سازیم.
سایت بوم شاپ ( boomshop.ir ) از کاربرانی که در زمینه های هنری مهارت و فعالیت دارند دعوت به همکاری می نماید.
و از هنرمندانی که علاقه دارند آثارشان در سایت بوم شاپ ( boomshop.ir ) به نمایش در آید تقاضا می کند آثار خود را به ایمیل
BoomShopIR@gmail.com
ارسال نمایند.

مدیریت بوم شاپ :سعید امینی

با ما باشید
هاست هاست
Instagram
اسلایدر
آخرین نظرات

خطا های رایج در طراحی وب سایت

جمعه, ۱ خرداد ۱۳۹۴، ۱۲:۴۱ ق.ظ

خطا های رایج در طراحی وب سایت  

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

استفاده از کدهای قدیمی

وب سایت رابطه مستقیمی با تکنولوژی دارد و تکنولوژی نیز دائما در حال رشد و پیشرفت است. یکی از مواردی که باید در یک وب سایت استاندارد رعایت شود بروز بودن کدهای HTML,XHTML,CSS و … با استاندارد های سازمان بین المللی استانداردهای وب W3C است . رعایت این استانداردها فواید بسیار زیادی برای وب سایت ها خواهد داشت .

برای آشنا شدن با آخرین استاندارد ها سری به وبسایت w3school بزنید.

استفاده از تصاویر گیج کننده و آزار دهنده

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

استفاده از فونت های غیر استاندارد

وب سایتی را در تصور کنید که فونت های استفاده شده در آن در کامپیوتر شما موجود نیست و محتویات این وب سایت به شکل یک زبان مریخی نمایش داده می شود.!؟

فونتها از اجزاء اصلی تشکیل دهنده یک وب سایت هستند که عدم رعایت استاندارد در استفاده از آنها می تواند باعث عدم مقبولیت و یا کارایی وب سایت شما باشد.از فونتهایی استفاده کنید که با تمامی سیستم ها و مرورگرها سازگاری داشته باشد.فونتهای استاندارد زیادی برای زبان انگلیسی وجود دارد ولی در زبان فارسی بیشتر از فونت Tahoma برای متن ها و از Arial و یا Time برای عنوانها استفاده می شود.در انتخاب اندازه فونتها نیز بسیار دقت کنید زیرا همه با هر توانایی دیدی باید بتوانند مطالب وب سایت شما را بخوانند.از دستورات Css برای تعیین فونتهای جایگزین استفاده کنید، به این معنا که در صورت پشتیبانی نکردن یک فونت ، جایگزینی برای آن موجود باشد .

استفاده از رنگ زمینه نامناسب

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

جدول ها (Table )

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

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

استفاده بیش از اندازه کلمات Bold

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

نوشتن برای موتورهای جستجو و نه برای خواننده

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

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

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

استفاده از کدهای CSS بهینه شده

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

غیبت مدیریت محتوا

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

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

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

استفاده از تکنیکهای گرافیک به صورت نامناسب

یک نوشته پر رنگ قرمز با حاشیه های بسیار عریض که بسیار ترسناک به نظر می رسد…!؟

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

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

صفحات اعتبار سنجی نشده (Not validating)

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

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

نگارش بد متون و غلط های املائی

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

استفاده از Intro های Flash

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

استفاده از نوشته ها به صورت تصاویر

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

پاراگرافها و تصاویر به هم چسبیده و در هم ریخته

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

منوهای مختلف و رنگارنگ

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

استفاده از animated GIF

وب سایتی را در نظر بگیرید که از هر نقطه آن موضوعی در حال چشمک زدن است آیا شما به این وب سایتها علاقه دارید و یا به محض ورود پنجره آن را می بندید؟

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

تصاویر بهینه نشده

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

رعایت نکردن اولویت ها

یکی از مهمترین و اصولی ترین نکات در طراحی ساختار یک وب سایت رعایت اولویتها در استفاده از اجزاء تشکیل دهنده وب سایت است . بخش Header وب سایت ، پس از آن به بخش بدنه اصلی و یا Content وب سایت می رسیم و پس از آن به Footer ، رعایت این ترتیب ها در وب سایتها الزامیست. جزء به جزء این اجزاء نیاز به توضیحات بسیاری دارند ولی با نگاهی به وب سایتهای استاندارد رعایت این نکته را به وضوح خواهید دید.

بیش از ۱۰۰ لینک در صفحه

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

عنوان های نا مربوط

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

صفحات Error404

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

استفاده بیش از حد تبلیغات

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

موزیک متن

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

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

موافقین ۰ مخالفین ۰ ۹۴/۰۳/۰۱

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی