This media is not supported in your browser
VIEW IN TELEGRAM
🔥بازیافت #انیمیشن در والت‌دیسنی
استفاده چندباره حرکات طراحی‌شده در راستای کاهش هزینه تولید
✅ @coderszone
استفاده چندباره حرکات طراحی‌شده در راستای کاهش هزینه تولید
✅ @coderszone
🔥یکی از ویژگی های جالب #google، نمایش موقعیت و performance وبسایت هایی که صاحب آن ها هستید است. این قابلیت در نتایجی که به نحوی مربوط به سایت شما هم هست نمایش داده می شود.
#tips
✅ @coderszone
#tips
✅ @coderszone
🔥Evergreen
یک #framework رابط کاربری برای #React است که برای ساخت پروژه های مدرن و کاربردی استفاده می شود. این فریمورک که از تعداد بسیار زیادی کامپوننت های آماده به کار و بدون تنظیمات اولیه تشکیل شده است انعطاف پذیری و سازگاری بالایی داشته و از آن می توان برای ایجاد طرح های چشم نواز و #واکنشگرا استفاده کرد.
🌐https://github.com/segmentio/evergreen
#React #UI #frontend
✅ @coderszone
یک #framework رابط کاربری برای #React است که برای ساخت پروژه های مدرن و کاربردی استفاده می شود. این فریمورک که از تعداد بسیار زیادی کامپوننت های آماده به کار و بدون تنظیمات اولیه تشکیل شده است انعطاف پذیری و سازگاری بالایی داشته و از آن می توان برای ایجاد طرح های چشم نواز و #واکنشگرا استفاده کرد.
🌐https://github.com/segmentio/evergreen
#React #UI #frontend
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
Forwarded from CodersZone 🔥 قلمرو برنامه نویسان
🔥 باید همیشه یک نوار جستجو با قابلیت #autosuggestion در بالای فروشگاه بگنجانید. به طور میانگین 59% از کاربران از موتور جستجوی داخلی فروشگاه ها برای یافتن محصولاتشان استفاده می کنند.
✅@coderszone
✅@coderszone
🔥یکی از ابزارهای فشرده سازی تصاویر، #Imagemin می باشد که از بسیاری از فرمت های رایج تصاویر پشتبانی کرده و به راحتی با انواع #task_runner ها همچون #Gulp ، #Grunt و ... هماهنگ می شود.
این ابزار در قالب یک پکیج #npm که از optionهای متنوعی پشتیبانی می کند ارایه شده است.
🌐https://github.com/imagemin/imagemin
#UI #frontend
✅@coderszone
این ابزار در قالب یک پکیج #npm که از optionهای متنوعی پشتیبانی می کند ارایه شده است.
🌐https://github.com/imagemin/imagemin
#UI #frontend
✅@coderszone
Forwarded from CodersZone 🔥 قلمرو برنامه نویسان
🔥 مواردی که استفاده از #رابط_کاربری تیره مناسب است:
👈 زمانی که تم رنگی یک brand تیره باشد.
👈 زمانی که طرح، حداقلی (minimalist)، پراکنده و تنوع المان های نمایشی کم باشد.
👈 زمانی که محیط و محتوای استفاده از رابط کاربری اقتضا کند که طرح تیره باشد. مثلا در #کنسول و #اپ های بازی، اپ های مشاهده ویدیو و ...
👈 جهت کاهش خستگی چشم مثلا در نرم افزار های آنالیز و مانیتورینگ که مدت زمان زیادی مورد استفاده هستند.
👈 جهت تحریک احساسات و انتقال حس دراماتیک
#UI #frontend #UX
✅@coderszone
👈 زمانی که تم رنگی یک brand تیره باشد.
👈 زمانی که طرح، حداقلی (minimalist)، پراکنده و تنوع المان های نمایشی کم باشد.
👈 زمانی که محیط و محتوای استفاده از رابط کاربری اقتضا کند که طرح تیره باشد. مثلا در #کنسول و #اپ های بازی، اپ های مشاهده ویدیو و ...
👈 جهت کاهش خستگی چشم مثلا در نرم افزار های آنالیز و مانیتورینگ که مدت زمان زیادی مورد استفاده هستند.
👈 جهت تحریک احساسات و انتقال حس دراماتیک
#UI #frontend #UX
✅@coderszone
🔥#گوگل در حال بررسی قابلیتی است که به کاربران امکان گذاشتن #comment برای نتایج جستجوهایی که انجام داده اند را می دهد.
به نظر می رسد گوگل می خواهد از comment کاربران به عنوان محتوای جانبی نتایج یک جستجو بهره ببرد.
#google #search_engine
✅ @coderszone
به نظر می رسد گوگل می خواهد از comment کاربران به عنوان محتوای جانبی نتایج یک جستجو بهره ببرد.
#google #search_engine
✅ @coderszone
باگ #اینستاگرام باعث شده هنگام استفاده کاربر از ابزار download your data، کلمه عبورش انتهای آدرس در نوار آدرس مرورگر نمایش داده شود.
اگر از این ابزار استفاده کردید، سریعا کلمه عبور خود را تغییر دهید و آدرس‌های مربوط به اینستاگرام را از تاریخچه (هیستوری) مرورگر خود حذف کنید.
#instagram
✅ @coderszone
اگر از این ابزار استفاده کردید، سریعا کلمه عبور خود را تغییر دهید و آدرس‌های مربوط به اینستاگرام را از تاریخچه (هیستوری) مرورگر خود حذف کنید.
✅ @coderszone
🔥 از باز کردن #pop_up ها بر روی هم بپرهیزید.
توجیه طراحانی که این کار را می کنند این است که : "امکان نمایش اطلاعات بیشتری به کاربر فراهم می شود."
مشکلی که در این نوع طراحی وجود دارد این است که کاربر از نظر ذهنی، موقعیت مکانی خود در برنامه را گم کرده و بیشتر گیج می شود.
بهترین روش در چنین موقعیتی استفاده از راه حل های زیر است:
💥اولین pop_up را به یک صفحه جدا و منحصر بفرد تبدیل کنید.
💥محتوای دومین pop_up را به صورت یک پیغام inline در pop_up اول نمایش دهید.
#UI #UX #frontend
✅ @coderszone
توجیه طراحانی که این کار را می کنند این است که : "امکان نمایش اطلاعات بیشتری به کاربر فراهم می شود."
مشکلی که در این نوع طراحی وجود دارد این است که کاربر از نظر ذهنی، موقعیت مکانی خود در برنامه را گم کرده و بیشتر گیج می شود.
بهترین روش در چنین موقعیتی استفاده از راه حل های زیر است:
💥اولین pop_up را به یک صفحه جدا و منحصر بفرد تبدیل کنید.
💥محتوای دومین pop_up را به صورت یک پیغام inline در pop_up اول نمایش دهید.
#UI #UX #frontend
✅ @coderszone
🔥 تا جایی که میتوانید از #Pogosticking کاربر جلوگیری کنید.
اصطلاح #Pogosticking به حالتی گفته می شود که کاربر پس از ورود به سایت شما به صفحه نتایج جستجو برمی گردد.
👈عمل #Pogosticking می تواند تا حد زیادی در افت رنکینگ وبسایت شما تاثیر گذار باشد.
هنگامی که کاربری پس از ورود به سایت شما به نتایح گوگل باز می گردد این پیغام را به گوگل می دهد : "من اون نتیجه رو نپسندیدم!" .گوگل هم وقتی می بیند سایت شما رضایت کاربر را جلب نکرد به شما امتیاز منفی خواهد داد.
#google #search_engine #seo
✅ @coderszone
اصطلاح #Pogosticking به حالتی گفته می شود که کاربر پس از ورود به سایت شما به صفحه نتایج جستجو برمی گردد.
👈عمل #Pogosticking می تواند تا حد زیادی در افت رنکینگ وبسایت شما تاثیر گذار باشد.
هنگامی که کاربری پس از ورود به سایت شما به نتایح گوگل باز می گردد این پیغام را به گوگل می دهد : "من اون نتیجه رو نپسندیدم!" .گوگل هم وقتی می بیند سایت شما رضایت کاربر را جلب نکرد به شما امتیاز منفی خواهد داد.
#google #search_engine #seo
✅ @coderszone
🔥 ApexChartJs
یک کتابخانه #جاوااسکریپتی مدرن برای ایجاد چارت و نمودارهای مبتنی بر #SVG است. این کتابخانه از انواع چارت ها همچون خطی، میله ای، حرارتی و ... پشتیبانی می کند. تمامی نمودارها نیز کاملا #responsive و قابل سفارشی سازی هستند.
🌐https://github.com/apexcharts/apexcharts.js
#frontend #javascript
✅ @coderszone
یک کتابخانه #جاوااسکریپتی مدرن برای ایجاد چارت و نمودارهای مبتنی بر #SVG است. این کتابخانه از انواع چارت ها همچون خطی، میله ای، حرارتی و ... پشتیبانی می کند. تمامی نمودارها نیز کاملا #responsive و قابل سفارشی سازی هستند.
🌐https://github.com/apexcharts/apexcharts.js
#frontend #javascript
✅ @coderszone
🔥۱۰ چیز که در مسیر تبدیل شدن به یک استاد #javascript باید یاد بگیرید
🌐https://goo.gl/AeDSGz
#javascript #frontend #UI
✅ @coderszone
🌐https://goo.gl/AeDSGz
#javascript #frontend #UI
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 نمونه #طرح خلاقانه در استفاده از #animation ها برای نمایش روند انجام عملیات در یک #اپ Timeline
✔️ علاوه بر اینکه روند انجام کار با استفاده از عدد نشان داده می شود اما از المان های گرافیکی و متحرک سازی آن برای شبیه سازی پروسه انتقال از روز به شب به صورت خلاقانه استفاده شده است.
#UI #UX #frontend #android
✅ @coderszone
✔️ علاوه بر اینکه روند انجام کار با استفاده از عدد نشان داده می شود اما از المان های گرافیکی و متحرک سازی آن برای شبیه سازی پروسه انتقال از روز به شب به صورت خلاقانه استفاده شده است.
#UI #UX #frontend #android
✅ @coderszone
🔥#سبد_خرید در تمامی صفحات باید قابل مشاهده باشد.
آیکن سبد خرید باید کاملا برجسته و در تمامی صفحات در دسترس باشد.همیشه افراد باید بتوانند با کلیک بر روی آن سفارشات خود را نهایی کنند.
علاوه بر این کاربران باید هر لحظه ببینند که چه تعداد آیتم در سبد خریدشان است.
#UI #frontend #UX
✅@coderszone
آیکن سبد خرید باید کاملا برجسته و در تمامی صفحات در دسترس باشد.همیشه افراد باید بتوانند با کلیک بر روی آن سفارشات خود را نهایی کنند.
علاوه بر این کاربران باید هر لحظه ببینند که چه تعداد آیتم در سبد خریدشان است.
#UI #frontend #UX
✅@coderszone
🔥۱۰ مورد از بهترین پلاگین‌های فوتوشاپ برای طراحان وبسایت در سال ۲۰۱۸
🌐https://goo.gl/s7Cffn
#photoshop #frontend #UI
✅ @coderszone
🌐https://goo.gl/s7Cffn
#photoshop #frontend #UI
✅ @coderszone