https://virgool.io/feed/@mrvahidazimi Frontend Developer fa 2026-06-10 15:27:03 https://files.virgool.io/upload/users/2049/avatar/tpEqgU.png?height=120&width=120 https://virgool.io/@mrvahidazimi https://virgool.io/@mrvahidazimi/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B3%D8%A7%D8%AF%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ui-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D8%A8%D8%AA%D8%AF%DB%8C%D8%A7%D9%86-esgi5biiptaj هنگامی که ما در مورد طراحی #رابط_کاربری صحبت میکنیم، در مورد برخی از رنگ های فانتزی، سبک ها و #قالب ها فکر می کنیم و به نظر می رسد بسیار سخت است که یک رابط کاربری طراحی کنیم.اما اگر ما نگاهی به تغییرات طراحی شرکت های بزرگ بیاندازیم می بینیم که طرح ها ساده تر شده اند در نتیجه سادگی در طراحی رابط کاربری یک امر بسیار مهم است.در این مقاله، من شما را با بهره گیری از تغییرات انجام شده در برخی از برنامه های استفاده شده در سرتاسر جهان راهنمایی می کنم و اینکه چگونه این تغییرات می توانند ما را برای ایجاد رابط کاربری بهتر آموزش دهند.بیایید برخی از تغییرات انجام شده در این برنامه ها را ببینیم:تغییرات انجام شده در یک اپلیکیشنپس از دیدن این تصویر، می توانیم درک کنیم که چگونه این #گرادیان ها و ظاهر ۳D با رنگ های کمتر و #آیکون_های_ساده ، ساده تر و ساده تر می شوند.#برنامه_فیسبوک در طول زمان همه چیز در اپلیکیشن فیسبوک در طول زمان ساده شده است. آنها این گرادیان فانتزی را حذف کرده و از آیکون های فلت ساده استفاده می کنند.Evernote در طول زمان بیایید به برخی از طراحی های وب نگاهی بیاندازیم:NetguruOwwlyVocsبنابراین، نکته کلیدی این طرح ها چیست؟ساده و رنگ های کمفاصله اطراف ماژول هااستفاده از گرد کردن گوشه هاآیکون های سادههم ترازی alignmentبیایید ببینیم چگونه می توانیم برخی از اجزاء را طراحی کنیم:فرم ورود:بیایید با سبک های پیش فرض مرورگر شروع کنیم:فرم پیشفرض مرورگرحالا بگذارید آنها را به صورت عمودی قرار دهیم و بین آنها فاصله بیندازیم:حالا رنگ پس زمینه را تغییر دهیم تا کمی شکل ظاهری اش تغییر کند: اما به نظر زیبا نمیرسد. بیایید آن را نابود کنیم و گوشه های گرد با Border و برخی سایه های جعبه ( Box-shadow ) قرار دهیم:بیایید به input کمی پدینگ ( فاصله داخلی ) بدهیم و کمی  Border را تغییر دهیم و کمی #گوشه_های_گرد ( Border-radius ) داشته باشیم:حالا کمی ظاهر زیباتر پیدا کرد اما دکمه اصلا خوشایند نیست. بیایید کمی به دکمه #پدینگ بدهیم و مکان دکمه را در سمت راست و یک رنگ ( هر رنگی که دوست دارید ) به آن بدهیم.حالا می بینیم که چند تغییر ساده یک #فرم_ورود را چقدر زیبا میکند.#منابع و سایت های الگو برداری:#Dribbble#Lapa Ninja#Muzli#Mediumنکته بسیار بسیار مهم که من فکر می کنم از قسمت های بالا مهم تر است:طرح یک شخص دیگر را کپی نکنید، از آن استفاده کنید. سعی کنید آن را دوباره طراحی کنید زیرا با آزمایش کردن و #آزمون_خطا و استفاده از آن، شما یاد خواهید گرفت که طرح های خود را ایجاد کنید که متفاوت از دیگران باشد. در غیر این صورت، کل اینترنت یکسان خواهد شد. ترجمهمقالهniranjanniteshدرmedium منبع : parsisweb.ir mrvahidazimi mrvahidazimi Mon, 30 Jul 2018 18:34:32 +0430 https://virgool.io/@mrvahidazimi/%D9%81%D9%84%D8%B4-%D8%AA%D8%AD%D8%AA-%D9%88%D8%A8-%D8%AF%D8%B1-%D8%B3%D8%A7%D9%84-2021-%D9%85%D8%AA%D9%88%D9%82%D9%81-%D8%AE%D9%88%D8%A7%D9%87%D8%AF-%D8%B4%D8%AF-g9gdalum5oeu شرکت ادوبی اعلام کرده که پاییز سال 2020 دیگر فلش پلیر را آپدیت نخواهد کرد... همانگونه که مستحضرید هرسال یا بهتر بگم هر ماه استاندارد های HTML5 و WebGL بسرعت گسترده تر می شود و این بدان معناست که فلش و حتی بازی های آن دیگر جایی در محیط وب نخواهند داشت.فیسبوک بتازگی اعلام کرده که از کسانی که بازی هایی که تحت کدنویسی HTML5 ارائه می کنند را بیش از بقیه بازی ها ساپورت خواهد کرد، تا امروز بیش از 200 بازی HTML5 در فیسبوک ارائه شده است که اکثر آنها در سال جاری لانچ شده اند. بسیاری از بزرگترین توسعه دهندگان در این پلتفرم - از جمله KING، پلاریوم و ...- حداقل یک بازی فلش را برای HTML5 در فیس بوک ساخته اند تا مشتریان فعلی خود را وارد این بازی ها کنند. بازی های موجود در فیسبوک اکثرا فلش هستند در حالی که بازی های ساخته شده در فلش تا پایان سال 2020 در فیس بوک اجرا می شوند، آنها به شدت به توسعه دهندگان توصیه می کنند تا همزمانبا مرورگرها خود را آپدیت کنند، زیرا ممکن است تصمیم به مهاجرت از فلش به HTML5 هرچه سریعتر انجام شود. اولین نقطه عطف به هدف، تابستان سال 2018 است، زمانی که کروم یک بازی کلیک برای بازی برای محتوای مبتنی بر فلش را معرفی می کند. برای کسب اطلاعات بیشتر در مورد جدول زمانی خاص مرورگر، اطلاعیه رسمی از اپل، گوگل، مایکروسافت و موزیلا را بررسی کنید. همانگونه که توسعه دهندگان مسیر مهاجرت خود را ارزیابی می کنند، گزینه هایی برای رسیدن به میلیون ها بازیکن در فیس بوک را دارند و با آنها ارتباط برقرار می کنند.تکنولوژی HTML5: این زبان توسط تمام مرورگرهای اصلی بدون نیاز به پلاگین پشتیبانی شده است، HTML5 به سرعت تبدیل به بهترین مسیر برای توسعه وب سایت می شود. با طیف گسترده ای از موتورها و ابزار موجود در HTML5، روش های مختلفی برای مهاجرت از بازی های فلش به HTML5 وجود دارد. لیستی از ابزار و کتابخانه های موجود، موتورهای HTML5، موتورهای متقابل پلتفرم و گزینه Facebook-Unity WebGL را بررسی کنید، که به توسعه دهندگان اجازه می دهد تا بازی های Unity خود را به HTML5 بسپارند.اتاق بازی Gameroom: توسعه دهندگان ممکن است در ساخت بازی های خود از Gameroom بهره ببرند، و یا از برنامه فیس بوک دسک تاپ استفاده کنند. Gameroom برای پشتیبانی از بازی ها در قالب های بومی یا وب ساخته شده از موتورهای بازی و استانداردهایی مانند cocos2D، HTML5، Unity، Unreal و WebGL ساخته شده است. توسعه دهندگان نتایج قدرتمندی از Gameroom را مشاهده می کنند، و این پلتفرم دارای بیش از 1000 بازی در 10+ دسته است. برای کسب اطلاعات بیشتر و شروع به ساختن Gameroom، از منابع موجود در سایت توسعه دهنده ها بازدید کنید."بازی ها بخش مهمی از فیس بوک هستند، و ما متعهد هستیم که به توسعه دهندگان ابزار مناسب برای ارتباط با میلیون ها نفر از مردم در پلت فرم مان ارائه دهیم. در حالی که بسیاری از بازی های جدید بر روی این پلتفرم با استفاده از استانداردهای وب به کار رفته اند، ما همه امکانات توسعه دهندگان را با دسترسی به آخرین تکنولوژی، راهنماهای آنلاین، وبینارها (سمینارهای تحت وب) و سایر منابع برای تأمین مهاجرت موفق و آسان از بازی های فلش با حداقل تاثیر بر روی بازیکنان تجهیز می کنیم. بسیاری از توسعه دهندگان در حال حاضر مهاجرت بازی های خود را آغاز کرده اند و تا سال 2020 ما پیش بینی می کنیم که اکثر بزرگترین توسعه دهندگان بازی از فلش به دیگر استاندارد های وب مهاجرت کنند "- لئو اولب، مدیر برنامه های جهانی بازی mrvahidazimi mrvahidazimi Sat, 02 Dec 2017 13:23:24 +0330