۱۰ مورد از بهترین ابزارهای ساخت پروتوتایپ برای طراحان رابط و تجربه ی کاربری
https://goo.gl/DZCT5R
@Uixchannel
https://goo.gl/DZCT5R
@Uixchannel
This media is not supported in your browser
VIEW IN TELEGRAM
یکی از بهترین خبر هایی که در این چند روز شنیده ایم. در آخرین نسخه ی منتشر شده از اسکچ ابزار های ساخت پروتوتایپ به این برنامه اضافه شده است.
@Uixchannel
@Uixchannel
Forwarded from :de (Danial Sabounchi)
شایان مهردوست عزیز اخیرا مطلبی با عنوان "صحبتی با طراحان" منتشر کرده که، پیشنهاد میکنم از لینک زیر حتما مطالعه کنید.
goo.gl/EyfeQQ
#Desgin #ProductDesign
@UXplanet
goo.gl/EyfeQQ
#Desgin #ProductDesign
@UXplanet
Forwarded from فلسفه دیزاین (Ramin Khatibi)
پیش از دیزاین، داستان بنویسید
چند روز پیش، در شرکت برای دیزاین صفحه Landing وبِ دو سرویس اخیرمون با بچههای تیم گپ میزدیم. بچهها میدونستن که سرویسها دقیقا چی هستن، جز به جزش رو خودشون دیزاین کرده بودند ولی برای نهایی کردن صفحه Landing مشکل داشتند و نمیتونستند به یک ایده خوب، جامع و منسجم برای دیزاینش برسن.
بهشون پیشنهاد کردم از اول شروع کنند، ولی اینبار قبل از نشستن پشت کامپیوتر، لحظاتی رو به نوشتن چیزی که دقیقا میخوان بگن اختصاص بدن. در چند جمله بگن که این سرویس چی هست، ویژگیهایی که به نظرشون مهم هست چیا هستند و …
برام جالب بود که بعد از این گپی که داشتیم، به مقالهای برخوردم که این روش رو به شکلی منسجمتر توضیح داده بود. آقای Fabricio Teixeira، نویسنده مقاله امروز توضیح میده که سالها این روش رو استفاده میکرده ولی هیچوقت به شکل یک «تکنیک» بهش نگاه نکرده بود. اتفاقی که دقیقا برای خود من هم طی این سالها افتاده بود.
ایشون اسم این روش رو Storyframing گذاشته، اون رو مشابه نوشتن فیلمنامه در نظر گرفته و توضیح میده که هر رابط کاربری داره داستانی رو نقل میکنه. پس بهتره پیش از ساختن هر رابط کاربری، برای دوری از شلوغیهای رنگها، المانهای و یا هر نوع تصمیم دیزاینی که بعضا حتی در wireframing و اسکچ زدن هم اتفاق میافته، اول عصاره اون صفحه رو که داستانی هست که نقل میکنه، بنویسیم.
سپس مرحله به مرحله داستانمون رو به المانهای دیزاین مثل متنها، انیمیشنها، تصویرسازیها و … تبدیل کنیم.
نوشته امروز این روش رو بصورت یک روند ۴ مرحلهای توضیح میده و برای فهم بهتر موضوع، مثالهای از سرویسهای Dropbox، Airbnb و NY Times میاره.
به شخصه کارایی که این روش داره و صرفهجویی رو که در زمان دیزاین رابط کاربری باعث میشه، بصورت تجربی دیدم و پیشنهاد میکنم این مقاله رو از دست ندید و راهکارش رو بصورت جدی استفاده کنید.
https://uxdesign.cc/storyframes-before-wireframes-starting-designs-in-the-text-editor-ec69db78e6e4
(زمان حدودی مطالعه، ۱۰ دقیقه و نصف لیوان قهوه)
#تکنیک #رابط_کاربری #داستان_نویسی #وب
@Dexign دیزاین
___
چند روز پیش، در شرکت برای دیزاین صفحه Landing وبِ دو سرویس اخیرمون با بچههای تیم گپ میزدیم. بچهها میدونستن که سرویسها دقیقا چی هستن، جز به جزش رو خودشون دیزاین کرده بودند ولی برای نهایی کردن صفحه Landing مشکل داشتند و نمیتونستند به یک ایده خوب، جامع و منسجم برای دیزاینش برسن.
بهشون پیشنهاد کردم از اول شروع کنند، ولی اینبار قبل از نشستن پشت کامپیوتر، لحظاتی رو به نوشتن چیزی که دقیقا میخوان بگن اختصاص بدن. در چند جمله بگن که این سرویس چی هست، ویژگیهایی که به نظرشون مهم هست چیا هستند و …
برام جالب بود که بعد از این گپی که داشتیم، به مقالهای برخوردم که این روش رو به شکلی منسجمتر توضیح داده بود. آقای Fabricio Teixeira، نویسنده مقاله امروز توضیح میده که سالها این روش رو استفاده میکرده ولی هیچوقت به شکل یک «تکنیک» بهش نگاه نکرده بود. اتفاقی که دقیقا برای خود من هم طی این سالها افتاده بود.
ایشون اسم این روش رو Storyframing گذاشته، اون رو مشابه نوشتن فیلمنامه در نظر گرفته و توضیح میده که هر رابط کاربری داره داستانی رو نقل میکنه. پس بهتره پیش از ساختن هر رابط کاربری، برای دوری از شلوغیهای رنگها، المانهای و یا هر نوع تصمیم دیزاینی که بعضا حتی در wireframing و اسکچ زدن هم اتفاق میافته، اول عصاره اون صفحه رو که داستانی هست که نقل میکنه، بنویسیم.
سپس مرحله به مرحله داستانمون رو به المانهای دیزاین مثل متنها، انیمیشنها، تصویرسازیها و … تبدیل کنیم.
نوشته امروز این روش رو بصورت یک روند ۴ مرحلهای توضیح میده و برای فهم بهتر موضوع، مثالهای از سرویسهای Dropbox، Airbnb و NY Times میاره.
به شخصه کارایی که این روش داره و صرفهجویی رو که در زمان دیزاین رابط کاربری باعث میشه، بصورت تجربی دیدم و پیشنهاد میکنم این مقاله رو از دست ندید و راهکارش رو بصورت جدی استفاده کنید.
https://uxdesign.cc/storyframes-before-wireframes-starting-designs-in-the-text-editor-ec69db78e6e4
(زمان حدودی مطالعه، ۱۰ دقیقه و نصف لیوان قهوه)
#تکنیک #رابط_کاربری #داستان_نویسی #وب
@Dexign دیزاین
___
Medium
Storyframes before wireframes
What if you started your designs in the text editor?
Forwarded from فنآورد
📢 اطلاعیه
🔶 به اطلاع شرکتکنندگان محترم رشته #طراحی_رابط_کاربری (UI Design) میرساند، رقابت در این رشته آغاز شده است. ثبتنام کنندگان در این رشته میتوانند با مراجعه به سایت contest.fanavard.com اقدام به پاسخگویی به مسأله رقابت کنند (زمانبندی پاسخ به مسأله در سایت کانتست وجود دارد).
✉️ لازم به ذکر است اطلاعیه آغاز مسابقات این رشته به صورت جداگانه از طریق رایانامه و پیامک منتشر خواهد شد.
دبیرخانه مجموعه رقابتهای تخصصی فنآورد
@fanavard_ir
🔶 به اطلاع شرکتکنندگان محترم رشته #طراحی_رابط_کاربری (UI Design) میرساند، رقابت در این رشته آغاز شده است. ثبتنام کنندگان در این رشته میتوانند با مراجعه به سایت contest.fanavard.com اقدام به پاسخگویی به مسأله رقابت کنند (زمانبندی پاسخ به مسأله در سایت کانتست وجود دارد).
✉️ لازم به ذکر است اطلاعیه آغاز مسابقات این رشته به صورت جداگانه از طریق رایانامه و پیامک منتشر خواهد شد.
دبیرخانه مجموعه رقابتهای تخصصی فنآورد
@fanavard_ir
یکی از کاربردی ترین پلاگین های اسکچ
سرعت خود را در هنگام کار با اسکچ افزایش بدید و حرفهای تر کار کنید :)
https://sketchrunner.com/
@Uixchannel
سرعت خود را در هنگام کار با اسکچ افزایش بدید و حرفهای تر کار کنید :)
https://sketchrunner.com/
@Uixchannel
This media is not supported in your browser
VIEW IN TELEGRAM
مورد مهمی که در نسخه 52 Sketch اضافه شده، بخش Data هست که از طریق آن به داده های تصویری (مانند تصاویر چهره اشخاص) یا داده های متنی (مانند نام شهر ها ) دسترسی راحت تر نسبت به قبل داریم.
@Uixchannel
@Uixchannel
خبر خوب برای طراحان فارسی زبان #اسکچ!
با دانلود رایگان افزونه "Box - Persian Supplier" در بخش Data میتوانید به لیستی از شهر ها و نام های فارسی و... دسترسی داشته باشید.
دانلود: bit.ly/persiansupplier
@Uixchannel
با دانلود رایگان افزونه "Box - Persian Supplier" در بخش Data میتوانید به لیستی از شهر ها و نام های فارسی و... دسترسی داشته باشید.
دانلود: bit.ly/persiansupplier
@Uixchannel
توانایی تمرکز بر روی یک کار ذهنی برای مدت طولانی به سرانجام رسوندنش، معادل یک قدرت ماورا طبیعی توی قرن ۲۱امه!
http://vrgl.ir/Hei4o
@Uixchannel
http://vrgl.ir/Hei4o
@Uixchannel
تمرکز کامل روی کار با ذهن نا آرام ممکن نیست. در کنار محیط کار مناسب موسیقی خوب هم به شما کمک میکند.
https://bit.ly/2yxuv8q
@Uixchannel
https://bit.ly/2yxuv8q
@Uixchannel
"تطبیق پذیری آیکون اپلیکیشن ها"
موضوعی که لازمه ی طراحی ایکون برای اپلیکیشن هاست اما در فضای اپلیکیشن های ایرانی کمتر دیده شده
مطالعه : http://vrgl.ir/E9fkq
نوشته ی مهدی مهرهچی
@Uixchannel
موضوعی که لازمه ی طراحی ایکون برای اپلیکیشن هاست اما در فضای اپلیکیشن های ایرانی کمتر دیده شده
مطالعه : http://vrgl.ir/E9fkq
نوشته ی مهدی مهرهچی
@Uixchannel
طراحی اپلیکیشن و وبسایت همیشه به طور کامل به صورت دیجیتال نیست، گاهی اوقات شما نیازمند مداد، کاغذ و برخی قالب های مناسب جهت سرعت بخشیدن به روند خلاقیت خود هستید.
http://sneakpeekit.com/
@Uixchannel
http://sneakpeekit.com/
@Uixchannel
Forwarded from Tehran Dribbble Meetup
مادور هم جمع شدیم تا برای شما شگفتی بیافرینیم.
روی شبکههای اجتماعی #TehranDM رو دنبال کنید و به دوستان دیزاینرتون هم خبر بدید.
@TehranDribbbleMeetup
روی شبکههای اجتماعی #TehranDM رو دنبال کنید و به دوستان دیزاینرتون هم خبر بدید.
@TehranDribbbleMeetup
در عرض ۳ ماه، مخاطبان اکانت دریبل خود را به +۵۰۰۰ برسانید!
در لینک زیر بخوانید
https://bit.ly/2SSnkiS
@Uixchannel
در لینک زیر بخوانید
https://bit.ly/2SSnkiS
@Uixchannel
استفاده از تصاویر در مفهوم رسانی بهتر و هم زیبایی بیشتر صفحات وب و اپلیکیشن به شما کمک میکند.
با ورود به لینک زیر به مجموعه تصاویر رایگان دسترسی داشته باشید
https://icons8.com/ouch
@Uixchannel
با ورود به لینک زیر به مجموعه تصاویر رایگان دسترسی داشته باشید
https://icons8.com/ouch
@Uixchannel