سون لرن • آموزش

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

تابه‌حال اتفاق افتاده وارد سایتی شوید و ببینید چقدر شلوغ و ناخواناست؟ چقدر طراحی نامرتب و درهمی دارد؟ بله، از این دست سایت‌ها زیاد پیدا می‌شود که کلی عکس و متن را ریخته‌اند در یک صفحه و شوربایی را تحویل کاربر می‌دهند. گاهی با خودمان فکر می‌کنیم کاش طراح این سایت را می‌دیدیم و خیلی رک و راست به او می‌گفتیم که سایتش چگونه اعصاب مخاطب را نشانه می‌رود؛ یا اصلاً اگر من جای طراح بودم این رنگ‌های افتضاح را همینطوری بدون فلسفه استفاده نمی‌کردم؛ یا اگر این فونت استفاده نمی‌شد بهتر بود. درواقع ما داریم درباره UI صحبت می‌کنیم که این روزها به یک حرفه مهم، کلیدی و پر درآمد تبدیل شده‌است. در این مقاله می‌خوانیم که UI چیست، با UX چه تفاوتی دارد؟ و در نهایت کار طراح UI و تمام جزییات آن را مشخص می‌کنیم. کمی تقلب کنیم؟ می‌خواهیم همین اول کمی داستان را لو بدهیم. ویدئوی زیر، 15 دقیقه ابتدایی دوره آموزشی طراحی UI آکادمی نوین است که هر آنچه که در این مقاله قرار است بخوانید را خیلی خلاصه، ساده و با مثال برایتان توضیح می‌دهد. ویدئو را ببینید ولی قول بدهید نپیچانید و بقیه مقاله را بخوانید. حالا برویم سراغ ادامه مقاله خودمان! رابط کاربری یا UI چیست؟ رابط کاربری یا user interface همان‌طور که از اسمش مشخص است، رابط میان کاربر و محصول یا سیستم است؛ ظاهر یا هر چیزی که کاربر در سایت شما می‌بیند و به‌وسیله آن با محصول دیجیتالی یا خدمات شما رابطه برقرار می‌کند؛ شامل تصاویر، رنگ‌ها سایزها، فاصله‌ها، هماهنگی که بین متن‌ها، نمودارها، دکمه‌ها، ماژول‌ها، جداول و ویدئوها همگی در حوزه طراحی رابط کاربری جای می‌گیرد. در واقع طراحی UI روی تجربه بصری کاربر متمرکز است و مشخص می‌کند که یک کاربر چگونه از طریق یک راب, ...ادامه مطلب

اگر قرار باشد برنامه‌ای بنویسیم که کاربر نهایی با آن سروکار داشته باشد، حتماً لازم است یک محیط گرافیکی برای نرم‌افزارمان ایجاد کنیم. رابط گرافیکی یا GUI همان چیزی است که در کار کردن با یک برنامه می‌بینیم و با آن تعامل داریم. در این مقاله ۶ تا از بهترین فریمورک‌های رابط گرافیکی در پایتون را معرفی و ویژگی آن‌ها را بررسی می‌کنم.ماژول‌ها و فریمورک‌هایی که در این مقاله معرفی می‌کنم جزء بهترین‌ها و محبوب‌ترین‌ها بین برنامه‌نویسان هستند. اما این مسئله به این معنی نیست که بقیهٔ فریمورک‌ها خوب نیستند! نه! شما باید بنا به نیازهایی که برای برنامه‌تان دارید و ویژگی‌های هر کدام از ماژول‌ها، بهترین گزینه را انتخاب کنید.فهرست محتوای آموزش رابط گرافیکی یا GUI در پایتونرابط گرافیکی یا GUI همان محیط بصری است که ما در کار با یک برنامه می‌بینیم. اگر آموزش پایتون یا هر آموزش برنامه‌نویسی دیگری را گذرانده باشید، احتمال خیلی زیاد همهٔ یا بخشی از زمان تمرین‌کردن را به کار در محیط کنسول گذرانده‌اید؛ همان محیط سرد و بی روح! , ...ادامه مطلب

در ماه های گذشته ایلان ماسک (Elon Musk) بارها با توییت های خود باعث انفجار قیمتی ارز دیجیتال دوج کوین (Dogecoin) شده است، اما آیا واقعا رابطه ای بین ثروتمند ترین فرد جهان و این کریپتوکارنسی وجود دارد؟ در این مقاله قصد داریم به این موضوع بپردازیم، همر, ...ادامه مطلب

وفق ماده 2 قانون شرکت های تعاونی ( ق. ش. ت ) ، شرکت تعاونی شرکتی است متشکل از اشخاص حقیقی و یا حقوقی که به منظور رفع نیازمندی های مشترک و بهبود وضع ا, ...ادامه مطلب

در این قسمت میخوام یک کد ( Water Themed UI ) جالب رو در اختیارتون بزارم. دموتوضیحات مربوط به کد Water Themed UI همونطور که دیدید یک رابط کاربری زیبا قرار داده شده است و 6 دایره دور تا دور آن قرار دارد. با کلیک بر روی هر د, ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که تقریبا در اون تمامی اجزا و الگوهای مربوط به iPad و iPhone قرار داده شده و میتونین اونا رو بصورت رایگان دانلود کرده و مورد استفاده قرار بدین. برای هر کدام میتونین فرمت مربوط به Photoshop و Illustrator و ... رو دانلود کنید. برای شروع وارد سایت iOS-GUI بشی, ...ادامه مطلب

در این قسمت میخوام یک کد ( Login Form Modal ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک رابط کاربری زیبا برای فرم ورود به صفحه قرار داده شده و میتونین از اون استفاده کنید. زمانی که بر روی نوار آبی رنگ مشخص شده در تصویر بالا کلیک میکنید، قسمت مربوط به ثبت نام با حالتی زیبا نمایش داده میشه و می, ...ادامه مطلب

در این قسمت میخوام یک کد ( Flat Payment Modal ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک رابط کاربری زیبا و Flat برای پرداخت با استفاده از کارت اعتباری قرار داده شده و با کلیک بر روی هر کارت، باکس مربوط به اون باز میشه و میتونین اطلاعات مربوط به کارتتون رو درونش قرار بدین. بدلیل اینکه حجم کد, ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون به شما روشها و ترفندهای موثر و کاربردی برای قالب دادن به رابط کاربری رو با استفاده از Custom property ها توضیح داده و میتونین از اون استفاده کنید و رابط کاربری سایتتون رو بهبود ببخشید. برای شروع وارد سایت theming بشین. امیدوارم بدردتون بخوره. موف, ...ادامه مطلب

0 187 ۲ مهر ۹۵ به نام خدا دوستان سلام، در خدمت شما هستیم با قسمت چهارم از سری آموزش های متریال دیزاین در اندروید. در این جلسه استفاده از CollapsingToolbarLayout را آموزش خواهیم داد. صفحه ی اطلاعات کاربری را کامل خواهیم کرد. همچنین ایجاد view های سفارشی رو به دلیل درخواست دانشجویان عزیز آموزش داده ام. لیست کامل مطالب ارائه شده در لیست پایین آورده شده اند. مطالب مطرح شده در این جلسه عبارتند از : Collapsing Toolbar Layout معرفی CollapsingToolbarLayout آشنایی با صفت contentScrim آشنایی با مقدار exitUntilCollapsed حذف عنوان از CollapsingToolbarLayout معرفی صفت CollapseMode و مقادیر Parallax و Pin آشنایی با NestedScrollView آشنایی با کلا,دوره مجازی اندروید,دوره مجازی برنامه نویسی اندروید ...ادامه مطلب

0 27 ۱ مهر ۹۵ به نام خدا، دوستان سلام، در این جلسه آموزش خواهیم داد که چطور داخل RecyclerView از چندین ItemViewType استفاده کنید، همچنین با SpanSizeLookUp آشنا خواهید شد. در مورد VecotorDrawableCompat صحبت خواهیم کرد و به شما آموزش خواهیم داد که چطور از فایل های vector استفاده کنیم به طوری که تا اندروید api 8 مشکلی نداشته باشیم. با snackbar آشنا خواهیم شد. از این view برای نمایش دادن پیغام با ظاهری زیباتر استفاده می شود. همچنین داخل snackbar بر خلاف Toast می توانیم از دکمه هایی که عملیاتی را انجام دهند استفاده کنیم. مطالب مطرح شده در این جلسه عبارتند از : RecyclerView معرفی ItemViewType معرفی تابع getItemViewType اضافه,دوره مجازی اندروید,دوره مجازی برنامه نویسی اندروید ...ادامه مطلب

2 122 ۲۲ شهریور ۹۵ به نام خدا، سلام دوستان، در این جلسه به معرفی متریال دیزاین خواهیم پرداخت، همچنین با کتابخانه مورد نیاز برای پیاده سازی متریال دیزاین آشنا خواهیم شد. مطالب مطرح شده در این جلسه عبارتند از : معرفی متریال دیزاین معرفی android design support library معرفی style.xml معرفی colors.xml معرفی Coordinator Layout معرفی Toolbar معرفی Drawer Layout معرفی NavigationView معرفی DrawerToggle راست به چپ کردن برنامه در گوشی های اندروید jelly bean به بالا معرفی سایت مناسب برای پیدا کردن کد رنگ های استاندارد اضافه کردن منو این مطلب یک جلسه از دوره آموزش پروژه محور برنامه نویسی اندروید - پایه تا پیشرفته است و ,دوره مجازی اندروید,دوره مجازی برنامه نویسی اندروید ...ادامه مطلب

در این قسمت میخوام یک کد ( Material design music app ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک رابط کاربری حرفه ای و بصورت Material ساخته شده و قرار گرفته و زمانی که بر روی دکمه Play کلیک میکنید، اون مورد فعال میشه و شروع به چرخیدن میکنه و زمانی که بر روی دکمه توقف یا pause کلیک میکنید به حالت اولیه و انتخاب آهنگ برمیگرده. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید,کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل آموزش داده شده که چطور برای جدول مقایسه محصولات خودتون استایل زیبایی رو قرار بدین و رابط کاربری سایتتون رو ارتقاء بدین. شما میتونین از این آموزش استفاده کرده و همچنین دمو یا خروجی اون رو ببینید و کدهای نهایی اون رو دانلود کرده و استفاده کنید. این نمونه واکنشگرا هست و در همه سایزها به خوبی نمایش داده میشه و بر روی مرورگرهای IE9 به بالا هم بخوبی نشون داده میشه. برای شروع وارد سایت comparison-table بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید, ...ادامه مطلب