clickbarg

طراحی پوستر : محصولات ورزشی منبع طراحی سایت سایتکد

gif آموزش طراحی تصاویر متحرک تصاویر متحرک GIF یکی از انواع تصویر محبوب در وب می باشد. روند ساخت طراحی و متحرک سازی آن یک داستان متفاوت است، اما در آموزش امروز به شما نشان می دهیم که یک تصویر GIF متحرک چگونه طراحی می شود. در این آموزش با استفاده از نرم افزار Adobe After Effects یک دوچرخه طراحی شده است. خوب شروع کنیم : مرحله 1: دانلود و باز نمودن فایل های پیوستینخست فایل های که قصد ایجاد یک تصویر GIF از آنها را داریم از حالت زیپ خارج نمایید. دانلود فایل ، سپس فایل 'bike' را اجرا نمایید. برای اجرا و حرکت تصویر دوچرخه کلید 0 (صفر) را بفشارید. این یک انیمیشن سریع و ساده است، و اگر شما با افترافکت آشنا هستند در زمان اندکی انمیشن مشابهی خلق می نمایید. مرحله 2: خروجی توالی JPGزمانی که فایل های متحرک آماده استخراج شدند بر روی Export > Add to Render Queue کلیک کنید، مانند شکل زیر: قبل از رندر از شما در رابطه با تنظیمات پرسش می گردد، آن را بر روی گزینه Best Settings قرار دهید. اطمینان حاصل نمایید که تنطیمات شما بر روی حالت باکیفیت قرار دارد و بهترین رزولوشن را به شما می دهد.در ادامه همان گونه که مشاهده می نمایید بر روی گزینه Lossless کلیک نمایید این قسمت جهت تنظیمات بهتر مورد استفاده قرار می گیرد و اختیاریست.فرمت خروجی را بر روی jpg قرار می دهیم بدین ترتیب مجموعه پی در پی از تصاویر jpg از فایل انیمیشن AE اولیه ایجاد می گردد.مسیر خروجی را مشخص نماییدبر روی گزینه Render کلیک نمایید مجموعه تصاویر شما در مسیر مشخص گشته ذخیره خواهد شد. مرحله 3: خروجی متحرک GIFخوب در این مرحله به سراغ نرم افزار محبوب Adobe Photoshop بروید در قسمت file > open به مسیر تصاویر jpg حاصله از مرحله قبل بروید و اولین تصویر را انتخاب کنید و گزینه Image Sequence را مانند تصویر زیر فعال نمایید. و بر روی open کلیک نمایید.در پنجره باز شده بعدی frame rate را بر روی 30 مشابه تصویر زیر قرار دهید و دکمه ok را بزنید.سپس مسیر File > Export> Save for Web. را انتخاب نماییدبه پنجره ای مشابه تصویر زیر خواهید رسیدبرای ایجاد تصویر به صورت gif در سمت راست پنجره گزینه GIF را فعال نمایید.برای ایجاد یک حلقه تکراری و مداوم در فایل خروجی گزینه Forever را انتخاب کنید.حالا کار خود را SAVE نمایید. منبع طراحی سایت سایتکد

نحوه طراحی یک پرتره از خود به سبک طراحی فلت یا تخت- بخش اول در این مقاله قصد داریم با استفاده از تکنیک های تصویر سازی یک پرتره با طراحی فلت (تخت) ایجاد کنیم مراحل رو دنبال کنید و پرتره خودتون طراحی کنید موفق باشید. مرحله اول خوب حالا یک عکس تمام رخ از خودتون بگیرید نیازی نیست کیفیت خوبی داشته باشه من از وب کم استفاده کردم چون قرار روش تصویر سازی انجام بشه. مرحله دوم خوب در این مرحله وارد نرم افزار Adobe Illustrator بشید و یک سند در ابعاد 600 * 480 بسازید و لایه های شکل زیر بهش اضافه کنید: لایه Draw ، تصویر سازی در این لایه انجام میشه لایه Sketch ،زیر لایهDraw قرار داره لایه Photo، عکس اینجا قرار می دیم لایه Background، لایه بک گرند رو با رنگ خاکستری پر کنید ابعاد 600 * 480 باشه مرحله سوم لایه "پس زمینه" و "عکس" قفل کنید. در لایه " Sketch " ، با استفاده از ابزار Blob Brush Tool (B شیفت +)، طرح ما با استفاده از لایه عکس به عنوان یک راهنما شکل می گیره. سعی کنید خطوط راست و ساده رسم کنید از جزئیات بگذرید. مثل شکل زیر. مرحله چهارم حالا لایه Photo حذف کنید مرحله پنجم حالا Opacity لایه "Sketch" را به 30% تغیر دهید حالا با ابزار قلم P شروع به کشیدن اجرا نمایید من از موها شروع کردم مرحله ششم برای تی شرت، فقط نیمی از آن را بکشید، سپس کپی کنید (Cmd + C) و در طرف مقابل قرار دهید(کلیدهای Cmd + F). مرحله هفتم با ابزار Polygon یقه تیشرت را درست کنید مرحله هشتم با استفاده از اشکال زیر به ترتیب اجزای چانه و گردن را طراحی کنید مرحله نهم خوب حالا D را در فشار illustration دهید باید شکلی مشابه این داشته باشید. منبع طراحی سایت سایتکد

تصویر سازی اساس طراحی سایت: چند نمونه تصویرسازی حرفه ای منبع طراحی سایت سایتکد

دانلود یک مجموعه برداری برای طراحی اینفوگرافیک بخش بزرگی از طراحی نرم افزار و طراحی سایت ، خلق و طراحی اینفوگرافیک ( اشکال و نماد های برای نمایش هنرمندانه اطلاعات) است. بضعی اوقات واقعا کار طاقت فرسایی است که از صفر شروع به خلق این اشکال در فتوشاپ یا Illustrator نمایم، به همین دلیل دسترسی به یک مجموعه برای استفاده و یا حتی الهام گرفتن لازمه کار یک طراح حرفه ای است. در ادامه یک مجموعه شامل AI، EPS، SVG، PNG، و فرمت های فایل PSD برای دانلود قرار گرفته است. برای دانلود مجموعه به صورت zip کلیک نمایید . منبع طراحی سایت سایتکد

آیا سئو بیش از حد می تواند بد باشد؟ آیا زیاده روی در سئو می تواند خطرناک باشد. به عنوان صاحب کسب و کار کوچک آنلاین برای دستیابی به مشتریان، شما قطعا اقدام به اجرای تاکتیک های بهینه سازی موتورهای جستجو کرده اید و تلاش کرده اید که سایت خود را در موتور های جستوجوگر بالا بیاورید. اما وقتی شما به بیش از حد به سئو سایت می پردازید چه؟ ، به نظر می رسد که گوگل شروع به مجازات کردن وب سایت هایی که بیش از حد بهینه شده اند می پردازد! در فستیوالی که امسال برگزار شد، سخنگوی گوگل مت کاتس اشاره کرد که مجازاتی را برای سایت هایی که مانند علف هرز بیش از حد از لحاظ بهینه سازی رشد کرده اند در نظر گرفته شده است و البته تلاش خیلی کمی در تمرکز بر روی ارائه یک تجربه باکیفیت برای کاربران خود داشته اند. چه عواملی ممکن است نقش مهمی در مجازات بهینه سازی بیش از حد داشته باشد؟ کاتس به چندین سیگنالی که سایت شما را واجد شرایط دسته بندی در حالت سئو بیش از حد می باشد را مشخص کرد مانند ، کلمات کلیدی بیش از حد در یک صفحه و لینک های بیش از حد به صفحه. مشکل اصلی این است که چه میزان از کلمات کلیدی و لینک تعیین کننده ی صفت "بیش از حد" بودن است. در حال حاضر که مجازات هنوز اجرا نشده است شما می توانید از طریق چند مرحله مطمئن شوید که آیا پایان راه کسب و کار سایت شما است یا خیر و برچسب بهینه سازی بیش از حد به شما خواهد خورد ؟ 1 . ارسال محتوا با هدف گول زدن موتورهای جستجو محتوای سایت که به طور خاص با هدف سئو سنگین نوشته شده است و خواندن آن برای کاربر سخت است . تمرکز بر روی ارائه محتوایی که برای خوانندگان مفید است و لینک های مطمئن ، نتایج مثبتی از موتور های جستجو برای سایت شما بدنبال خواهد داشت. 2. تمرکز بر کفیت لینک ها نه کمیت آنها فقط به خاطر اینکه شما می توانید 10000 لینک با 10 $ از فروشندگان لینک خریداری کنید به این معنا نیست که شما باید این کار را انجام دهید. مسیر خود را به سمت لینک های با کیفیت که بر سایت شما تاثیر می گذارند تغییر دهید. 3. توجه به '23 پارامتر گوگل اگر چه این پارامتر ها در رابطه با به روز رسانی پاندا در سال گذشته منتشر شد، اما هیچ شکی نیست که این پارامترهای با کیفیت هنوز هم اثرگذار هستند. تمرکز بر نگه داشتن سایتتان در خط با این اصول برای جلوگیری از مجازات بهینه سازی بیش از حد گوگل می تواند موثر باشد. البته، گوگل چیز خاصی اعلام نکرده است و به ندرت جزئیات دقیق در مورد عملیات داخلی الگوریتم های خود منتشر می کند. برای ماندن در صحنه تا زمانی که گوگل حرکت بعدی خود را انجام دهد، شما می توانید سایت های خبری در مورد سئو و بهینه سازی سایت و البته بلاگ گوگل وبمستر را برای جزئیات بیشتر در مورد پتانسیل مجازات بهینه سازی بیش از حد که آنها در نظر گرفته اند بررسی کنید. منبع طراحی سایت سایتکد

طراحی دیجیال : تبلیغات میتسوبیشی منبع طراحی سایت سایتکد

اصول بهینه سازی سایت های طراحی شده با وردپرس امروزه WordPress نسبت به سایر CMSها و پلتفورم‌های مدیریت وبلاگ محبوبیت بیشتری دارد. با توجه به پلاگین‌ها و افزونه‌های فراوان و جالبی که برای این سیستم در دسترس است، طراحی سایت کامل به همراه تمام امکانات مورد نیاز کار آسانی خواهد بود. در این مقاله تنظیماتی رو که بدون نصب هیچ افزونه ای می شود برای بهینه سازی وردپرس انجام داد را ذکر می کنیم : 1-عنوان وب سایت را سنجیده انتخاب کنید. به صورت پیشفرض ، وردپرس معمولا عنوان سایت شما را قبل از عنوان اصلی پست قرار می دهد. از آنجایی که اکثر موتورهای جستوجوگر 50 تا 70 حرف از تگ عنوان سایت را نمایش می دهند. بخش نخست عنوان صفحه را به عنوان پست یا نوشته اختصاص دهید. همچنین عنوان سایت شما باید کوتاه شد . مثلا اگر آدرس سایت شما persianWBP.com و احتمالا شامل کلمات اختصاری است را در بخش عنوان کامل بنویسید. در بخش توضیح هم کوتاه در یک یا و جمله هدف یا حیطه فعالیت سایت رو توضیح بدید. 2-از توصیفات متا ی قانع کننده برای پست ها استفاده کنید. بیشتر بلاگ نویس ها اهمیت زیادی به meta description ها در SEO نمی دهند،بدلیل اینکه عقیده دارند تشریح ساز اتوماتیک و استاندارد موجود در وردپرس کافی و خوب است.اما برای کسانی که در مورد تاثیر گذاری کلمات کلیدی به نمایش درآمده در موتورجستوجو نگرانند، کافی نیست. برای اینکه در جستوجوها بالاترین رنکینگ را برای هر پست داشته باشید بهتر است که تشریح هر مطلب را بصورت دستی بنویسید. 3- باز نویسی آدرس های URL استفاده از یک آدرس مانند : http://sitecode.ir/blog/ کتاب-طراحی-سایت-روند-بی-انتهای-طراحی-موبایل نسبت به آدرس مانند : http://sitecode.ir/blog/?p=56 تاثیر گذاری بیشتری دارد، سعی نماید آدرس سایت ها را بدون صورت سازماندهی نمایید. تغییر آدرس دهی پیشفرض وردپرس (که بصورت عدد دهی به صفحات می باشد) به شکلی قابل خواندن و با مفهوم تاثیر مثبتی بروی نتایج جستوجوها می گذارد. 4- تولید یک XML Sitemap برای موتورهای جستوجو XML Sitemap یک لیست از همه ی صفحه ها و پست های موجود در وب سایت شمامی باشد. XML Sitemap یک ماشین قابل خواندن از تشکیلات سایتتان در اختیار پیمایشگر(Crawler) موتورهای جستوجو(برنامه اي که سايتها را بازبيني کرده و براي آنها جستجوگر مي سازد) قرار می دهد.داشتن یک Sitemap مناسب تاثیر بسیار خوبی بروی موتورهای جستوجوگر دارد. 5- انتخاب توضیحات مرتبط برای عکس ها یکی از آیتم های دیگری که SEO وردپرس به آن توجهی ندارد استفاده مناسب از کلمات کلیدی در خصیصه های alt و title عکس های موجود در پست ها می باشد.استفاده کردن از کلمات کلیدی در تشریح های استفاده شده در عکس های موجود در پست ها باعث افزایش بازدبد های سایت شما از قسمت جستوجوی عکس موتورهای جستوجوگر می شود. زمانی که در حال استفاده از وردپرس هستید اضافه کردن مقدار به خصیصه های alt و title عکس ها کار سختی نمی باشد. هنگامی که شما عکستان را در پست یا صفحه وردپرس قرار دهید، وردپرس به صورت اتوماتیک از اسم عکس برای ساختن alt مناسب استفاده می کند. بهترین کار اصلاح alt با یک عبارت بامعنی است. 6- لینک دادن به پست های متشابه یکی از روش های مورد علاقه من برای کمک کردن به موتورهای جستوجو برای یافتن محتوا های متشابه و مرتبط با صفحه وب ارائه داده شده، اضافه کردن بخش پست های مشابه است که یک پست را لینک می دهد به پست های دیگری که محتوای متشابهی با آن صفحه دارند. منبع طراحی سایت سایتکد

سه راه حفظ ترافیک سایت، در برابر به روز رسانی گوگل پنگوئن اگر شما اخیرا با عبارت حمله پنگوئن آنلاین مواجه شده اید، نگران نباشید. هیچکس مورد حمله ی ارتشی از پرندگان دریایی قرار نخواهد گرفت. پنگوئن نام مستعار جدید ترین الگوریتم بروز رسانی گوگل است. پنگوئن با هدف یافتن و مقابله با فعالیت های غیر طبیعی بهینه سازی سایت با هدف دستیابی به نتایج جستجوی بالا در گوگل راه اندازی شده است. در طراحی سایت و مدیریت آن نکات زیر را سرلوحه قرار دهید. برای ترمیم آسیب و یا محافظت از سایت شما ، سه اقدام زیر در نظر گرفته شده است: 1. تمرکز بر کیفیت محتوای در بهینه سازی سایت: شما نیازی به بهینه سازی تک تک عناصر در همه صفحات وب سایتتان ندارید. محتوایی بسازید که بازدیدکنندگان می خواهند از آن استفاده کنند. 2 . از بین بردن هرزنامه های آشکار وب: اگر شما در صفحات وب خو محتوای کپی شده، با کلید واژه پر شده یا هر مورد دیگری که گوگل آن را به عنوان نقض دستورالعمل های مدیر وبسایت بداند هر چه سریعتر از شر آنها خلاص شوید و آن ها را اصلاح کنید. 3 . نظارت بر مشخصات بکلینک های خود : برای این کار از ابزار رایگان Majestic SEO , Open Site Explorer استفاده کنید، و لینک های اسپم و منفی را حذف کنید . با بهبود کیفیت سئو به طور مداوم می توانید یک راه طولانی به سوی محافظت از سایت خود در آینده را طی نمایید. منبع طراحی سایت سایتکد

پنج نکته برای انتشار و اشتراک طراحی های خود و حفظ مالکیت آنها ابزار همکاری و انتشار آنلاین طراحان را با آثار و ترندهای جدید آشنا می کند، اما با مراقبت بود افراد سودجو از آثار شما بدون اجازه برای خود بهره برداری نکنند و از حق مالکیت خود محافظت نمایید . ابزارهمکاری آنلاین یکی از مهمترین راهکارهای توسعه پروژه است.به عنوان مثال در یک پروژه طراحی سایت طراحان، کدنویسان و مدیر پروژه می توانند از طریق یک سامانه همکاری بایکدیگر پروژه را از هر نقطه دنیا پیش ببرند. برخی از نرم افزارهای همکاری و اشتراک پروفایل یک پنل کنترلی به طراح برای ارائه طرح هایش می دهند یک فضای امن برای به اشتراک گذاشتن ایده ها. این ابزار برای دریافت بازخورد از دیگران و بهبود طرح مفید و کارا هستند در اینجا پنج روش برای همکاری آنلاین و حفاظت طراحی شما پشنهاد شده است: 1- دعوت با احتیاط از دیگران سیستم های همکاری آنلاین به این معنی نیست که پروژه در حال اجرای خود را برای همه به اشتراک بگذارید. سعی کنید تمام پروژه را برای همه به اشتراک نگذارید از سیستم های استفاده نمایید که سطوح مختلف از اشتراک گذاری طرح را پشتیبانی نمایند. 2- کنترل دسترسی اختصاص سطح مناسب از کنترل به کاربران را اتخاذ نمایید. اکثر سیستم های همکاری به کاربران سه نقش: مدیران (با حقوق کامل به تمامی مطالب و عضو مدیریت)، سردبیران (که می توانید آپلود و ویرایش محتوا اما عضو بخش مدیریت نیستند ) و بینندگان (که می تواند دسترسی برای دیدن و یا حتی دانلود داشته باشند اما امکان ویرایش و یا ایجاد محتوا را ندارند). کاربران جدید معمولا کمترین میزان امنیت را دارند . دسترسی کاربران را برای بخش های مختلف پروژه کنترل نمایید. 3- حفظ یک ردپاهای مکتوب از فعالیت ها اکثر ابزارهای همکاری آنلاین روندها و دنباله های که یک پروژه طی می نماید ذخیره می نمایند هر فعالیت در سیستم انجام می شود بعدا در قالب یک گزارش قابل پیگری است مانند بازدید ها تغییر ها دانلود ها همه و همه بر اساس زمان و کاربر قابل پیگیری و مشاهده است. 4- قفل گزاری بر روی طرح طرح هایی که برای استفاده در دنیای خارج از ابزار همکاری آمده هستند بهتر است با امضا و یا نشانه ای برای عدم استفاده تجاری افراد سودجو مشخص شوند . 5- حفظ و مراقبت از اطلاعات کاربری مثل هر سیستم آنلاین دیگر باید در اتخاذ و انتخاب اطلاعات ورود دقت نمایید و در مراقبت از آن کوشا باشید. منبع طراحی سایت سایتکد

هشدار گوگل به وبمسترها در باره تخلف مکرر (Repeat violations) گوگل بصورت جدی و قاطعانه موضوع نقض مکرر دستورالعملهای مدیریت وب سایت را با صاحبان و مدیران سایت که بارها و بارها دستورالعملها را نقض می نمایند مطرح نمود. امروز صبح در یک پست وبلاگ اصلی گوگل ، گوگل به تشریح چگونگی فرایند برخورد با وبمسترهایی که به صورت مداوم دستورالعملها را نقص می کنند پرداخته شد: 1- دریافت مجازات دستی (manual penalties ) 2- برطرف سازی مشکلی که بخاطر ان پنالتی شده اید 3- ارسال یک درخواست تجدید نظر 4- لغو پنالتی 5- رفتن دوباره به حالت اسپم تیم کیفیت جستجو در توضیح ادامه داده است : "برای مثال، یک وب مستر که یک manual penalties برای لینک های غیر طبیعی به سایت های دیگر دریافت نموده که حتی ممکن است لینک nofollow نیز باشد، باید درخواست تجدید نظر خود را پس از حذف این لینک ها ارسال نمایید." در صورتی که سایت اقدام به تخلف مکرر (Repeat violations) نماید. شرایط برایش سخت تر خواهد شد. در صورتی که گوگل تشخیص دهد تخلف مکرر بصورت عمدی انجام می شود برخورد شدیدتری انجام می گردد. ساده ترین راه برای جلوگیری از مجازات دستی گوگل این است که دستورالعمل های وب مستر آن را نقض نکنید. برای مطالعه دستورالعمل های وب مستر کلیک نماید منبع طراحی سایت سایتکد