- 29
- 11 765
Omidsgn
Приєднався 29 січ 2024
سلام، من امیدم خوش اومدید به یوتیوب چنل من🌿
اینجا یه چنل با محوریت طراحیه (Design-driven) و هر هفته ویدیو جدید داریم؛ از آموزش نرم افزارهای رابط کاربری (UI) مثل فیگما تا صحبت راجب تجربه کاربری یا همون UX (از ریسرچ گرفته تا معماری اطلاعات IA و وایرفریم) و محصول (Product). در کل قراره پیشرفت کنیم، رشد کنیم و تبدیل به طراح (دیزاینر) حرفهایتری بشیم.🚀
من توی همه پلتفرمهای سوشیال مدیا هستم که لینکش رو هم میبینید.
حرف آخرم اینکه امیدوارم ویدئوهامو دوست داشته باشید؛ چون توی ویدیوهام نمیگم؛ میدونم دوست ندارید اینجا میگم😌 خیلی خوشحال میشم چنلم رو سابسکرایب کنید❤️🌱
اینجا یه چنل با محوریت طراحیه (Design-driven) و هر هفته ویدیو جدید داریم؛ از آموزش نرم افزارهای رابط کاربری (UI) مثل فیگما تا صحبت راجب تجربه کاربری یا همون UX (از ریسرچ گرفته تا معماری اطلاعات IA و وایرفریم) و محصول (Product). در کل قراره پیشرفت کنیم، رشد کنیم و تبدیل به طراح (دیزاینر) حرفهایتری بشیم.🚀
من توی همه پلتفرمهای سوشیال مدیا هستم که لینکش رو هم میبینید.
حرف آخرم اینکه امیدوارم ویدئوهامو دوست داشته باشید؛ چون توی ویدیوهام نمیگم؛ میدونم دوست ندارید اینجا میگم😌 خیلی خوشحال میشم چنلم رو سابسکرایب کنید❤️🌱
بازطراحی وبسایت شنوتو قسمت دوم | مستندسازی و وایرفریم | از این رو ⬅️ به اون رو
توی این قسمت مشکلهایی که در طراحی UI و UX شنوتو بود رو مستند کردم و بر اساس این مستندها وایرفریم با جزئیات (High-fidelity) صفحه اول این وبسایت رو طراحی کردم. به چندین نکته در طراحی محصول هم مثل همیشه از اول تا آخر ویدئو اشاره کردم.
In this episode, I documented the problems in the UI and UX design of Shenoto and based on these documents, I designed the Hi-Fi wireframe (high-fidelity) of the home page of this website. As always, I mentioned several points in product design from the beginning to the end of the video.
____________________
لینک فایل شنوتو 👇🏻
www.figma.com/design/RpDb2Wru8M7l0YGsQKBWUs/Shenoto?node-id=46-68&t=3BfqZH0AmM54RQ8G-1
____________________
For business inquiries email me at:
info@omidsgn.com
____________________
My social media links
My Official Website: omidsgn.com/
Instagram: omidsgn
ADPList: adplist.org/mentors/omid-saraei
Dribbble: dribbble.com/omidsgn
Twitter: omidsgn
Behance: www.behance.net/omidsgn
Linkedin: www.linkedin.com/in/omidsaraei/
___________________
00:00 اینترو
بررسی مستندها 01:34
طراحی وایرفریم 06:25
اوترو 32:36
___________________
Music by: www.bensound.com
License code: MJPILRCGFLG7DQJ8
In this episode, I documented the problems in the UI and UX design of Shenoto and based on these documents, I designed the Hi-Fi wireframe (high-fidelity) of the home page of this website. As always, I mentioned several points in product design from the beginning to the end of the video.
____________________
لینک فایل شنوتو 👇🏻
www.figma.com/design/RpDb2Wru8M7l0YGsQKBWUs/Shenoto?node-id=46-68&t=3BfqZH0AmM54RQ8G-1
____________________
For business inquiries email me at:
info@omidsgn.com
____________________
My social media links
My Official Website: omidsgn.com/
Instagram: omidsgn
ADPList: adplist.org/mentors/omid-saraei
Dribbble: dribbble.com/omidsgn
Twitter: omidsgn
Behance: www.behance.net/omidsgn
Linkedin: www.linkedin.com/in/omidsaraei/
___________________
00:00 اینترو
بررسی مستندها 01:34
طراحی وایرفریم 06:25
اوترو 32:36
___________________
Music by: www.bensound.com
License code: MJPILRCGFLG7DQJ8
Переглядів: 101
Відео
بازطراحی وبسایت شنوتو قسمت اول | از این رو ⬅️ به اون رو
Переглядів 25519 годин тому
توی این سری ویدیوها من یه محصول رو انتخاب میکنم و با هم توی چند قسمت شروع به بازطراحی اون محصول میکنیم؛ برای اولین محصول من شنوتو رو انتخاب کردم که یه وبسایت برای گوش دادن به پادکست و کتاب صوتیه. در بعضی از بخش ها روی UI کار میکنیم و در بخش های دیگر روی UX. در کل هدفم اینه مثل یه طراح محصول با یه محصول واقعی در تعامل باشیم و سعی کنیم تاثیر پروداکت دیزاین رو روی محصولهای مختلف مشاهده کنیم. I...
فیگما رو مثل 🍑 یاد بگیر | ۷ ترفند حرفهای در فیگما
Переглядів 30114 днів тому
توی این ویدیو ۷ تا نکته میگم که تسلط در فیگما رو چند برابر میکنه؛ بعد دیدن این ویدئو یه سری ترفند و راهکار یاد میگیری که میتونی توی روزمره ازشون استفاده کنی و از فیگما مثل هلو استفاده کنی! In this video, I will tell you 7 tips that will multiply your mastery in Figma, After watching this video, you will learn a series of tricks and solutions that you can use in your daily life and use figma ...
طراحی اپ کانسپت خرید بلیط هواپیما در ۵۰ دقیقه
Переглядів 34321 день тому
توی این ویدیو از صفر تا صد یه کانسپت خرید بلیط هواپیما طراحی کردم؛ اسکچ کشیدم، راجب فیچرها صحبت کردم و UI نهایی رو دیزاین کردم. حین طراحی کلی نکته درباره طراحی رابط و تجربه کاربری گفتم؛ بعد دیدن این ویدئو متوجه پروسه طراحی کانسپتهای من میشید و میفهمید باید به چه نکتههایی توجه داشته باشید. In this video, I designed a concept of buying plane tickets from zero to one hundred; I sketched, talked...
آموزش وریبل های فیگما | لایت و دارک مد با وریبل
Переглядів 23328 днів тому
توی این ویدئو راجب یکی از قدرتمندترین امکانات فیگما، یعنی وریبلها صحبت میکنم؛ امکانی که با استفاده از اون میتونید دیزاین توکن رو استاندارد پیاده سازی کنید. به بهروزرسانی دیزاین سیستم در طول زمان خیلی کمک میکنه و برای حفط یکپارچگی در دیزاینها باید ازش استفاده کنید. In this video, I am talking about one of the strongest features of Figma, i.e. Variables; A possibility that you can use to i...
کاش اینارو زمانی که شروع کردم میدونستم | ۶ نکته برای UI بهتر
Переглядів 493Місяць тому
توی این ویدیو ۶ تا نکته میگم که توانایی طراحی رابط کاربری شما رو چند برابر میکنه؛ خیلی از طراحهایی که تازه شروع به کار کردن اهمیت تایپوگرافی و متنها رو نمیدونن و بلد نیستن چطوری از آنها استفاده کنن. بعد از دیدن این ویدئو میتونی طرحهای بهتری بزنی و به طراح بهتری تبدیل بشی. In this video, I will tell you 6 tips that will multiply your UI design ability; Many designers who are just starting...
قوانین UX (پارت دوم) | این ویدئو رو تا آخر ببین🎁
Переглядів 217Місяць тому
توی این ویدیو من راجب ۵ تا از دیگر قوانین طراحی تجربه کاربری صحبت میکنم؛ با دیدن این ویدیو دید خوبی نسبت به طراحی UX به دست میارید و با مثالهای میفهمید مختلف متوجه اهمیت هر کدوم از این اصول میشوید. اگه میخوای UI/UX Designer، یا طراح تجربه کاربری و همچنین طراح محصول این ویدئو خیلی واست مفیده! In this video, I talk about 5 other user experience design rules; By watching this video, you will ...
اگه میخوای سنیور باشی این رو باید بدونی | دیزاین توکن
Переглядів 346Місяць тому
توی این ویدیو همه چیز رو درباره دیزاین توکن میگم؛ با دیزاین توکن میتونی پایه دیزاین سیستم رو بسازی. استفاده از دیزاین توکن برای پروژههای بزرگ اجباریه و بدون استفاده از اون در آینده به مشکل میخوری. همچنین یکی از مفهومهای مرتبط با دیزاین سیستم هست که دونستنش توی مصاحبههای کاری هم خیلی به کارت میاد. In this video, I tell everything about token design; With design token, you can create the ba...
یک تفاوت طراح سنیور با بقیه | تفاوت دیزاین سیستم، استایل گاید و یوآی کیت
Переглядів 550Місяць тому
توی این ویدئو به تفاوت Design system با Style Guide و UI kit میپردازم و با توضیح کامل راجع به تفاوتها و تشابههاشون صحبت میکنم؛ این یکی از مهمترین تفاوتهای طراحهای سنیور با جونیورها و میدلول هاست. In this video, I discuss the difference between Design system, Style Guide and UI kit, and I talk about their differences and similarities with a full explanation; This is one of the most impor...
موقعیت های شغلی در بازار کار تکنولوژی | مخفف های شغلی رو بشناس
Переглядів 2412 місяці тому
توی این ویدیو راجب مهمترین (متدوالترین) موقعیت های شغلی در بازار کار تکنولوژی صحبت میکنم؛ اگه می خواید توی حوزه تکنولوژی کار کنید با دیدن این ویدئو دید بهتری نسبت به شغلهای مختلف در این صنعت پیدا میکنید. از برنامه نویسی فرانت و بک تا تیم محصول و مارکتینگ و منابع انسانی. بعد دیدن این ویدئو نقش شغل های مختلف در یک استارتاپ / سازمان / شرکت که کارشون توسعه محصول دیجیتاله رو متوجه میشید. In thi...
آموزش فیگما | ترفندها و میانبرهای فیگما
Переглядів 2702 місяці тому
توی این ویدیو ۱۰ تا تیپ (شورت کات) در فیگما رو میگم که سرعت و تسلط شما رو در طراحی چند برابر میکنه؛ بخشی از این آموزشها نکاتی مخفی توی فیگما به حساب میان که هر کسی نمیدونه میتونه ازشون استفاده کنه. بعد دیدن این ویدئو تسلط تو روی فیگما بیشتر میشه و میتونی مثل حرفهایها با فیگما کار کنی! In this video, I will tell you 10 tips (shortcuts) in Figma, which will multiply your speed and mastery ...
در ۱۵ دقیقه رزومه رایگان بساز | ۰ تا ۱۰۰ ساخت رزومه حرفه ای
Переглядів 2282 місяці тому
توی این ویدیو همهچیز رو درباره رزومه توضیح میدم؛ چه نکاتی برای ساخت روزمه باید رعایت کنیم؟ بخش های مختلف رزومه چه چیزهایی هستند؟ از چه ابزاری برای ساخت رزومه رایگان استفاده کنیم؟ و هر نکته مهم دیگهای که برای ساخت رزومه نیاز بود. این ویدئو به درد همه کسایی که میخوان رزومه بسازن میخوره مخصوصا اگه توی فیلد تکنولوژی کار میکنید! #رزومه #رایگان_بیاموز #رایگان #ساخت_رزومه In this video, I expla...
آپدیت جدید فیگما در کانفیگ ۲۰۲۴ | هوش مصنوعی جدید فیگما | همه امکانات جدید فیگما
Переглядів 7392 місяці тому
توی این ویدئو درباره امکاناتی جدید که فیگما در رویداد کانفیگ ۲۰۲۴ مطرح کرد صحبت میکنم؛ همه امکانات جدید از هوش مصنوعی جدید فیگما تا تغییراتی که در پروتوتایپ و آتولیوت داشته. این بزرگترین آپدیت فیگما تا به امروزه و انقدر این آپدیت بزرگه که یه محصول جدید به اسم فیگما اسلاید توش معرفی شده. In this video, I talk about the new features that Figma introduced at the Config 2024 event; All the new fe...
برای طراحی UX حرفهای چه قانونهایی رو باید بدونیم؟
Переглядів 4442 місяці тому
توی این ویدیو من راجب ۵ تا از مهمترین قوانین طراحی تجربه کاربری صحبت میکنم؛ با دیدن این ویدیو دید خوبی نسبت به طراحی UX به دست میارید و با مثالهای میفهمید مختلف متوجه اهمیت هر کدوم از این اصول میشوید. اگه میخوای UI/UX Designer، یا طراح تجربه کاربری و همچنین طراح محصول این ویدئو خیلی واست مفیده! In this video, I talk about 5 of the most important user experience design rules; By watching t...
چگونه در ۳ ماه طراح UI/UX شویم؟
Переглядів 1,8 тис.3 місяці тому
توی این ویدیو من به سوالی جواب میدم که بارها ازم پرسیده شده: چطوری طراح UI/UX بشم؟ برای پاسخ به این سوال من یه نقشه راه برای طراحی رابط و تجربه کاربری ترسیم میکنم و توی ۷ مرحله توضیح میدم که چطوری در عرض ۳ ماه از این شغل پرطرفدار پول در بیاری و وارد بازار کار بشی! In this video, I answer a question that has been asked many times: How do I become a UI/UX designer? To answer this question, I wil...
تفاوت طراح محصول و طراح یوآی یواکس (UI/UX)
Переглядів 3653 місяці тому
تفاوت طراح محصول و طراح یوآی یواکس (UI/UX)
پروتوتایپ فیگما صفر تا ۱۰۰ | Figma E09 - Prototype
Переглядів 2653 місяці тому
پروتوتایپ فیگما صفر تا ۱۰۰ | Figma E09 - Prototype
استایلهای فیگما با جزئیات کامل | Figma E08 - Styles
Переглядів 3873 місяці тому
استایلهای فیگما با جزئیات کامل | Figma E08 - Styles
پنج سطح طراحی رابط کاربری | leves of UI design
Переглядів 3203 місяці тому
پنج سطح طراحی رابط کاربری | leves of UI design
کامپوننت فیگما از صفر تا ۱۰۰ با مثال واقعی و پروژه | Figma E07 - Components
Переглядів 5803 місяці тому
کامپوننت فیگما از صفر تا ۱۰۰ با مثال واقعی و پروژه | Figma E07 - Components
صفر تا صد آتو لیوت با مثال واقعی | Figma E06 - Auto layout
Переглядів 4324 місяці тому
صفر تا صد آتو لیوت با مثال واقعی | Figma E06 - Auto layout
تکست پنل فیگما با جزئیات کامل و مثال | Figma E05 - Text panel
Переглядів 1954 місяці тому
تکست پنل فیگما با جزئیات کامل و مثال | Figma E05 - Text panel
افکتهای فیگما با جزئیات کامل و مثال واقعی در پروژه | Figma E04 - Effects
Переглядів 3814 місяці тому
افکتهای فیگما با جزئیات کامل و مثال واقعی در پروژه | Figma E04 - Effects
همه امکانات پنل رنگی فیگما | Figma E03 - Color panel
Переглядів 2964 місяці тому
همه امکانات پنل رنگی فیگما | Figma E03 - Color panel
روش استفاده حرفهای از ابزارهای اصلی فیگما | Figma E02 - Most usable tools
Переглядів 4895 місяців тому
روش استفاده حرفهای از ابزارهای اصلی فیگما | Figma E02 - Most usable tools
آشنایی با فیگما و محیط اولیه | بهترین نرم افزار طراحی محصول و UI/UX | Figma E01 - What's Figma?
Переглядів 9375 місяців тому
آشنایی با فیگما و محیط اولیه | بهترین نرم افزار طراحی محصول و UI/UX | Figma E01 - What's Figma?
همه چیز درباره من و چنلم | Everything about Omid Saraei and his YouTube channel
Переглядів 1815 місяців тому
همه چیز درباره من و چنلم | Everything about Omid Saraei and his UA-cam channel
با توجه به توضیحاتی که دادین میشه گفت یو آی کیت هم بخشی از دیزاین سیستم هست؟ تفاوت دیزاین گاید از دیزاین سیستم خیلی شفاف بود ولی تفاوت یو آی کیت از دیزاین سیستم رو میشه بیشتر توضیح بدین لطفا؟
نه UI Kit بخشی از دیزاین سیستم نیست؛ یه ورژن خیلی کوچیکتر از دیزاین سیستمه، داکیومنتیشن خیلی محدودتر انجام میشه و خیلی سریعتر توسعه داده میشه.
@@Omidsgn خیلی ممنونم
high quality content dadash, keep it up👌👌 Yek Soal Dashtam Azat: Aya Eshterak Figma "Professional Education" dari? Ya Inke Professional Asli ro dari Khastam Bebinam EDU ham Kar ro dar Miare ya na
من از اکانت پروفشنال عادی استفاده میکنم ولی تفاوتی بینشون نیست فقط اکانت education لیمیت مدت زمان داره؛ فکر کنم تا ۳ سال میشه ازش استفاده کرد.
💚🔥👌
عالی بود
Ghorboonet💚
خیلی آموزنده و خفن 🔥🔥🔥 موفق باشید 🙏
💚🙏
عالی و درجه یک
💚🙏
میشه تو بعضی از پروژه ها بدون کشیدن وایرفریم، و با توجه به اون چیزی که تو ذهمونه، مستقیم بریم سراغ یو ای کار؟
قطعا میشه، ولی یکی از مهمترین کارکردهای وایرفریم مستندسازیه، و همینطور به تو این اجازه رو میده که بتونی قبل از اینکه UI بزنی ایدههاتو با بقیه اعضای تیم به اشتراک بذاری که اگه مسیر رو داری اشتباه میری زودتر متوجه بشی! در کل وایرفریم خیلی مهمه و پیشنهاد میکنم حتما توی پروسه طراحی در نظر بگیریش💚
عالی . حرف نداری 👌👌😍
خیلی عالی بود حتی منی که دیزاینر نیستم خیلی با علاقه نگاه میکنم و برای من خیلی جذاب هست ممنون از این محتوای خوب
💚🙏
Thank you, Omid, for your wonderful and useful content
💚🙏
عالی بود. یه پیشنهاد، عالی میشه اگه ساخت یه دیزاین سیستم رو هم آموزش بدی.
حتما در آینده انجام میدم🙌🏻
عالی بود خسته نباشید👌
منتظر پارتهای بعدیییییی
ایول؛ واقعا عالی بود
یا جایزه منو میدی یا بلاکت میکنم
اقای محترم اسم من توی قرعه کشی نیست
خیلی آموزش هاتون عالی بود لطفا بازم ویدیو آموزشی بذارین
هر هفته ویدیو جدید میذارم✌️
عالی لطفا زود تر بقیه اپیزود ها رو اپلود کنید ممنون 💚
حتما🙏💚
عالی بود ممنون
خیلی کاربردی بود ممنونم
💚🙏
خیلی خوب توضیح میدین. ممنونم😍
💚🙏
خیلی خوب بود به نظرم این جور محتوا خیلی بیشتر میتونه کمک کنه تا این که صرفا یه سری مباحث تئوری دائماً تکرار بشه.
خوشحالم که مفید بوده واست💚
عالی بود، ممنون ازتون🙏🙏
قربونت✌️💚
این ایده خیلی خیلی بهتر از ایده ی قبلیه. ممنون بابت این محتوا 🙏
💚🙏
این یکی خیلی عالی تر بود اینکه ایرادات رو گفتین و ریدیزان کردین👌🏽👌🏽👌🏽
ممنونم🎉💚
عالی ممنون❤
🙏💚
amazing Omid please upload more content like this❤❤❤
Sure 🙏💚
It was the best 😍👏🏻👏🏻
عالی بود ممنون
🙏💚
perfect👌👌
✌️💚
خسته نباشید
ممنونم💚🙏
بهترین وی پی آن برای کامپیوتر چیه که فیگما رو نصب کنم
in video haro edame bede khafan bod
Bale hatman💚✌️
سلام امید جان عالی بود، خواهشا از این مدل ویدیوها برای فاصله ها و..... بساز، خودم حمایت میکنم❤
💚💚
بینظیر بود امید جان، اگر لطف کنی در ویدیوی بعدی بهترین پلاگین هارو بگی عالی میشه❤
بله حتما💚
خیلی نکات خوبی گفتید. ممنونم. یه ویدیوی دیگه از کانالتون دیدم و الان سابسکرایب کردمتون. فقط یه پیشنهاد واسه ویدیوتون داشتم، اهنگ پس زمینه رو اگر یه اهنگ ملایم تربا صدای کمتر بذارید شاید بهتر باشه، من بعضی جاها همش حواسم به اهنگ پرت میشد و نمیتونستم روی حرفاتون تمرکز کنم. نحوه بیانتون هم خیلی خوب هست نه تند هست نه اروم.با آرزوی موفقیت 🤩
دمت گرم، بله درسته، ویدیوهای جدیدترو نگاه کنید رفع شده این مشکل
@@Omidsgn خیلی هم عالی. حتما نگاه میکنم سر فرصت ویدیوهای کانالتون رو😍
Perfect ❤
🙌🏻💚
عالی بود
💚
امیدجان من اولین کامنتم هست که توی یوتیوب میذارم، بقداری محتوا با کیفیت و درجه یک بود که دیدم کمترین کار اینه حمایت کنم و share کنم، واقعا دمت گرم، موفق باشی هرجا هستی
دمت گرم که حمایت میکنی💚
عالی بود ولی چه شکلی از کارمون خروجی بگیریم؟
1:40 نکته طلایی 👌🏻
💚
بسی رنج بردی در این سال سی دیزاین زنده کردی بدین پارسی
😍
عالی پسر 💕💕✌✌
فدات💚
Great tips 🔥🔥 thanks alot 😍
💚🙏🏻
You explained so well 😍 really enjoyed this content 👌🏻👌🏻
Thanks ☺️
عالی دمت گرم
💚
امید جان خسته نباشی فقط واسه اوت لاین ها ctrl+Y نیست الان ctrl+shift+o هستش ❤❤
مرسی کسری جان💚 درست میگی توی ویندوز تست نکردم
@@Omidsgn عزیزمی
این شورتکات هم علاوه بر اون، همیشه براش فعال بوده و تغییری نکرده: control + shift + 3 هم ویندوز هم مک
داداشم بهترین دیزاینر😍😍
قربونت💚
واقعا عالی بود، لطفا از این مدل ویدیوها بیشتر قرار بدید
حتما💚