👆

در اپیزود دوم پادکست رادیو باتن، میزبان سعید علی‌پور بودیم.
برامون تو کست‌باکس کامنت بذارید. 💬
نظراتتون رو عمیقا پذیرا هستیم، خوشحالمون می‌کنید و ممنون خواهیم بود. 🌷

من: طراح تجربه و رابط کاربری‌ام.
فامیل: 👆🏻

این ویدیو چیزی بهتون اضافه نمیکنه، ولی ادیت زدم منتشر کردم، گفتم شاید شما هم برای لحظاتی بخندید و دلتون اندکی شاد بشه. همین 🪴🙂🫰

- بمونه اینجا در #متفرقه

🚶 @MNakhli

📝 آیا در #رزومه، برای مهارت‌هایی که بلدیم باید مقدار بذاریم؟

💬 این بحث اخیرا در توییتر شکل گرفت و من هم در لینکدین با توضیحات تکمیلی مطرح کردم. در مجموع نظراتِ متفاوت و خوبی در ریپلای‌ها و کامنت‌ها ثبت شد. لینک‌هاشون رو اینجا قرار میدم؛ شاید دوس داشته باشید بخونید یا شما هم بخواید نظرتون رو به اشتراک بذارید.

👷‍♀️ نظرات در لینکدین

🤖 نظرات در توییتر

🚶 @MNakhli

👆

قسمت سوم رادیو باتن رو منتشر کردیم 🎙
گپ زدن با بنیامین خیلی خوب بود؛ به داستانش و فرآیندی که طی کرده، حسِ نزدیکی داشتم. اگه دوس داشتید گوش بدید.

کامنت گذاشتن تو کست‌باکس، نقدِ سازنده و نظراتتون قطعا برامون ارزشمنده و ممنون خواهیم بود 💐

Other designers want to select nested layers in Figma (Deep select):

🍎: 💻Command + 💻Click
💻: 💻Ctrl + 💻Click

Me: (Video)👆

🚶 @MNakhli

.
چقدر این توضیحاتِ امیرمهدی خوب بود.
حتما بخونید!
از منابعی که آخرش معرفی کرده هم غافل نشید ✌️

🏷🏷

👆

اینم از قسمت چهارم رادیو باتن🎙
حمیدرضا مهمونمون بود. گپ دوس‌داشتنی‌ای بود. اگه دوس داشتید گوش بدید.

نظراتتون قطعا برام ارزشمنده 🌷

👆

گاهی مهمونامون خاطراتی رو مرور میکنن که کاملا از ذهنم رفته بودن و وقتی به یاد میارم هیجانی میشم! رادیو باتن غیر از پادکست بودنش، شخصا برای خودم گپ زدن و شنیدن داستانِ آدماش جذابه 🙂

ما هیچوقت هیچ‌جا اعلام نکردیم که روتین انتشار داریم که هر سه هفته یکبار، جمعه‌ها هست. تا الان که تونستیم طبق برنامه پیش بیایم و دوس داریم همین فرمون رو ادامه بدیم و استمرار داشته باشیم. الان که غیر رسمی اعلام کردم هم بخاطرِ اینه که حس و انرژی خوبتون رو مثل همیشه بهمون بدید 🫰❤️

🎙 اپیزود ۵ امروز منتشر شد

🎙 با انتشار اپیزود‌های ۶ و ۷ رادیو باتن، وارد سراشیبی فصل اول شدیم و داریم کم کم به اواخرش نزدیک میشیم.
موضوع فصل اول رو از دو جهت دوست دارم:
۱. همیشه کنجکاوی و موضوع مورد نظر خودم بوده که گذشته‌ی تخصصیِ افراد شاخصِ فعال در حوزه‌ی مورد علاقم رو بدونم.
۲. موضوع ساده‌ایه و چالش خاصی نداره که در فرآیند ساخت و انتشار بخواد باعث توقف این روتین بشه.‌ (طبق همون قاعده‌ی شروع ساده و عدم سخت‌گیری و ...)

همراهیِ مهمون‌ها با قبول دعوت و همراهیِ مخاطب‌‌ها، همیشه انرژیِ خوبی میده که از این تریبون ازتون سپاسگزارم 💐
و در نهایت اینکه اگه دوست داشتید دو قسمت اخیر رو گوش بدید:

👈 قسمت ۶ : امین سهرابی
👈 قسمت ۷ : رضا معلمی

پ.ن: این تصویر رو از استدیوی یکی از دوستان گرفتم. خیلی دوس داشتم اینجا ضبط‌ها رو انجام بدیم ولی بر اساس همون قاعده‌ی شروعِ ساده، با امکانات حداقلی، با روش‌های خیلی ساده و رعایت یه سری نکات کوچیک، به این کیفیت از صدا رسیدیم و کار رو پیش بردیم که بعدا در موردش خواهم نوشت.

همین. قلب بهتون ❤️

در بعضی از دیزاین‌ها می‌بینم که برای نمایش عددیِ تاریخ، از اسلش ( / ) استفاده می‌کنن که کیفیت خوانایی اعداد رو کم میکنه!

اکثر تایپ‌فیس‌های فارسی مثل سه موردی که تو تصویر گذاشتم و مناسب رابط کاربری هستن، براشون جداکننده‌های کاستوم طراحی شده که ارتفاع مناسبی در برابر اعداد دارن.

تراز بودن ارتفاع جداکننده با ارتفاع اعداد در تایپ‌فیس انگلیسی، خواناییِ بیشتری داره تا در فارسی. ( مثلا 2024/11/11 )
البته جداکننده‌ای که در ردیف سوم تصویر استفاده کردم (Shift + 2)، برای عددِ مبلغ طراحی شده؛ ولی اینطور نیست که در جای دیگه مثل تاریخ نشه استفاده کرد. مثلا خودم در فونت دانا، توی تاریخ هم استفاده‌ش می‌کنم و می‌پسندم. اما بهتره از همون ردیف دومی که سبز کردم و هدف اصلی طراحِ فونت بوده، استفاده بشه.

خلاصه که برای این جزئیات زحمت کشیده شده و با دقت کردن بهشون، دیزاین‌های با کیفیت‌تر می‌تونیم داشته باشیم 🪴

💻 در ویندوز، کیبورد فارسی استاندارد باید فعال باشه.

🚶 @MNakhli

🎙 یک قدم تا پایان!

عرض کنم خدمتتون که...
تو این مدت با انتشار قسمت ۸ و ۹ پادکست رادیو باتن، عملا یک قدم تا پایان فصل اول فاصله داریم.

8️⃣ در قسمت ۸ میزبان مرتضی گران‌سایه بودیم. از چالش‌های رسیدن به دنیای تخصصی وردپرس و انجمن‌های وردپرس فارسی و تجربه‌های این مسیر شنیدیم ازش.

9️⃣ در قسمت ۹ با سامیار خسروی صحبت کردیم. در حال حاضر دیزاینر تپسی هست و تو این اپیزود از مسیر پُر چالش و تجربه‌های باحالش تا رسیدن به دیزاینر شدنش و این تخصص رو برامون تعریف کرد.

1️⃣ قسمت ۱۰ هم ضبط شده و آمادست. (مهمون؟ 🤫)
خط پایان فصل اول، این قسمت هست که اگه زنده بودیم، جمعه ۱ تیر منتشر می‌کنیم.

🎙 رادیو باتن رو می‌تونید از کست‌باکس بشنوید.

➡️ اگه دوست داشتید برای کسایی که فکر می‌کنید به دردشون میخوره هم بفرستید. یا جاهایی که به دیده شدنش کمک کنه و شاید حداقل از یک نفر یه دغدغه‌ی کوچیکی حل بشه یا آشفتگی ذهنی‌ای برطرف بشه.

ارادتمند 🪴

🎙 فصل اول / قسمت ۱۰ (آخر): مسلم ابراهیمی

::. از معلمی تا فونت‌ایران! در قسمت آخر از فصل اول رادیوباتن، با ماجراجویی‌های جذاب مسلم ابراهیمی، بنیان‌گذار فونت‌ایران همراه شدیم.

😂 ما در فصل اول، با مهمونامون درباره روزهایی گپ می‌زنیم که بینش و شخصیت کاری‌شون در حال شکل‌گیری بوده. از اولین مواجهه با کامپیوتر تا روزی که اولین پیشنهاد کاری رو دریافت کردند.

🎙 Castbox
🖥 YouTube
🍏 Apple Podcasts
🖥 YouTube Music
🔗 rbtn.ir

🔘 @radiobutton_ir

🎨 بالاخره باید به فکر جایگزین برای فیگما باشیم یا نه؟

اگه پیگیر اخبارِ پروداکت‌های دیجیتال مخصوصا اخبار مرتبط با دیزاین باشید، احتمالا چند هفته‌ی گذشته رو یادتون هست که با آپدیت Drafts فیگما، دوباره تبِ پیدا کردن جایگزین برای فیگما بالا گرفت! و بعدش با کانفیگ ۲۰۲۴ و آپدیت‌های Ai و Slides، دوباره تبش خوابید! و این داستان تکراری رو همیشه داریم و فقط مرتبط با ایران نیست.

📝 تو این مطلب میخوام به چند موضوع اشاره کنم. عناوین رو ببینید؛ اگه فکر می‌کنید به دردتون میخوره، بعدش توضیحات هر عنوان رو در ادامه بخونید. یا اگه فکر می‌کنید دغدغه‌ی اطرافیانتون هست، براشون بفرستید که بیان و ادامه‌ی مطلب رو تو کانال بخونن.

۱. نگاهمون به طور کلی به این قضیه چجوری باشه بهتره و خیالمون راحت‌تر؟
۲. ما واقعا وابسته به ابزار هستیم؟
۳. ابزارها و پلتفرم‌ها چجوری حیات خودشون رو تضمین می‌کنن؟
۴. هزینه کردن برای ابزار و تهیه‌ی اشتراک پلتفرم‌ها برامون میصرفه؟
۵. واقعا باید دنبال جایگزین فیگما باشیم؟
۶. الان ابزارهای جایگزین برای فیگما چیا داریم؟

🚶 @MNakhli

۱. نگاه کلی به این قضیه:
خیلی رک بخوام بگم. اینکه ما بریم تو غار خودمون، دنیا پیشرفت کنه، بعدش از غار بیایم بیرون و ببینم عه چقدر همه چی عوض شده و کاسه‌ی چه کنم چه کنم دست بگیریم، اصلا منطقی و درست نیست. تقریبا همه موافق این هستن! پس نیازه که آدم‌ها خودشون رو با تغییرات وفق بدن و همراه بشن؛ مخصوصا ماهایی که در این حوزه مشغول هستیم و بیشتر میطلبه که آپدیت باشیم. این روزا هرکی باهام جلسه میذاره یا مشورت میگیره، در مورد روتینِ رشد باهاش حرف میزنم. ماها اگه برای تخصص و شغلمون روتینِ پیشرفت، یادگیری، تمرین و رشد نداشته باشیم، سر بزنگاه‌ها عقب می‌مونیم. (حالا جزئیاتی که توی روتین رشد میگم رو بعدا شاید توضیح دادم.) اما در مجموع، وقتی همیشه با تکنولوژی، ابزارها و فن‌هایی که در تخصصمون کمکمون میکنن همراه باشیم، اتفاقاتی مثل آپدیت‌های فیگما، یا وقت‌هایی که خبر جدیدی از هوش مصنوعی میشنویم و ...، اذیتمون نمیکنه و ناامید نمیشیم؛ بلکه اون رو هم جذب می‌کنیم که به رشد و پیشرفتمون کمک کنه.

۲. آیا واقعا ما به ابزار‌های خاصی وابسته‌ایم؟
بخوایم تجربی به این قضیه نگاه کنیم، آدم‌ها هیچوقت به ابزار وابسته نبودن. همیشه برای نیازشون، راه حلی داشتن. حالا یا راه حل رو خودشون به دست آوردن یا از راه‌حل‌های بقیه استفاده کردن. پس اینطور نیست که کاملا وابسته‌ی یک ابزار خاص باشن. در حوزه‌ای که ما مشغول هستیم هم همینطوره. اینکه در نهایت از چه ابزاری استفاده کنیم تا نیازمون رو برطرف کنیم خیلی اهمیت نداره. (اینکه در چه مقیاسی فعالیت می‌کنیم هم مهمه که در بخش ۴ کامل توضیح دادم.) حالا با توجه به روتینِ رشدی که گفتم، قطعا نیازه در کنار ابزارهایی که داریم کار می‌کنیم، جایگزین‌های دیگه رو هم بررسی کنیم. یاحتی باهاشون کار کرده باشیم. اینکه خودمون رو محدود کنیم و تک بُعدی فعالیت کنیم، تقریبا از نگاه من در مسیر رشد نیستیم و خودمون رو برای تبدیل شدن به یک متخصصِ به‌روز، آماده نمی‌کنیم!

۳. ابزارها و پلتفرم‌ها چجوری زنده‌ن؟
هیچ ابزار و پلتفرمی عاشق چشم و ابروی ما نیست و خدمات کاملا رایگان نمیده! پس هیچوقت روی هیچ چیزی نمیشه نگاه صد در صد داشت که رایگان میمونه! هر مجموعه‌ای برای زنده موندنش به پول نیاز داره. حالا با سیاست‌های مختلف و بیزینس پلن‌های متفاوت. موضوع ما فیگماست. سیاستش تقریبا اعتیاد بود و هست + ارائه‌ی محصول با کیفیتِ رایگان! که در نهایت بتونه کم کم با بیزینس‌پلنی که رضایت حداکثری و عدم رضایت حداقلی داره، هزینه‌های لازم رو به دست بیاره. نمیتونیم انتظار داشته باشیم تا ابد خدمات رایگان بده. حتی اگر قصدش باشه که اینکار رو بکنه، تکیه کردن و قمارِ کامل روی یک ابزار کار درستی نیست. اینم از این.

۴. حالا میصرفه ما هزینه کنیم که اشتراک بگیریم؟
همین الانش هم فیگما داره به صورت رایگان خدمات میده. کسی که بخواد تمرین کنه، یاد بگیره، شروع کنه و پروژه‌های کوچیک انجام بده و کم کم پیشرفت کنه، میتونه. یه سری امکانات رو در اختیار گذاشته که خیلی هم محدود نیست. حالا اینکه چه کسی چه وقت باید هزینه کنه و آیا براش میصرفه، تصمیمی هست که نیاز به بررسی داره. مثلا مجموعه‌ای که یکسال روی دیزاین سیستم و یو‌آی کیت و فرآیندهای دیزاینش به فیگما تکیه کرده و در مقیاسی هست که توان پرداخت داره، قطعا براش میصرفه و اگر پرداخت نکنه حتی ضرر می‌کنه. برای منی که دائم از لایبرری‌ها استفاده می‌کنم و یک دسترسی هم بیشتر برای مجموعه نیاز ندارم میصرفه. کسی که به امکانات غیر رایگانش (که تو این صفحه جدیدا با جزئیات خیلی بیشتر لیست کرده) نیازی نداره، نیاز به تهیه اشتراک نیست. حتی تغییر ابزار وقتی که کارهای کوچیک انجام میدید هم کار آسون‌تریه. پس نیاز هست که نسبت به نیازتون و امکاناتی که رفع نیاز میکنه و درآمدی که از این راه کسب می‌کنید بسنجید که آیا میصرفه یا نه. و این سنجشِ نیاز، برای استفاده از هر ابزار و پلتفرمی باید انجام بشه.

⬇️ موارد ۵ و ۶ در پیام بعدی.

🚶 @MNakhli

۵. با توجه به محدودیت‌های بیشتر فیگما و فیچرهایی که هر چند مدت یکبار از حالت رایگان خارج میشن، به دنبال جایگزین باشیم یا نه؟
طبق چیزایی که نوشتم در مورد روتینِ رشد، اگر همین الانش هم توی تخصصتون کنجکاوی و جستجو نمی‌کنید، نگاه تک‌‌بُعدی دارید و دنبال چیزای بیشتری نمیرید، احتمالا مسیر رشد کُندتری دارید. (البته این چیزی نیست که من یا کسی تعیین کنه. صرفا دیدگاه شخصی هست و شما خودتون رو با خودتون قضاوت کنید.) پس با توجه به این نگاه، همیشه در هر حوزه‌ای دنبال جایگزین فنی و ابزار باشید؛ دنبال اینکه یه روزی ممکنه نیاز باشه تغییر صورت بگیره. یه جایی ممکنه محدود باشیم یا بشیم. همیشه حواستون حداقل به جزیره‌های اطرافتون باشه. قدیمی‌تر ها همیشه به ما میگفتن که احتیاط، شرطِ عقله! اصلا چرا بحث پولی شدن یا رایگان بودن یک ابزاری رو بکنیم؟ بیاید فکر کنیم یه روزی مثلا فیگما برای همیشه دکمه‌ی خاموش کل محصولش رو بزنه. اونوقت چی؟! پس هیچ چیزی مطلقا همیشگی نیست.
از طرفی، وقتی محصولی با این کیفیت وجود داره و راه درآمدی من هم از این محصول هست و کارم رو راحت کرده؛ کامیونیتی خوبی داره، پویاست و هزارتا مزیت دیگه، چرا بابتش هزینه نکنم؟ برای من نمیصرفه که بخوام جابجا بشم یا دنبال جایگزینی باشم. مگر اینکه استثنائی پیش بیاد. پس با حال خوب بابتش هزینه می‌کنم یا مجموعه‌ای که باهاش کار میکنم رو مجاب می‌کنم که اشتراک تهیه کنه.

۶. حالا فرض کنیم که می‌خوایم دنبال جایگزین بریم، الان چه ابزارهایی موجوده؟
من دوباره میگم چه دنبال جایگزین باشیم چه نباشیم، نگاه پروداکتی‌مون باید ما رو به سمت تست کردن چیزهای مختلف سوق بده. دنبال کشف کردن. دنبال اینکه دنیا چخبره؟ پس با این نگاه بریم سراغ محصولات. ازشون یاد بگیریم، ایراد ببینیم و تو ذهنمون راه حل در بیاریم. حتی با سازنده‌هاش ارتباط بگیریم و مسئله و حل مسئله رو گزارش کنیم. در نهایت به پویاییِ ذهنمون کمک می‌کنیم.
من سه تا ابزار شبیه به فیگما رو میشناسم که در ادامه لیست کردم. دوست داشتید برید استفاده کنید و کلی کنجکاوی کنید.

- penpot
تقریبا از اواخر سال ۲۰۲۱ که نسخه‌ی بتا رو منتشر کرد، همزمان با فیگما باهاش کار می‌کردم و فیچرهایی داشت که فیگما نداشت. اگه اشتباه نکنم قابلیت‌هایی مثل حذف بک‌گراند از تصاویر داشت. و همینطور مشکل متن راست‌چین (RTL) هم نداشت و ساپورت می‌کرد. الان هم کلی پیشرفت کرده و تقریبا همه جا جزو رقبای اصلی فیگما میدوننش. یه پلاگین توی فیگما داره که میشه فایل فیگما رو منتقل کرد. (تست نکردم و نمیدونم چه کیفیتی داره)

- Lunacy
از محصولات icons8.com هست که قدیمی‌تر از همشونه. اما خودم همزمان با penpot ازش استفاده می‌کردم. از لحاظ بصری خیلی خوب کار کرده بود. از اوایل سال ۲۰۲۳ ایمپورت فیگما رو اضافه کرد. در مجموع وقتی اسم رقبای فیگما میاد، خیلی کمتر ازش میشنوم و نمیدونم چرا! (ایمپورت فیگماش رو تست نکردم)

- Creatie
چند ماهه متولد شده. با Ai و ایمپورت فیگما توی رسانه بولد شد. ایمپورتش رو دوس نداشتم ولی در کل نسل جدیدِ باحالیه. حتما امتحانش کنید.

شما هم اگه چیزی میشناسید معرفی کنید بریم دور هم کنجکاوی :)
امیدوارم یه کوچولو این متن به دردتون خورده باشه. اگه نکته‌ای هست بگید؛ خوشحال میشم 🫰

🚶 @MNakhli

این مطلب، معرفی آیکون پک نیست!

قبلا تو این پست، در مورد آیکون کامپوننت FontAwesome نوشته بودم و روشی رو توضیح داده بودم که برای استفاده در دیزاین‌های ساختاریافته مناسبه. (اگه به این آیکون پک علاقه دارید اون پست رو پیگیر باشید)

اخیرا برای پروژه‌ی خودمون از آیکون پک Tabler استفاده کردم. اکثرا با پلاگینش میشناسیدش که به راحتی در فایل دیزاینتون اجرا میشه و می‌تونید به پروژه‌تون، آیکون اضافه کنید.

من اومدم آخرین نسخه‌ی این آیکون پک رو تبدیل کردم به یک آیکون کامپوننت که بشه به عنوان لایبرری توی تیم منتشر کنم و ازش توی دیزاین‌سیستممون و بعد هم در جاهای مختلف پروژه‌ استفاده کنم. حس کردم شاید بقیه هم به همچین چیزی نیاز داشته باشن. لذا در کامیونیتی فیگما منتشرش کردم. دوس داشتید استفاده کنید و بفرستید برای کسایی که فکر می‌کنید به دردشون میخوره.

🖼 صفحه‌ی این فایل در کامیونیتی فیگما

توضیحات تکمیلی:

- تمام توضیحات و راهنمایی‌های لازم برای استفاده از این لایبرری رو در خود فایل گذاشتم و همه چیز گویاست.

- استفاده از پلاگین Tabler و روش‌های دیگه هم اوکیه، ولی مشکل کجاست که از کامپوننتش استفاده کنیم؟
برای دیزاین‌سیستم‌ها، یو‌آی‌کیت‌ها و دیزاین‌های ساختاریافته و کلا برای اینکه بتونیم از آیکون‌ها در کامپوننت‌های پروژه‌مون استفاده کنیم، فرآیند تغییر و انتخاب آیکون‌ها یه مقدار سخت میشه. معمولا هرکی برای خودش جداگانه اینکار رو انجام میده. یه سری آیکون دلخواه رو کامپوننت میکنه و در پروژه و کامپوننت‌های دیگه‌ ازش استفاده می‌کنه. اما برای پروژه‌های بزرگ‌تر و یه مقدار پیچیده‌تر، نمیدونیم چه نیازهایی ایجاد میشه و به چه آیکون‌هایی نیاز پیدا می‌کنیم. میتونیم نسبت به موضوع و در لحظه توی کامپوننت‌ها، آیکون‌ها رو تغییر بدیم و فرآیند دیگه‌ای رو طی نکنیم جز سرچ و انتخاب آیکون!

- خب بعدش؟
بعدش تصمیم گرفتم این کامپوننت رو در قالب لایبرری منتشر کنم بقیه هم استفاده کنن که بالاتر توضیح دادم.

- اگه آیکون جدید اضافه شد چجوری به روزرسانی کنیم؟
در خود فایل یه سری توضیحات تکمیلی دادم، خلاصه‌ش اینه که فیگما این امکان رو هنوز فراهم نکرده که به صورت آنلاین لایبرری‌ها رو به فایل‌هامون اضافه کنیم غیر از سه تا یوآی کیت که تحت مدیریت خودشه. (بعنوان فیچر عمومی عرضه نکرده که بقیه هم بتونن همین کار رو بکنن). پس باید به صورت دستی اینکارو انجام بدید که فرآیندش مشخصه و واضح. هرچند هر پروژه‌ای رو با همین نسخه شروع کنید هم کافیه و کارتون رو راه میندازه.

- چرا این آیکون پک؟
یه سری آیکون‌ پک‌ها، امکانی رو فراهم کردن که سرعت رو در توسعه بالا بردن. مثلا در لایبرری React ما react-icons رو داریم که فراخوانی‌های آیکون‌ها رو از یه سری آیکون‌ پک‌ها ساده کرده. از بین آیکون‌ پک‌هایی که در این لیست هست، این پک رو علاوه بر دلیل توسعه‌ی سریع به این دلایل هم انتخاب کردم: زیبایی بصری بیشتر نسبت به بقیه، پکیج کامل‌تر، رایگان بودن نسبت به تعداد آیکون، کامیونیتی فعال، به‌روزرسانی‌ها و افزودن مداوم آیکون‌های جدید.

- بقیه آیکون‌های این لیست چی پس؟
از یه جا به بعد، همه چی سلیقه‌ای میشه. بعضیاشون واقعا خوبن و سلیقه‌ی من نیست. بعضیاشون حتی لایبرری دارن علاوه بر پلاگین. بعضیاشونم تازه پا گرفتن. من با دلایل خودم و نیازی که داشتم رفتم سراغ این و برای کامپوننت کردنش و ساخت یه لایبرری تمیز و کاربردی، این حرکت رو زدم که در نهایت تو پروژه‌م استفاده کنم. همین :)

🚶 @MNakhli