TG Telegram Group Link
Channel: 𝗨𝗜/𝗨𝗫 Learn
Back to Bottom
𝗨𝗜/𝗨𝗫 Learn
Laws_of_UX_Design_Principles_for_Persuasive_and_Ethical_Products.pdf
نسخه اولش رو هم که معرفی کرده بودیم
22🔥4👏2👍1
🙂بچه ها سلاااااام
امیدوارم حالتون خوب باشه و رو به رشد باشید...
بابت کمرنگ شدن تو این مدت هم ازتون پوزش میخوام ...

ان شاءالله در ادامه، همچنان قوی تر کنارتون هستیم و شمام در کنارمون باشید ‌‌...❤️
🙂


پست جدید چیه حالا !؟


🟢پست جدید ، یه پک ۱۵تایی از کتاب های حوزه طراحی محصول و UIUX که بهشون نیاز دارید رو یکجا براتون آوردم ....

☑️The 15 Absolute Best UX/UI Design Books in 2024

امیدوارم مفید باشه براتون...🙂
Please open Telegram to view this post
VIEW IN TELEGRAM
16👍12😍5🙏2
UXUI Design Books.zip
672.9 MB
☑️The 15 Absolute Best UX/UI Design Books in 2024
Please open Telegram to view this post
VIEW IN TELEGRAM
👏2413👍4😍4🔥2
🔻دوره یودمی

یک کورس 5 ساعته  آموزش فیگما


☑️Figma Essential for User Interface and User Experience UI UX

با مدرک #رایگان یودمی

دلار ۱۹.۹۹ قیمت
اما #رایگان فقط برای اعضای با مرام کانال


🟣سررررریع Enroll کنید تا ظرفیت پر نشده
🌐 Enroll


از اینا ❤️ فراموش نشه فقط 😎

✉️@uxui_learn
Please open Telegram to view this post
VIEW IN TELEGRAM
67👍5🔥3😍3🙏1
🔻 بچه ها بیاین ...
یه دوره یودمی خوب

یک دوره ۵ ساعته  آموزش فیگما  پروژه محور
....

☑️Figma for User Interface and User Experience UIUX Design

Learn UI UX Design with Figma for Prototyping, Web Interface Design, Mobile App Interface Design


با مدرک #رایگان یودمی

قیمت ۱۹.۹۹ دلار
اما #رایگان فقط  برای اعضای با مرام کانال


🟣سررررریع Enroll کنید تا ظرفیت پر نشده
🌐 Enroll


از اینا ❤️ فراموش نشه فقط 😎

✉️@uxui_learn
Please open Telegram to view this post
VIEW IN TELEGRAM
54👍3😍2
بچه ها سلام یه فرصت کارآموزی....

جذب کارآموز UI Design

اگر به طراحی رابط کاربری علاقه دارید، ذوق و سلیقه دارید، برای یادگیری و تجربه واقعی در شرکت ارمغان راه طلایی اقدام نمایید.

📩 [email protected]
👍143😍2
سلام بچه ها🙂

دیگه دنبال فایل دیزاین سیستم ها نگردید...

یه سایتی هست اکثر دیزاین سیستم ها رو یکجا جمع کرده و دسترسی بهشون رایگان هم هست ...

دیزاین سیستم های فارسی رو هم داره #رایگان

همشون فایل فیگما

واقعا فوق العاده هست
امیدوارم براتون مفید باشه

🌐https://designsystems.ir/
Please open Telegram to view this post
VIEW IN TELEGRAM
41👍10🙏5😍4
بچه ها بیاین...

ماجرای یک UI Designer 🙂
( #فصل_اول)

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

#پاسخ:

برای رسیدن به این نقطه چند تا قدم هست که باید گام به گام پیش برید ...
(تاکید میکنم گام به گام پیش برید)


قدم اول
در قدم اول و برای چند هفته ی اول ، تلاش کنید از طرح های مختلف که داخل دریبل و بیهنس و... هستند ، مو به مو کپی کنید ...
یعنی مثلاً از یه طرح که خوشتون میاد، انتخابش کنید و مو به مو و عیناً ( بازم تاکید میکنم عیناً) ازش کپی کنید....

یعنی اصل طرح رو عیناً کپی کنید ...

قدم دوم

بعد از قدم اول که چند هفته مستمر از طرح ها کپی کردی و یه حس اعتماد به نفس پیدا کردی، یک وایرفریم از یک سایت یا اپلیکیشن رو در نظر بگیر و حالا اونو طراحیش کن ...
مثلا یه وایرفریم از یک هوم پیج یک سایت دندانپزشکی ترسیم کن و اونو طراحی کن ...
چند هفته هم تو این قدم بمون و تقویت کن خودتو..


قدم سوم
بعد از اینکه از طرح های مختلف کپی کردی و بعدشم که وایرفریم ترسیم کردی و اون رو هم طراحی کردی ، برو سراغ سایت های واقعی مختلف، یا اپلیکیشن های واقعی و حالا اونارو طراحی مجدد (به اصلاح ریدیزاین) کن ....
مثلا سایت علی بابا رو ریدیزاین کن ...
یا مثلاً اپلیکیشن دیوار رو ریدیزاین کن ...
تا هرجایی که تونستید....

چند هفته هم تو این قدم بمونید و تمرین کنید...
تمرین نه! بلکه تمرین و تمرین و تمرین ...


این ۳ تا قدم ، بسیار مهم بودند تو فرایند یادگیری تون....
اما کار ما تموم نشده !

☑️ضمیمه قدم سوم :

هم زمان که در قدم سوم هستی ، یعنی طرح ها رو ریدیزاین میکنی ، سعی کن به طرحشون فکر کنی ....
از خودت سوال کن و به دنبال جوابش بگرد...

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

و این جاست که هم زمان با قدم سوم ، اصول طراحی رو هم یاد میگیری و حرفه ای میشی ...

اصول طراحی
علم روانشناسی رنگ ها
گرید بندی
فضای سفید
انتخاب آیکون و Asset ها
و....


این قدم سوم و ضمیمش رو به صورت مستمر تکرار کن ...

بهتر بگم :
هی تکرار ، هی تمرین ...
هی تکرار ،هی تمرین ...

بعد از گذشت چند ماه
(البته اگر قدم ها رو درست بری) میبینی چقدر تغییر کردی و راحت میتونی طرح بزنی و یک پرتفولیو برای خودت درست کنی و برای شرکت ها Apply کنی...


(پایان فصل اول)

خب مسیر چطور بود؟ سخت بود ؟؟🙂



(این ماجرا ادامه دارد ...🙂)
Please open Telegram to view this post
VIEW IN TELEGRAM
66👍12😍2
𝗨𝗜/𝗨𝗫 Learn pinned «بچه ها بیاین... ماجرای یک UI Designer 🙂 ( #فصل_اول) سوال خیلی خیلی از بچه ها اینه که آقا چجوری UI رو یاد بگیریم و بعدش حرفه ای بشیم و بعدش پروژه بگیریم و بعد به درآمد برسیم ... #پاسخ: برای رسیدن به این نقطه چند تا قدم هست که باید گام به گام پیش برید…»
🔻بچه ها یه خبر...

این روز ها تو مصاحبه ها و کار خیلی مهمه که مهارت هدف‌گذاری و مدیریت عملکرد رو داشته باشی ...


پروداکت پلن یک دوره #رایگان آماده کرده که اسمش هست:
دوره رایـــــگان اصول طراحی OKR


نکته ی مهم :

بچه ها از کیفیت دوره اطلاعی ندارم و این دوره، از جهت فنی ، تایید یا رد نمیشه ...لذا #خودتون #بررسی کنید که خدای نکرده (از جهت اینکه زمان بذارید و بعد ناراضی بشید ) باعث متضرر شدن شما نشم ....

لینک دوره:
https://B2n.ir/ek6174
117😍2👍1👏1
Design Principles...
👍167
سلام بچه ها

عکس بالا، فهرستی جامع از قوانین سلسله‌مراتب بصری برای طراحی بهتر، در یک نگاه ...

حالا با مثال بگیم بهتره :


نقطه کانونی (Focal Point):
مثال: در پوستر یک فیلم، تصویر چهره بازیگر اصلی در مرکز و بزرگ‌تر از بقیه قرار می‌گیره.
کاربرد: جلب فوری توجه بیننده به مهم‌ترین بخش.

اندازه (Size):
مثال: دکمه "خرید" در سایت‌های فروشگاهی معمولاً بزرگ‌تر از بقیه متن‌هاست.
کاربرد: تأکید بر عملکرد مهم یا اقدام مورد نظر (Call to Action).

نزدیکی (Proximity):
مثال: شماره تماس، آدرس و ایمیل در کارت ویزیت نزدیک هم قرار می‌گیرن.
کاربرد: نمایش ارتباط بین اطلاعات مشابه.

رنگ (Colour):
مثال: استفاده از رنگ قرمز برای هشدار یا تخفیف.
کاربرد: ایجاد احساسات یا جلب توجه به قسمت خاصی.

کنتراست (Contrast):
مثال: متن سفید روی پس‌زمینه مشکی.
کاربرد: افزایش خوانایی و برجسته‌سازی اطلاعات مهم.

قاعده یک‌سوم (Rule of Thirds):
مثال: در عکس‌برداری، سوژه اصلی کمی از مرکز فاصله داره و در یک‌سوم تصویر قرار گرفته.
کاربرد: ترکیب‌بندی جذاب و حرفه‌ای‌تر.

حرکت (Movement):
مثال: طراحی فلش یا خطوطی که چشم را به سمت دکمه ثبت‌نام هدایت می‌کند.
کاربرد: کنترل مسیر نگاه کاربر.

تراز (Alignment):
مثال: همه متن‌های یک بروشور به صورت منظم از سمت چپ چیده شده‌اند.
کاربرد: نظم بصری و حرفه‌ای به نظر رسیدن طرح.

فضای خالی (Whitespace):
مثال: سایت Apple که فضای خالی زیادی داره و تمرکز روی محصولات رو بیشتر می‌کنه.
کاربرد: ایجاد حس لوکس بودن و تمرکز بر محتوا.

تایپوگرافی (Typography):
مثال: استفاده از فونت خاص برای تیتر مجله و فونت ساده برای متن.
کاربرد: تفکیک اطلاعات و انتقال حس برند.

خطوط (Lines):
مثال: استفاده از خط‌های افقی برای جدا کردن بخش‌های مختلف یک وب‌سایت.
کاربرد: هدایت چشم یا تقسیم‌بندی محتوا.

نسبت طلایی (Golden Ratio):
مثال: طراحی لوگوی توییتر یا پوسترهایی که بر اساس نسبت ۱.۶ طراحی شدن.
کاربرد: ایجاد حس زیبایی طبیعی و هماهنگی.

بافت (Texture):
مثال: استفاده از بافت کاغذ قدیمی در طراحی جلد کتاب تاریخی.
کاربرد: افزودن حس واقعی یا جذابیت بصری.

تعادل (Balance):
مثال: طراحی صفحه‌ای که عکس در سمت چپ و متن در سمت راست، با وزن بصری برابر چیده شده.
کاربرد: پایداری و آرامش در طراحی.

الگو (Pattern):
مثال: پس‌زمینه‌ای با طرح تکراری برگ‌ها در یک پوستر طبیعت.
کاربرد: هویت بصری منظم و جذاب.

تکرار (Repetition):
مثال: استفاده از یک رنگ ثابت برای تمام دکمه‌ها در یک اپلیکیشن.
کاربرد: انسجام بصری و تقویت برند.

پرسپکتیو (Perspective):
مثال: طراحی تصویر خیابان با خطوطی که به یک نقطه دور ختم می‌شن.
کاربرد: القای عمق و تمرکز به نقطه خاص.

تصادفی (Random):
مثال: قرار دادن المان‌های رنگی به صورت پراکنده در یک طرح هنری.
کاربرد: حس خلاقیت، زندگی و جلوگیری از یکنواختی.
🔥236👍1
𝗨𝗜/𝗨𝗫 Learn pinned «سلام بچه ها عکس بالا، فهرستی جامع از قوانین سلسله‌مراتب بصری برای طراحی بهتر، در یک نگاه ... حالا با مثال بگیم بهتره : نقطه کانونی (Focal Point): مثال: در پوستر یک فیلم، تصویر چهره بازیگر اصلی در مرکز و بزرگ‌تر از بقیه قرار می‌گیره. کاربرد: جلب فوری…»
#دعوت_به_همکاری

🔸 موقعیت شغلی: #طراح_گرافیک
(یکی از زیر مجموعه های شهرداری تهران)

توانایی طراحی پوستر و صفحه آرایی.
تسلط به هوش مصنوعی امتیاز محسوب میشه.

حقوق: ۲۰ تا ۲۵ نسبت به سطح (توافقی)

بیمه تامین اجتماعی
کمک هزینه دوره های آموزشی
هدایا مناسبی و ...

همکاری: حضوری
تهران محدوده ونک (شنبه تا چهارشنبه ۹ تا ۵)


برای ارسال رزومه و نمونه کارهاتون به آی‌دی زیر در تلگرام پیام بدین:
@HaniBahmani


بچه هایی که تمایل دارند #بررسی کنید
👍13
سلام بچه ها ....خوبین؟؟

کتابچه #رایگان تعاریف و اصطلاحات پرکاربرد UIUX (نسخه اول)

🔅یه #هدیه کوچیک برای بچه‌های علاقمند به حوزه ی UI/UX

🔍 اگه تازه می‌خوای وارد دنیای طراحی رابط و تجربه کاربری بشی و یا کلی اصطلاحات عجیب و غریب شنیدی و نمی‌دونی یعنی چی، این کتابچه به کارت میاد!

در این کتابچه سعی کردم اصطلاحات و تعاریف کاربردی مهم در حوزه ی UIUX رو گردآوری و تقدیم شما عزیزان کنم تا همیشه دمِ دستتون باشه...


📚 این کتابچه مناسب برای:

تازه‌کارهای UIUX
و همه افراد علاقه مند به این حوزه


قلب ❤️ های شما یعنی حمایت ☺️
60👍5🔥2
HTML Embed Code:
2025/07/09 01:23:00
Back to Top