Telegram Web
#وبلاگ_UiPin
🔰 عنوان #مقاله : در سال 2022 چگونه به یک طراح رابط کاربری تبدیل شویم؟ (بخش چهارم)
توسط : #نسرین_پیرسا

یادگیری طراحی رابط کاربری آسان نیست. به من اعتماد کنید، من تجربه اش را دارم! مهارت ها و ویژگی های خاصی وجود دارد که باعث می شود سفر شما به این حرفه راحت تر پیش برود و من تعدادی از آنها را برای شما فهرست کرده ام. بیایید نگاهی بیندازیم و ببینیم آیا این ویژگی ها در شما وجود دارند ...

#طراحی_رابط_کاربری #رابط_کاربری

👇👇👇

🔗 https://uipin.org/blog/how-to-become-a-ui-designer-4


🔴 @uipinorg | لینکدین | اینستاگرام
ورود کاربر، مرحله ای است که توسط آن یک کاربر می‌تواند خود را به یک سیستم رایانه‌ای معرفی کند. این کار برای استفاده از امکانات بیشتر از یک سایت یا دسترسی به قسمت های خاص می باشد.

🔶 بررسی این الگو دروب سایت دیوار

دیوار وب سایتی است برای خرید و فروش محصولات مختلف. کاربران سایت میتوانند برای مشاهده و مدیریت آگهی خود وارد قسمت دیوار من بشوند ( سمت چپ بالا آیکن کاربر ). در بخش ورود با وارد کردن شماره موبایل، یک کد ۶ رقمی به شماره موبایلی که کاربر وارد کرده است پیامک می شود همچنین امکان تغییر شماره موبایل برای کاربر فراهم شده، ولی در صورتیکه از اعتبار کد ارسالی گذشته باشد، دکمه ای جهت ارسال مجدد کد وجود ندارد! در زمان ورود کاربر، پیغام ها با رنگ مناسب نمایش داده می شوند. نحوه نمایش صفحه برای ورود کاربر به صورت modal می باشد.

🔗 برای بررسی کامل این الگو به وب سایت ما مراجعه کنید ;)
www.uipin.org

#الگو_ورود #صفحه_ورود #وب_سایت_دیوار #دیوار #دیزاین_پترن #الگوها

🔴 @uipinorg | لینکدین | اینستاگرام
#وبلاگ_UiPin
🔰 عنوان #مقاله : جریان طراحی خود را بوسیله الگوهای رابط کاربری سرعت ببخشید!
توسط : #فرزانه_حسنی

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

#الگوهای_طراحی

👇👇👇

🔗 https://uipin.org/blog/speed-up-with-ui-patterns


🔴 @uipinorg | لینکدین | اینستاگرام
از طریق اشتباهات است که در واقع می‌توانید رشد کنید. برای اینکه خوب باشید، ابتدا باید از بد بودن شروع کنید!!

"پائولا شر" Paula Scher، یکی از تأثیرگذارترین طراحان گرافیک در جهان است. او توانسته بین فرهنگ مردمی و هنرهای زیبا پیوندی ایجاد کند. تصاویرِ نمادین، هوشمندانه و آشنای او در فرهنگ آمریکایی کاملا جا افتاده و قابل قبول است.

"پائولا شر" که متولد سال 1948 در واشنگتن است علاوه بر گرافیک در زمینه نقاشی نیز فعالیت دارد. و تحصیلاتش را در مدرسه هنری الینزپارک پنسیلوانیا به اتمام رسانده است. او همچنین از سال 1991 اولین مدیر زن در موسسه هنری پنتاگرام است.

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

جامع طراحی و هنر به او لقب "جادوگرِ چیره دستِ آشنا؛ " داده است.

#پائولا_شر #نقل_قول #نقل_قول_طراحی #طراحی_محصول

🔴 @uipinorg | لینکدین | اینستاگرام
#وبلاگ_UiPin
🔰 عنوان #مقاله : در سال 2022 چگونه به یک طراح رابط کاربری تبدیل شویم؟ (بخش پنجم)
توسط : #نسرین_پیرسا

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

#طراحی_رابط_کاربری #رابط_کاربری

👇👇👇

🔗 https://uipin.org/blog/how-to-become-a-ui-designer-5



🔴 @uipinorg | لینکدین | اینستاگرام
برای نمایش پاراگراف ها از ارتفاع مناسب استفاده کنید.
نکته پنجم
بخش : #تایپوگرافی
#50uitips_fa

ارتفاع بین خطوط (line height) در یک پاراگراف باید متناسب باشد. هرچه اندازه فونت بزرگ‌تر باشد، ارتفاع خط کوچک‌تر خواهد بود. به عنوان مثال، درتصویر زیر ضریب برای متن اول ~1 - ۱.۴، و برای دو متن بعدی به ترتیب 1.3 و 1.2 است.

#طراحی #رابط_کاربری #طراحی_ui #تایپوگرافی #کتاب #کتاب_ui #سامان_وحدت #ارتفاع_بین_خطوط #وب_سایت #اپلیکیشن #دیزاین_پترن #طراح




🔴 @uipinorg | لینکدین | اینستاگرام
#وبلاگ_UiPin
🔰 عنوان #مقاله : برای ورود به دنیای طراحی رابط ‌کاربری از کجا باید شروع کنیم؟
توسط : #فاطمه_فرشیدفر

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

#طراحی_رابط_کاربری #رابط_کاربری

👇👇👇

https://uipin.org/blog/how-to-start-ui-design


🔴 @uipinorg | لینکدین | اینستاگرام
این الگو، تصویر محل کسب و کار صاحبان برنامه بر روی نقشه است که بیشتر در قسمت "تماس با ما" آورده می شود.

- مزیت های استفاده از نقشه در اپلیکیشن :

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

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

🔹 برای رویت نقشه در سایز بزرگتر کاربر را به گوگل مپ ارجاع داده می شود.
🔹یافتن صفحه ی "تماس با ما" برای کاربران دائمی سهل است، اما کسانی که به تازگی وارد این برنامه شده اند، بعد از کلی تلاش به هدف مورد نظر می رسند.

🔶 برای بررسی کامل این الگو به وب سایت ما مراجعه کنید ;)
www.uipin.org

#نقشه #طراحی_نقشه #الگو_نقشه #اپلیکیشن #علی_بابا #دیزاین_پترن


🔴 @uipinorg | لینکدین | اینستاگرام
طراح نقش یک میزبان خوب و متفکر را به عهده دارد که نیازهای مهمانان خود را پیش بینی می کند.
مدیر طراحی آژانس iconstorm

تام هیلر به کسب و کارها کمک می کند تا از طریق گفتگوهای سازمان ‌یافته تصمیمات بهتری بگیرند. او علاوه بر نقش فعلی خود به عنوان مدیر طراحی در آژانس iconstorm، با انواع کنفرانس‌های مرتبط با فناوری و طراحی در فرانکفورت و اطراف آلمان همکاری دارد. او اخیراً یک وب سایت ابتکاری به نام «future-tools-now» را برای کمک به تسهیل حرکت به سمت آینده وب و دنیای دیجیتال راه اندازی کرده است.

www.future-tools-now.eu
www.iconstorm.com

#تام_هیلر #نقل_قول #نقل_قول_طراحی #تفکر_طراحی

🔴 @uipinorg | لینکدین | اینستاگرام
#وبلاگ_UiPin
🔰 عنوان #مقاله : در سال 2022 چگونه به یک طراح رابط کاربری تبدیل شویم؟ (بخش ششم)
توسط : #نسرین_پیرسا

تغییر به یک حرفه جدید می تواند دلهره آور باشد، من همه این سختی ها را تجربه کرده ام! چالش‌های زیادی وجود دارد که با آن‌ها روبرو خواهید شد، اما به یاد داشته باشید، چیزی وجود ندارد که نتوان بر آن غلبه کرد . . .

#طراحی_رابط_کاربری #رابط_کاربری #طراحی_ui

👇👇👇

🔗 https://uipin.org/blog/how-to-become-a-ui-designer-6


🔴 @uipinorg | لینکدین | اینستاگرام
نکته دهم : اطلاعات مربوط به ساخت رمز عبور را به کاربر نشان دهید.
بخش : فرم ها و فیلد های ورودی
#50uitips_fa

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

#طراحی #رابط_کاربری #طراحی_ui #فرم_ها #کتاب #کتاب_ui #سامان_وحدت #فیلد_ها #وب_سایت #اپلیکیشن #دیزاین_پترن #طراح #تجربه_کاربری



🔴 @uipinorg | لینکدین | اینستاگرام
الگوی لیست کشویی (Dropdown List)

الگوی Dropdown List یا لیست کشویی، عنصر قابل تغییری است که به کاربر اجازه می دهد یک مقدار را از یک لیست از پیش تعریف شده، انتخاب کند.
در وب سایت دیوار با استفاده از لیست کشویی، امکان انتخاب شهر مورد نظر برای نمایش لیست آگهی ها یا انتشار آن به خوبی برای کاربر محیا شده است.

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


🔗 برای بررسی کامل این الگو به وب سایت ما مراجعه کنید ;)
www.uipin.org

#الگو_لیست_کشویی #لیست_کشویی #وب_سایت_دیوار #دیوار #طراحی #وب_سایت #رابط_کاربری #تجربه_کاربری #دیزاین_پترن #الگوها #طراحی_ui


🔴 @uipinorg | لینکدین | اینستاگرام
«سبک ها می آیند و می روند. اما طراحی خوب یک زبان است، نه یک سبک.»
ماسیمو ویگنلی / Massimo Vignelli

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

در سال 2009، ویگنلی یک کتاب الکترونیکی رایگان به نام The Vignelli Canon را با هدف انتقال میراث و گنجینه دانش خود در زمینه طراحی به طراحان جوان راه اندازی کرد. ماسیمو ویگنلی در 27 می 2014 پس از یک دوره طولانی بیماری درگذشت.


#ماسیمو_ویگنلی #طراح_گرافیک #طراح_صنعتی #قرن_بیستم #طراح_ایتالیایی #نقل_قول #نقل_قول_طراحی


🔴 @uipinorg | لینکدین | اینستاگرام
#وبلاگ_UiPin
🔰 عنوان #مقاله : مقدمه ای بر الگوهای طراحی رابط کاربری
توسط : #شیما_مهدوی

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

#الگوهای_طراحی

👇👇👇

🔗 https://uipin.org/blog/intro-to-ui-patterns


🔴 @uipinorg | لینکدین | اینستاگرام
#کتاب : 50 نکته برای بهبود مهارت طراحی رابط کاربری
نکته 15: فیلدهای پیش فرض فایل را با فیلدهای سفارشی جایگزین کنید.
بخش : فرم ها و فیلد های ورودی
#50uitips_fa

فیلدهای پیش فرض فایل در مرورگرهای مختلف متفاوت به نظر می رسند. به علاوه، آنها کاربردپذیری ضعیفی دارند. آنها ویژگی های زیادی مانند پیش نمایش تصویر، اعتبارسنجی اندازه فایل، آپلود ناهمزمان و غیره را ندارند. به جای استفاده از ورودی های پیش فرض که با مرورگرها ناسازگار هستند، باید فیلدهای ورودی را به شیوه ای طراحی کنید که بر اساس نیاز پروژه سفارشی شده باشند.

#طراحی #رابط_کاربری #طراحی_ui #فرم_ها #کتاب #کتاب_ui #سامان_وحدت #فیلد_ها #وب_سایت #اپلیکیشن #دیزاین_پترن #طراح #تجربه_کاربری


🔴 @uipinorg | لینکدین | اینستاگرام
#وبلاگ_UiPin
🔰 عنوان #مقاله : در سال 2022 چگونه به یک طراح رابط کاربری تبدیل شویم؟ (بخش هفتم)
توسط : #نسرین_پیرسا

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

#طراحی_رابط_کاربری #رابط_کاربری #طراحی_ui

👇👇👇
🔗 https://uipin.org/blog/how-to-become-a-ui-designer-7


🔴 @uipinorg | لینکدین | اینستاگرام
#وبلاگ_UiPin
🔰 عنوان #مقاله : راهنمای ترندهای طراحی رابط کاربری در سال 2022
توسط : #فرزانه_حسنی

2021 سال هیجان انگیزی برای طراحان بود. معرفی متاورس (Metaverse) ، بطور کامل شکافی در صنعت طراحی ایجاد کرد. بسیاری از فرضیات مربوط به سال 2021 به یک ترند تبدیل شده اند - و بسیاری از آنها به چیزی کاملاً جدید تکامل یافته اند . . .

#طراحی_رابط_کاربری #رابط_کاربری #طراحی_ui

👇👇👇

🔗 https://uipin.org/blog/2022-ui-design-trends-guide


🔴 @uipinorg | لینکدین | اینستاگرام
الگو صفحه/فیلد جستجو

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

در اپلیکیشن فیدیبو کاربران برای جستجو کتاب/ کتاب صوتی/ پادکست می بایست به سراغ منو جستجو از منو ناوبری بروند. با انتخاب این گزنیه از منو :

🔶 صفحه جستجو شامل شامل باکس جستجو، سبد خرید و دسته های مربوط به محصولات قابل ارائه می باشد
🔶 دسته بندی های در پیشنهادی، جستجو را برای کاربر راحتتر می کند. که شامل آیکن، عنوان می باشد.
🔶 فیلد جستجو دارای پلیس هولدر ( Placeholder ) می باشد با عنوان جستجو در فیدیبو.
🔶 با انتخاب فیلد جستجو دسته بندی های دیگر به صورت عنوان کتاب برای دسترسی سریعتر قرار داده شده اند.
🔶 منو جستجو به همراه آیکن به حالت فعال و به رنگ اصلی برند فیدیبو تغییر می کند

🌐 برای مشاهده نقد و بررسی این الگو به وب سایت www.uipin.org مراجعه‌ کنید.

#الگوطراحی #فیلد_جستجو #دیزاین_پترن


🔴 @uipinorg | لینکدین | اینستاگرام
راه سریع‌تری برای شکست پیدا کنید، یافته های خود را بهبود ببخشید و دوباره امتحان کنید!!
آزا راسکین Aza Raskin / مدیر تیم طراحی در Firefox

آزا راسکین یکی از بنیانگذاران "مرکز فناوری انسانی" ( Center for Humane Technology) و "پروژه گونه های زمین" است. وی همچنین نویسنده ، کارآفرین ، مخترع و طراح رابط کاربری است. او فرزند جف راسکین و همکار او در پروژه های مهم شرکت اپل از جمله پروژه مکینتاش/ Macintosh در اپل بود.
به عنوان مدافع استفاده اخلاقی از فناوری ، راسکین از تأثیراتی که فن آوری مدرن در زندگی روزمره و جامعه ایجاد کرده انتقاد می کند. راسکین به عنوان رئیس تجربه کاربری در آزمایشگاه موزیلا و به عنوان طراح اصلی برای فایرفاکس مشغول به کار است و تعدادی شرکت را تاسیس کرده است. او همچنین مخترع اسکرول بی نهایت است (فیس بوک) . اخیراً، او در پروژه‌های واقعیت مجازی و بزرگ‌نمایی رابط کاربری (ZUI) همکاری تاثیر گذاری داشته است.

#آزا_راسکین #طراحی_محصول #اپل #طراحی #کاربر #نقل_قول #نقل_قول_طراحی #تجربه_کاربری


🔴 @uipinorg | لینکدین | اینستاگرام
#وبلاگ_UiPin
🔰 عنوان #مقاله : چگونه وارد بازار کار طراحی بشویم و درآمد کسب کنیم؟ (بخش هشتم)
توسط : #نسرین_پیرسا

حالا که مطالعه مجموعه مقاله های "در سال 2022 چگونه به یک طراح رابط کاربری تبدیل شویم؟" را به پایان رساندید، اگر می خواهید وارد بازار کار طراح رابط کاربری شوید، چه کاری باید انجام دهید؟ چطور بدون سابقه شغلی، کار پیدا خواهید کرد؟! در قسمت هشتم به بررسی این موضوع مهم می پردازیم.

#طراحی_رابط_کاربری #رابط_کاربری #طراحی_ui

👇👇👇

🔗 https://uipin.org/blog/how-to-become-a-ui-designer-8


🔴 @uipinorg | لینکدین | اینستاگرام
2025/06/16 18:13:45
Back to Top
HTML Embed Code: