https://virgool.io/feed/@s_moradi88 طراح رابط کاربری که در مورد علایق و تجربیاتش می نویسه . برای آشنایی بیشتر با من : www.smoradi.ir fa 2026-04-15 10:06:19 https://files.virgool.io/upload/users/161284/avatar/cHORfh.png?height=120&width=120 https://virgool.io/@s_moradi88 https://virgool.io/@s_moradi88/%D8%B1%D9%88%D8%B4-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%BE%D8%A7%D9%84%D8%AA-%D8%B1%D9%86%DA%AF%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B1%D8%A7%D8%A8%D8%B7-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-ui-alft3h44fsyu یکی از اولین کارهایی که در طراحی باید انجام داد ، ساخت پالت رنگی است و در بعضی از پروژه ها ممکنه تایم زیادی رو از ما بگیره.من به طور اتفاقی یک ویدیو در یوتیوب دیدم که این کار رو به پنج مرحله تقسیم کرده و فکر میکنم راه حل خوب و سریعی برای ساخت پالت باشهدر کل سه دسته رنگ داریم:رنگ برند یا سازمانیرنگ حمایتیرنگ خنثیرنگ سازمانی می تواند یک یا دو رنگ باشه و اون رنگ احساس کلی که کاربر در زمان استفاده از محصول دارد را ایجاد میکند.مثلا این رنگ در فسبوک آبی است.رنگ برند در دکمه ها، لینک ها و نویگیشن ها و آیکون ها استفاده می شود.رنگ حمایتی در مکان های کلیدی برای جلب توجه یا ارتباط با کاربر استفاده می شود و خیلی کمتر از رنگ برند استفاده می شود و در پیام های خطا و یا دیالوگ های اطلاع رسانی استفاده می شود.بیشتر محصول ما از رنگ خنثی ساخته می شود مثل رنگ متن ها ، رنگ حاشیه ها و دکمه های ثانویهبرای ساخت رنگ های این سه دسته بندی:1.نقطه شروع را پیدا می کنیم:برای این کار از رنگ برند یا سازمانی شروع می کنیم.از کد HSB استفاده می کنیم.H -hue1 تا 365 متغیر هست و در چرخه رنگ حرکت می کندS-saturation0 تا 100 متغیر است و مقدار اشباع رنگ را نشان می دهد.B-brightness0 تا 100 متغیر است و مقدار اضافه شدن سفید و مشکی را مشخص می کند.با تغییر مقدار B و S می تونیم چند طیف از رنگ برند داشته باشیم2.مشخص کردن رنگ های حمایتیرنگ های حمایتی معمولا سبز برای پیام های موفقیت آمیز یا شرایط مثبت ، نارنجی یا زرد برای اخطار،قرمز برای شرایط خطر مثل ارور فرم ها و آبی برای پیام های اطلاع رسانیمقدار اشباع رنگ های حمایتی باید مشابه با رنگ برند باشد و تفاوتشون بین 5 تا 10 تا باشد.3.ساخت طیف ها shadesبرای ساخت طیف ها ، 9 تا کپی از رنگ اصلی میگیریم و از سمت راست مقدار s را بین 90 تا 100 تغییر میدهیم و مقدار B را کم می کنیم تا 20 و بر عکس از سمت چپ مقدار S را تا نزدیک 10 کم می کنیم و B را تا 100 اضافه می کنیم.رنگ های تیره تر معمولا برای نوشته ها و رنگ های روشن تر برای بک گراند استفاده می شود.4.مشخص کردن رنگ های خنثییک رنگ خاکستری به عنوان رنگ اصلی خنثی انتخاب می کنیم و طیف تیره و روشن آن را مثل مرحله قبل می سازیم5.پالتی که ساختید را تست کنیمبا پلاگین starkدر فیگما می توان دسترسی پذیری پالت خود را امتحان کرد. sepideh moradi sepideh moradi Tue, 23 Jan 2024 15:10:21 +0330 https://virgool.io/@s_moradi88/8-%D8%B1%D9%88%D8%B4-%D8%AE%D9%88%D8%A7%D9%86%D8%AF%D9%86-%D9%85%D8%AA%D9%88%D9%86%28%D8%A7%D9%84%DA%AF%D9%88-%D8%AE%D9%88%D8%A7%D9%86%D8%B4%29-oplfzfsio85x در زمان خواندن مطالب ، چشمان ما یک سری الگوهای خاصی را پیروی میکنند.در این مطلب من سعی کردم انواع این الگوها را معرفی کنم تا در طراحی رابط کاربری بتوان به صورت بهتر و کاربردی تر محتوا چیدمان شود.الگو زیگزاگیشبیه به حرف "Z"است و از یک سمت به سمت دیگر می رود و برمی گردد.الگو زیگزاگی sepideh moradi sepideh moradi Sat, 20 Jan 2024 15:12:46 +0330 https://virgool.io/ketabaz/%D8%AE%D9%84%D8%A7%D8%B5%D9%87-%DA%A9%D8%AA%D8%A7%D8%A8-%D9%85%D8%A7%DB%8C%DB%8C%D9%85-%DA%A9%D9%87-%D8%A7%D8%B5%D9%84-%D8%B4%D8%A7%D8%AF%DB%8C-%D9%88-%DA%A9%D8%A7%D9%86-%D8%BA%D9%85%DB%8C%D9%85-%D8%A7%D8%B2-%D8%B2%D8%A8%D8%A7%D9%86-%D9%85%D9%86-ubatba1i5byg چند وقت بود که این کتاب رو قرض گرفته بودم ولی هر زمان که می خواستم یک کتاب جدید شروع کنم نمی دونم چرا جذبم نمی کرد و می رفتم سراغ یک کتاب دیگه . شاید یکی از دلیل هاش طراحی جلد بود. دو روز پیش تصمیم گرفتم بخوانمش و انقدر به نظرم مفید بود که تصمیم گرفتم خلاصه کتاب رو اینجا بنویسم تا افراد بیشتری باهاش آشنا بشن.کتاب ماییم که اصل شادی و کان غمیمکتاب "ماییم که اصل شادی و کان غمیم" نوشته دکتر علی صاحبی و بالای عنوان نوشته شده "20 درس عالی برای مدیریت سرنوشت خود" که واقعا اگر به این 20 نکته عمل بشه سرنوشت خوب تضمین شده است . کتاب ضخامت کمی داره و جالبه که به زبان انگلیسی هم ترجمه شده.من این 20 مورد رو به صورت خلاصه و به زبان خودم می نویسم تا اگر علاقه مند شدید کتاب رو بخوانید.1. ما همیشه فکر می کنیم که در زندگی اتفاقی می افته و بعد ما یک عکس العملی نشان می دهیم . در واقع ما به اتفاق عکس العمل نشان نمی دهیم بلکه به فکری که در مورد اون اتفاق می کنیم عکس العمل نشان می دهیم و باید سعی کنیم اتفاقات رو به صورت مثبت ببینیم تا عکس العمل مثبتی هم نسبت به اتفاق داشته باشیم.2. در بیشتر مواقع وقتی کاری را انجام نمی دهیم از کلمه نمی توانم استفاده می کنیم و همین باعث میشه که اون کار رو هیچوقت انجام ندهیم در صورتی که در واقع ما نمی خواهیم که انجام بدیم و به جاش از کلمه نامناسب نمی توانم استفاده می کنیم.3. ما همیشه منتظریم تا انگیزه انجام کاری را داشته باشیم و بعد شروع به انجام کار کنیم در صورتی که با شروع و عمل به کار انگیزه در ما ایجاد می شود.4. همیشه یک لیست از کارهای مورد علاقه خود داشته باشیم که در صورت تمام شدن انرژی بتونیم با انجام اون کارها در واقع خودمون رو احیا کنیم.5. در تعطیلات بیشتر ما حس غم و اندوه داریم و این ناشی از انتظار زیادی هست که چگونه تعطیلات را بگذرانیم.باید انتظار واقع بینانه داشته باشیم خصوصا اگر شرایط خاص و یا جدیدی برای ما ایجاد شده است.6. برای تغییر خود باید اون مورد رو در طول روز بررسی کنیم.مثلا برای ترک عادتی باید ببینیم چقدر آن عادت رو انجام می دهیم و بعد از مدتی خودمان از انجام آن عادت جلوگیری می کنیم.7. زمانی که سال جدید شروع میشه هدف گذاری کنیم ولی اهداف واقع بینانه نه بلند پروازانه و اینکه اهداف رو به چشم یک تفریح و هیجان جدید ببینیم نه انجام وظیفه و بهتره با دیگران در موردشون صحبت کنیم تا تمایل بیشتری برای انجام آنها در ما ایجاد شود.8. زمانی که به مشکلی بر می خوریم ، لازم هست تا زمانی را برای بهبود خودمان صرف کنیم یعنی آن مشکل را قبول کنیم بدون بزرگ نمایی و به اندازه همان مشکل برای آن وقت صرف کنیم و حتی ناراحتی کنیم.9. برای رسیدن به بیشتر اهداف فقط احتیاج به خود اصلاحی داریم و با انجام دادن و یا ندادن یک سری کارها به آن اهداف می رسیم.10. نباید به دام راحتی بیفتیم چون از پیشرفت ما و مواجه با تجربه های جدید جلوگیری می کند.11. زمانی که کسی رو می بخشیم بزرگترین محبت را نسبت به خودمون می کنیم و اون احساس سبکی از هر چیزی با ارزش تر هست.12. در زمان بحران آن را به چشم یک فرصت ببینید و به دنبال این باشید که آن مشکل و بحران به یک فرصت جدید تبدیل کنید.13. به اندازه احساس ناراحتی یا ناخرسندی داشته باشید. زمانی که اتفاقی می افتد که ناراحتتان می کند همان زمان ناراحت باشیم نه اینکه سعی کنیم ناراحت نباشید و بعد با اتفاقی دیگر بیشتر از آنچه اتفاق افتاده ناراحتی کنیم.14. وقتی اشتباهی می کنیم درونمان خود را انتقاد نکنیم و یادمان باشد خیلی موارد رو با همین اشتباه کردن یاد گرفتیم و یاد می گیریم.15. نسبت به اتفاقات اطرافمون هوشیار باشیم و خیلی اتفاقات زمانی رخ می دهند که ما انتظارش رو نداریم.16. خودمان را ارزشمند بدونیم و بیشتر از هر فرد دیگه به خودمون اهمیت بدیم و این موضوع نشانه خودخواهی ما نیست چون باید اول خودمان را دوست داشته باشیم تا توان دوست داشتن دیگران هم داشته باشیم.17. موظب افکار درونی خودمان باشیم و بدونیم همیشه آنچه در ذهن ما وارد میشه درست نیست و نسبت به اون افکار اقدام به کاری نکنیم.18. مسئولیت پذیر باشیم و اشتباهات خود را قبول کنیم.19. زندگی مانند یک جعبه هست و باید سعی کنیم این جعبه را از همه جوانب پر کنیم که در صورتی که از یکی از جوانب دچار مشکل شد بتونیم فعلا از دیگر جوانب لذت ببریم.20. بعضی کارها را بر خلاف عادت انجام دهیم و در زندگی تنوع ایجاد کنیم. sepideh moradi sepideh moradi Sun, 03 Jan 2021 17:25:08 +0330 https://virgool.io/@s_moradi88/%D9%85%DB%8C%D9%84%D8%A7%D9%86%D9%88%D8%AA-milanote-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88-%D8%A8%D9%87-%DA%86%D9%87-%D8%AF%D8%B1%D8%AF%DB%8C-%D9%85%DB%8C-%D8%AE%D9%88%D8%B1%D8%AF-ymevase1t4vh خیلی وقت ها برای من پیش میاد که یک مطلبی یا عکسی رو در اینترنت می بینم و می خوام که جایی اون رو نگه دارم. یکی از کارهایی که این مواقع انجام می دادم ،این مطالب رو داخل یک فولدر سیو می کردم ولی دسته بندی مطالب سخت بود و بعدا هم یادم نمی موند که چنین چیزی رو سیو کردم.تا اینکه چند وقت پیش با میلانوت milanote آشنا شدم که وب سایت و اپلیکیشنی هست که می شه ازش استفاده های زیادی کرد. اگر در هر زمینه ای کار طراحی انجام میدید به راحتی در میلانوت می تونید مود برد mood board بسازید و با افراد دیگر هم به اشتراک بزارید.میلانوت milanoteدر میلانوت می تونید دسته بندی های مختلف داشته باشید و نسبت به کاری که انجام می دید از تمپلیت خاص اون کار استفاده کنید.یادگیری این برنامه هم خیلی آسون هست وبا کمی کار کردن همه امکانات اون رو یاد می گیرد.خوبی این برنامه این هست که اپلیکیشن هم داره و همیشه در دسترس هست . برای ذخیره عکس هم می تونید از افزونه مخصوص کروم میلانوت استفاده کنید تا کارتون راحت تر بشهپیشنهاد می کنم همین الان در وب سایت www.milanote.com ثبت نام کنید و از امکاناتش استفاده کنید. sepideh moradi sepideh moradi Tue, 31 Mar 2020 20:11:27 +0430