این پست تا به حال نزدیک به ۲۴۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
سرویس Figma 2.0: ابزاری برای تمام فصول
وقتی ابزار Sketch معرفی شد، من کاربر Photoshop بودم و به خاطر سالها کار با این رفیق قدیمیام و حفظ بودن تمام میانبرها، ضعفها و قوتهایش، دلم نمیخواست به سمت ابزار جدیدی بروم. کمی گذشت و Sketch با بروزرسانیهایش، همه را شگفتزده کرد و تیمهای دیزاین قوی مثل Foursquare به سمت آن رفته و اپلیکیشن خود را با آن بازطراحی کردند.
طلسم را شکستم و استفاده از Sketch را آغاز کردم. این اتفاق به قدری لذتبخش بود که به نقطه عطفی از زندگی کاریام بدل شد و از آن پس هر ابزار جدیدی را امتحان میکنم.
چندی قبل، خبر انتشار یک ابزار Collaborative طراحی رابط کاربری به اسم Figma را خواندم و زمانی را برای تیم دیزاین شرکت خالی کردم تا این ابزار را تست کنیم. چند صفحه از یک اپلیکیشن آشپزی را طراحی کردیم که نتایج آن روی Behance تیممان قابل مشاهدهست:
https://www.behance.net/gallery/49456671/COOKY-APP
بعد از تجربه خوب کار با Figma، اخبار آن را مشتاقانهتر دنبال میکردم. تیم پرشور و هیجان این ابزار کاربردی، حالا نسخه دوم از ابزار خود را معرفی کردند که امکان Prototyping و همچنین امکانی به اسم Developer Handoff را برای کاربران خود به ارمغان آورده است. Developer Handoff ویژگیست که به دیزاینرها اجازه میدهد یک نسخه از فایل دیزاین خود را بصورت View Only و غیرقابل ویرایش با توسعهدهنده پروژه به اشتراک بگذارند. توسعهدهنده با کلیک روی هر لایه میتواند ویژگیهای آن را بصورت غیرقابل ویرایشی ببیند و حتی آیکنها و سایر Assetهای مورد نظر خود را مستقیما از همان فایل، با اندازه و فرمت مد نظرش، خروجی بگیرد.
ابزار Figma، بصورت کامل از فرمتهای گرافیک بُرداری (Vector) پشتیبانی میکند و به راحتی میتوانید از آنها در طراحیهای خود استفاده کنید.
مقاله امروز، معرفی ویژگیهای جدید Figma، از زبان بنیانگذار و مدیرعامل این سرویس، Dylan Field است.
به نظر من آینده از آنِ ابزارهای Collaborative بوده و Figma تا کنون بینظیر عمل کرده است.
مقاله امروز را از دست ندهید:
https://blog.figma.com/figma-2-0-now-with-prototyping-and-developer-handoff-1b309a5d025c
(زمان حدودی مطالعه، ۸ دقیقه)
#معرفی #ابزار #Figma
@Dexign دیزاین
___
وقتی ابزار Sketch معرفی شد، من کاربر Photoshop بودم و به خاطر سالها کار با این رفیق قدیمیام و حفظ بودن تمام میانبرها، ضعفها و قوتهایش، دلم نمیخواست به سمت ابزار جدیدی بروم. کمی گذشت و Sketch با بروزرسانیهایش، همه را شگفتزده کرد و تیمهای دیزاین قوی مثل Foursquare به سمت آن رفته و اپلیکیشن خود را با آن بازطراحی کردند.
طلسم را شکستم و استفاده از Sketch را آغاز کردم. این اتفاق به قدری لذتبخش بود که به نقطه عطفی از زندگی کاریام بدل شد و از آن پس هر ابزار جدیدی را امتحان میکنم.
چندی قبل، خبر انتشار یک ابزار Collaborative طراحی رابط کاربری به اسم Figma را خواندم و زمانی را برای تیم دیزاین شرکت خالی کردم تا این ابزار را تست کنیم. چند صفحه از یک اپلیکیشن آشپزی را طراحی کردیم که نتایج آن روی Behance تیممان قابل مشاهدهست:
https://www.behance.net/gallery/49456671/COOKY-APP
بعد از تجربه خوب کار با Figma، اخبار آن را مشتاقانهتر دنبال میکردم. تیم پرشور و هیجان این ابزار کاربردی، حالا نسخه دوم از ابزار خود را معرفی کردند که امکان Prototyping و همچنین امکانی به اسم Developer Handoff را برای کاربران خود به ارمغان آورده است. Developer Handoff ویژگیست که به دیزاینرها اجازه میدهد یک نسخه از فایل دیزاین خود را بصورت View Only و غیرقابل ویرایش با توسعهدهنده پروژه به اشتراک بگذارند. توسعهدهنده با کلیک روی هر لایه میتواند ویژگیهای آن را بصورت غیرقابل ویرایشی ببیند و حتی آیکنها و سایر Assetهای مورد نظر خود را مستقیما از همان فایل، با اندازه و فرمت مد نظرش، خروجی بگیرد.
ابزار Figma، بصورت کامل از فرمتهای گرافیک بُرداری (Vector) پشتیبانی میکند و به راحتی میتوانید از آنها در طراحیهای خود استفاده کنید.
مقاله امروز، معرفی ویژگیهای جدید Figma، از زبان بنیانگذار و مدیرعامل این سرویس، Dylan Field است.
به نظر من آینده از آنِ ابزارهای Collaborative بوده و Figma تا کنون بینظیر عمل کرده است.
مقاله امروز را از دست ندهید:
https://blog.figma.com/figma-2-0-now-with-prototyping-and-developer-handoff-1b309a5d025c
(زمان حدودی مطالعه، ۸ دقیقه)
#معرفی #ابزار #Figma
@Dexign دیزاین
___
Behance
COOKY APP
This is a delicious result of our team working with Figma.com.It was a joyful experience. Viva Figma team.Hope your enjoy it.
👍1
پیغام خطای مزخرف «نام کاربری یا کلمه عبور شما اشتباه است.»
از همان اوایل شروع حرفه دیزاین، زمانی که کمکم به دیزاینها، پیغامها و جزئیات مختلف توجه میکردم این پیغام خطا به نظرم بسیار مزخرف میآمد.
بعدها بیشتر یادگرفتم و متوجه شدم دلیل این پیغام، کمتر کردن احتمال نفوذ هکرهاست. این پیغام با افزایش احتمالاتی که یک هکر باید بررسی کند، کار هکرها را سختتر میکند. یعنی هکر نمیداند که آیا این نام کاربری وجود دارد و فقط کلمه عبور را اشتباه وارد کرده و یا اینکه هیچ کاربری با این نام کاربری/ایمیل ثبت نشده است.
تا مدتی این دلیل برایم به اندازه کافی قانعکننده بود ولی بعدتر که بیشتر و بیشتر با این پیغام مواجه شدم، دیگر نتوانستم آن را قبول کنم و به عنوان کاربر برایم آزاردهنده بود.
در نهایت با سرویس Mailchimp آشنا شدم که از سال ۲۰۰۱ خدماتی را در حوزه خبرنامه ارائه میدهد. این سرویس تمام حق را به کاربر داده و حفاظت از اطلاعات آنها را بطور کامل وظیفه خود دانسته است، لذا تمامی پیغامهای خطایی که میدهد کاملا واضح و روشن هستند. دیدن سرویس Mailchimp به من این شجاعت را داد که سعی کنم در تمامی سرویسهایی که دیزاین میکنم، در کنار سود صاحبان سرویس، از حقوق کاربران نیز دفاع کنم.
مقاله امروز درباره همین دست پیغامهای خطاست و روشهای مختلفی را بررسی میکند که یک هکر، حتی با وجود پیغامهای نامفهوم، میتواند بوسیله آنها به اهداف خود دست یابد.
مقاله امروز را از دست ندهید و از حقوق کاربران خود دفاع کنید. حقوقی که انواع دیگر آن در خیلی از بخشهای جامعه، از مردم دریغ میشود.
https://hackernoon.com/username-or-password-is-incorrect-is-bullshit-89985ca2be48
(زمان حدودی مطالعه، ۴ دقیقه)
#بررسی #روش #Login
@Dexign فلسفه دیزاین
___
از همان اوایل شروع حرفه دیزاین، زمانی که کمکم به دیزاینها، پیغامها و جزئیات مختلف توجه میکردم این پیغام خطا به نظرم بسیار مزخرف میآمد.
بعدها بیشتر یادگرفتم و متوجه شدم دلیل این پیغام، کمتر کردن احتمال نفوذ هکرهاست. این پیغام با افزایش احتمالاتی که یک هکر باید بررسی کند، کار هکرها را سختتر میکند. یعنی هکر نمیداند که آیا این نام کاربری وجود دارد و فقط کلمه عبور را اشتباه وارد کرده و یا اینکه هیچ کاربری با این نام کاربری/ایمیل ثبت نشده است.
تا مدتی این دلیل برایم به اندازه کافی قانعکننده بود ولی بعدتر که بیشتر و بیشتر با این پیغام مواجه شدم، دیگر نتوانستم آن را قبول کنم و به عنوان کاربر برایم آزاردهنده بود.
در نهایت با سرویس Mailchimp آشنا شدم که از سال ۲۰۰۱ خدماتی را در حوزه خبرنامه ارائه میدهد. این سرویس تمام حق را به کاربر داده و حفاظت از اطلاعات آنها را بطور کامل وظیفه خود دانسته است، لذا تمامی پیغامهای خطایی که میدهد کاملا واضح و روشن هستند. دیدن سرویس Mailchimp به من این شجاعت را داد که سعی کنم در تمامی سرویسهایی که دیزاین میکنم، در کنار سود صاحبان سرویس، از حقوق کاربران نیز دفاع کنم.
مقاله امروز درباره همین دست پیغامهای خطاست و روشهای مختلفی را بررسی میکند که یک هکر، حتی با وجود پیغامهای نامفهوم، میتواند بوسیله آنها به اهداف خود دست یابد.
مقاله امروز را از دست ندهید و از حقوق کاربران خود دفاع کنید. حقوقی که انواع دیگر آن در خیلی از بخشهای جامعه، از مردم دریغ میشود.
https://hackernoon.com/username-or-password-is-incorrect-is-bullshit-89985ca2be48
(زمان حدودی مطالعه، ۴ دقیقه)
#بررسی #روش #Login
@Dexign فلسفه دیزاین
___
Hackernoon
“username or password incorrect” is bullshit | HackerNoon
There’s a <a href="https://hackernoon.com/tagged/security" target="_blank">security</a> best practice where sign ins aren’t supposed to say “password is incorrect”. Instead they’re supposed to say the “<em>username</em> or password is incorrect”. This “best…
این پست تا به حال نزدیک به ۲۱۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
جادوی سیاهی به نام نوتیفیکیشن
سالیان زیادیست که نوتیفیکیشنها به انسانها کمک میکنند. وقتی زنگ در و یا زنگ تلفن به صدا در میآید و یا حتی وقتی کسی نام ما را صدا میکند، در حال دریافت اعلان یا Notification هستیم.
این روزها شنیدن واژه نوتیفیکیشن ما را به یاد نقطه قرمز در اپلیکیشنهای Instagram یا Facebook میاندازد. نقطههایی که با تغییر مغزهای ما در گذر زمان، حالا مجبورمان میکنند که آن بخش را چک کنیم.
تمامی ما روزانه تعداد زیادی نوتیفیکیشن دریافت میکنیم که به ما یادآوری میکنند که سربازهایمان در Clash of Clans آمادهاند، یا رکورد تعداد قدمهای روزانه خود را رد کردهایم؛ و البته به دریافت آنهای عادت کردهایم.
گاهی این ابزار، در دستان کسبوکارهای مختلف به قدرت جادویی سیاهی تبدیل میشود که از آن برای کشاندن کاربران به داخل اپلیکیشنها و وبسایتها خودشان استفاده میکنند.
با شکلگیری فضاهایی مانند شبکههای مجازی آزاد، روز به روز سوالاتی مانند اینکه حد و مرز و قانون استفاده از یک شبکه مجازی کجاست؟ بیشتر مطرح میشود.
به نظر شما چه حد و حدودی در استفاده از نوتیفیکیشنها وجود دارد؟
نویسنده مقاله امروز، آقای Andrew Wilshere به این سوال میپردازد و با بررسی معروفترین سرویسهای دنیا مانند Instagram، Facebook و یا Twitter به ما نشان میدهد که هر کسبوکار و هر سرویسی، حدی متفاوت از استفاده از نوتیفیکیشن را برای خود تعریف کردهاست.
سوال مهم این است که سرویس طراحی شده توسط شما در کجای این مرز قرار میگیرد؟
http://trydesignlab.com/blog/are-notifications-a-dark-pattern-ux-ui/
(زمان حدودی مطالعه، ۱۰ دقیقه)
پ. ن.
در این مقاله مفهومی به اسم Dark Patterns توضیح داده شده است که به معنای کلی برای گول زدن کاربر برای انجام کاری که تمایلی به آن ندارد است. نمونههای جالبی هم معرفی شدهاست.
#مفاهیم #چالش #اعلان #نوتیفیکیشن
@Dexign دیزاین
___
سالیان زیادیست که نوتیفیکیشنها به انسانها کمک میکنند. وقتی زنگ در و یا زنگ تلفن به صدا در میآید و یا حتی وقتی کسی نام ما را صدا میکند، در حال دریافت اعلان یا Notification هستیم.
این روزها شنیدن واژه نوتیفیکیشن ما را به یاد نقطه قرمز در اپلیکیشنهای Instagram یا Facebook میاندازد. نقطههایی که با تغییر مغزهای ما در گذر زمان، حالا مجبورمان میکنند که آن بخش را چک کنیم.
تمامی ما روزانه تعداد زیادی نوتیفیکیشن دریافت میکنیم که به ما یادآوری میکنند که سربازهایمان در Clash of Clans آمادهاند، یا رکورد تعداد قدمهای روزانه خود را رد کردهایم؛ و البته به دریافت آنهای عادت کردهایم.
گاهی این ابزار، در دستان کسبوکارهای مختلف به قدرت جادویی سیاهی تبدیل میشود که از آن برای کشاندن کاربران به داخل اپلیکیشنها و وبسایتها خودشان استفاده میکنند.
با شکلگیری فضاهایی مانند شبکههای مجازی آزاد، روز به روز سوالاتی مانند اینکه حد و مرز و قانون استفاده از یک شبکه مجازی کجاست؟ بیشتر مطرح میشود.
به نظر شما چه حد و حدودی در استفاده از نوتیفیکیشنها وجود دارد؟
نویسنده مقاله امروز، آقای Andrew Wilshere به این سوال میپردازد و با بررسی معروفترین سرویسهای دنیا مانند Instagram، Facebook و یا Twitter به ما نشان میدهد که هر کسبوکار و هر سرویسی، حدی متفاوت از استفاده از نوتیفیکیشن را برای خود تعریف کردهاست.
سوال مهم این است که سرویس طراحی شده توسط شما در کجای این مرز قرار میگیرد؟
http://trydesignlab.com/blog/are-notifications-a-dark-pattern-ux-ui/
(زمان حدودی مطالعه، ۱۰ دقیقه)
پ. ن.
در این مقاله مفهومی به اسم Dark Patterns توضیح داده شده است که به معنای کلی برای گول زدن کاربر برای انجام کاری که تمایلی به آن ندارد است. نمونههای جالبی هم معرفی شدهاست.
#مفاهیم #چالش #اعلان #نوتیفیکیشن
@Dexign دیزاین
___
Designlab
Are Notifications A Dark Pattern?
Have you ever had a nightmare where you were literally drowning in little red notification badges? I did once, and it got me thinking: what actually are notifi…
فرهنگ یادگیری و بازگرداندن آموختهها
پیش از راهاندازی این کانال، درباره هرچیزی که میخواندم با هیجان بسیار با دیگران درباره آن گفتگو میکردم. حتی اگر این افراد در مقولههای دیگری فعالیت داشتند و چیزی از اهمیتی موضوعی که عنوان میکردم نمیدانستند. پس از همهگیر شدن تلگرام و دیدن کانالهای مختلف، تصمیم گرفتم مطالبی را که میخوانم و تجربیاتم را (هرچند کم) در قالب این کانال به اشتراک بگذارم.
فرهنگ یاد دادن هرآنچه یاد گرفتهایم، فرهنگیست که شخصا در ایران به ندرت دیدهام.
امروز درباره مقالهای از زبان طراح محصول Facebook صحبت خواهم کرد که درباره اهمیت اشتراک گذاری دانستههاست. یا به عبارت دیگر، اگر چیزی از جامعه دیزاینرها و از نوشتههای سایرین یاد گرفتهاید، بر شماست تا هرچقدر که میتوانید به این جامعه برگردانید.
مدتیست که تیم دیزاین فیسبوک بطور مستقل ابزارهایی مثل Origami و یا منابعی مانند GUIها و غیره را در وبسایت خود منتشر میکنند.
آقای Jeff Smith درباره دلیل این موضوع صحبت میکند که چرا تیم دیزاین یک شرکت مانند Facebook کارهایی از این دست را انجام میدهد.
ما تا به حال چقدر به جامعه دیزاینرها کمک کردهایم؟
مقاله امروز را از دست ندهید!
https://medium.com/facebook-design/giving-back-to-the-design-community-2c0b4cbb091f
(زمان حدودی مطالعه، ۴ دقیقه)
#فرهنگ #دیزاینرها
@Dexign فلسفه دیزاین
___
پیش از راهاندازی این کانال، درباره هرچیزی که میخواندم با هیجان بسیار با دیگران درباره آن گفتگو میکردم. حتی اگر این افراد در مقولههای دیگری فعالیت داشتند و چیزی از اهمیتی موضوعی که عنوان میکردم نمیدانستند. پس از همهگیر شدن تلگرام و دیدن کانالهای مختلف، تصمیم گرفتم مطالبی را که میخوانم و تجربیاتم را (هرچند کم) در قالب این کانال به اشتراک بگذارم.
فرهنگ یاد دادن هرآنچه یاد گرفتهایم، فرهنگیست که شخصا در ایران به ندرت دیدهام.
امروز درباره مقالهای از زبان طراح محصول Facebook صحبت خواهم کرد که درباره اهمیت اشتراک گذاری دانستههاست. یا به عبارت دیگر، اگر چیزی از جامعه دیزاینرها و از نوشتههای سایرین یاد گرفتهاید، بر شماست تا هرچقدر که میتوانید به این جامعه برگردانید.
مدتیست که تیم دیزاین فیسبوک بطور مستقل ابزارهایی مثل Origami و یا منابعی مانند GUIها و غیره را در وبسایت خود منتشر میکنند.
آقای Jeff Smith درباره دلیل این موضوع صحبت میکند که چرا تیم دیزاین یک شرکت مانند Facebook کارهایی از این دست را انجام میدهد.
ما تا به حال چقدر به جامعه دیزاینرها کمک کردهایم؟
مقاله امروز را از دست ندهید!
https://medium.com/facebook-design/giving-back-to-the-design-community-2c0b4cbb091f
(زمان حدودی مطالعه، ۴ دقیقه)
#فرهنگ #دیزاینرها
@Dexign فلسفه دیزاین
___
Medium
Giving Back to the Design Community
Why a small team of Facebook designers build resources for designers
این پست تا به حال نزدیک به ۱۸۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
۱۰ موقعیتی که طراحان تجربه کاربری از آن متنفر هستند!
اخیرا در توییتر هشتگی راه افتاده بود با عنوان ShitDevelopersSay که خیلی از برنامهنویسان و حتی مدیران فنی ایرانی در توییتر با این هستگ توییت کردند.
تمام توییتها درباره جملاتی بود که معمولا توسعهدهندگان یا برنامهنویسان استفاده میکنند. مانند: «کدهاش رو نوشتم، فقط تستاش مونده.» یا «برنامهنویسی قبلیتون کد نزده، گند زده!»
این جملات تکراری، خندهدار و البته تاملبرانگیز، در تمامی مشاغل وجود دارد. به همین بهانه، امروز مقالهای را از John Saito، کسی که به قول خودش «کلمــات» را برای شرکت و سرویس معظم Dropbox دیزاین میکند، بررسی میکنیم. این مقاله از زاویهای دیگر، به بررسی موقعیتها و جملاتی میپردازد که طراحان تجربه کاربری، بخصوص Copy Writerها از آن متنفرند.
پیشنهاد میکنم همین حالا این نوشته کوتاه و لذتبخش را مطالعه کنید:
https://medium.com/@jsaito/10-things-ux-writers-hate-to-hear-a3d561a63ae8
(زمان حدودی مطالعه، ۶ دقیقه)
#جملات #طراحی_محصول #Copy_Writer
@Dexign دیزاین
___
اخیرا در توییتر هشتگی راه افتاده بود با عنوان ShitDevelopersSay که خیلی از برنامهنویسان و حتی مدیران فنی ایرانی در توییتر با این هستگ توییت کردند.
تمام توییتها درباره جملاتی بود که معمولا توسعهدهندگان یا برنامهنویسان استفاده میکنند. مانند: «کدهاش رو نوشتم، فقط تستاش مونده.» یا «برنامهنویسی قبلیتون کد نزده، گند زده!»
این جملات تکراری، خندهدار و البته تاملبرانگیز، در تمامی مشاغل وجود دارد. به همین بهانه، امروز مقالهای را از John Saito، کسی که به قول خودش «کلمــات» را برای شرکت و سرویس معظم Dropbox دیزاین میکند، بررسی میکنیم. این مقاله از زاویهای دیگر، به بررسی موقعیتها و جملاتی میپردازد که طراحان تجربه کاربری، بخصوص Copy Writerها از آن متنفرند.
پیشنهاد میکنم همین حالا این نوشته کوتاه و لذتبخش را مطالعه کنید:
https://medium.com/@jsaito/10-things-ux-writers-hate-to-hear-a3d561a63ae8
(زمان حدودی مطالعه، ۶ دقیقه)
#جملات #طراحی_محصول #Copy_Writer
@Dexign دیزاین
___
Medium
10 things UX writers hate to hear
Fake conversations, real situations
با متریال دیزاین خداحافظی کنید!
زمانی که متریال دیزاین معرفی شد، بسیاری از دیزاینرها تمام خلاقیت و تجربه خود را دور ریختند و خود را در متریال دیزاین غرق کردند. آنها اصرار داشتند که این اصول باید در دیزاینهای دیجیتال رعایت شوند، گوگل نیز هر چندوقت یکبار این اصول را بروزرسانی میکرد.
به نظر من در دیزاین، باید با داشتن گوشه چشمی به اصول، ایدههای و خلاقیتهای خود را اجرا کنید و پایبندی به اصول نباید جلوی پرواز ذهن شما را بگیرد، که اگر چنین باشد تمام وبسایتها و اپلیکیشنها کاملا یک شکل خواهند بود.
گرچه هنوز هم به نظر من اصول متریال دیزاین، نقطه امنی است برای شروع دیزاینهای بدون باگ، ولی مقاله امروز کمی دقیقتر به این اصول نگاه کرده و آنها را در زمینههای مختلفی به چالش کشیده، اشکالاتی را به نحوه نگاه متریال دیزاین به المانها و روندها وارد میداند. از وارد کردن حس و حال کاغذی با اصولی متفاوت به دنیای دیجیتال تا خلق فضاهای عجیب بصری به بواسطه وجود سایههای متعدد.
به نظر من برخی از این موارد کاملا درست هستند و در برخی موارد برای بدگویی از متریال دیزاین اغراق شدهاست.
چه خوب که از نظرات این مقاله استفاده کرده و دیزاینهای خود را بهتر کنیم، حتی اگر همچنان از برخی از اصول متریال دیزاین استفاده میکنیم.
شما را به مطالعه این مقاله پرچالش دعوت میکنم:
https://medium.com/techtrument/bye-bye-material-design-acaebcc7c6b4
(زمان حدودی مطالعه، ۱۰ دقیقه)
#چالش #بررسی #متریال_دیزاین
@Dexign فلسفه دیزاین
___
زمانی که متریال دیزاین معرفی شد، بسیاری از دیزاینرها تمام خلاقیت و تجربه خود را دور ریختند و خود را در متریال دیزاین غرق کردند. آنها اصرار داشتند که این اصول باید در دیزاینهای دیجیتال رعایت شوند، گوگل نیز هر چندوقت یکبار این اصول را بروزرسانی میکرد.
به نظر من در دیزاین، باید با داشتن گوشه چشمی به اصول، ایدههای و خلاقیتهای خود را اجرا کنید و پایبندی به اصول نباید جلوی پرواز ذهن شما را بگیرد، که اگر چنین باشد تمام وبسایتها و اپلیکیشنها کاملا یک شکل خواهند بود.
گرچه هنوز هم به نظر من اصول متریال دیزاین، نقطه امنی است برای شروع دیزاینهای بدون باگ، ولی مقاله امروز کمی دقیقتر به این اصول نگاه کرده و آنها را در زمینههای مختلفی به چالش کشیده، اشکالاتی را به نحوه نگاه متریال دیزاین به المانها و روندها وارد میداند. از وارد کردن حس و حال کاغذی با اصولی متفاوت به دنیای دیجیتال تا خلق فضاهای عجیب بصری به بواسطه وجود سایههای متعدد.
به نظر من برخی از این موارد کاملا درست هستند و در برخی موارد برای بدگویی از متریال دیزاین اغراق شدهاست.
چه خوب که از نظرات این مقاله استفاده کرده و دیزاینهای خود را بهتر کنیم، حتی اگر همچنان از برخی از اصول متریال دیزاین استفاده میکنیم.
شما را به مطالعه این مقاله پرچالش دعوت میکنم:
https://medium.com/techtrument/bye-bye-material-design-acaebcc7c6b4
(زمان حدودی مطالعه، ۱۰ دقیقه)
#چالش #بررسی #متریال_دیزاین
@Dexign فلسفه دیزاین
___
Medium
Bye bye Material Design
Considering Material Design for your next project? Please, think again.
👍1
چرا باید به Figma فرصت امتحان شدن بدهید
چند باری درباره ابزار جدید دیزاین اشتراکی (design-collaboration) به اسم Figma صحبت کردیم. تمامی ابزارها در ابتدای انتشار، در مقایسه با ابزارهای موجود، آنقدرها که باید کامل نیستند. باید به آنها زمان داد تا بهتر شوند و سپس آنها به عنوان ابزار کار در نظر گرفت.
ابزار Figma با سرعتی بسیار خوب در حال پیشرفت و بروزرسانیست. ما هم در تیم خود شروع به استفاده از این ابزار کردیم و برخی از مستندهای مربوط به دیزاین را در آن بصورت آنلاین و اشتراکی میسازیم.
در مقاله امروز که تیم Figma منتشر کرده است، سرویس Buffer که به تازگی به استفاده از Figma روی آورده، بررسی شده و درباره نحوه استفاده آنها از Figma توضیحاتی ارائه شده است.
با وجود اینکه به نظر من Figma به طرز غریبی سعی در به رخ کشیدن ویژگیهای برترش نسبت به Sketch دارد، همچنان Sketch گزینه مطمئنتری برای دیزاین اپلیکیشنهای بزرگ با پیچیدگیهای زیاد است.
ولی این دو، در این رقابت فاصله چندانی از یکدیگر ندارد. مقاله امروز به شما کمک میکند که بصورتی کاربردی درباره کار با Figma و نحوه مهاجرت به آن اطلاعات کسب کرده و با چشمانی بازتر ابزار خود را انتخاب کنید.
این مقاله را از دست ندهید.
https://blog.figma.com/how-to-convince-your-team-to-switch-to-figma-921ca51c5f2a
(زمان حدودی مطالعه، ۱۰ دقیقه)
#بررسی #ابزار #Figma
@Dexign فلسفه دیزاین
___
چند باری درباره ابزار جدید دیزاین اشتراکی (design-collaboration) به اسم Figma صحبت کردیم. تمامی ابزارها در ابتدای انتشار، در مقایسه با ابزارهای موجود، آنقدرها که باید کامل نیستند. باید به آنها زمان داد تا بهتر شوند و سپس آنها به عنوان ابزار کار در نظر گرفت.
ابزار Figma با سرعتی بسیار خوب در حال پیشرفت و بروزرسانیست. ما هم در تیم خود شروع به استفاده از این ابزار کردیم و برخی از مستندهای مربوط به دیزاین را در آن بصورت آنلاین و اشتراکی میسازیم.
در مقاله امروز که تیم Figma منتشر کرده است، سرویس Buffer که به تازگی به استفاده از Figma روی آورده، بررسی شده و درباره نحوه استفاده آنها از Figma توضیحاتی ارائه شده است.
با وجود اینکه به نظر من Figma به طرز غریبی سعی در به رخ کشیدن ویژگیهای برترش نسبت به Sketch دارد، همچنان Sketch گزینه مطمئنتری برای دیزاین اپلیکیشنهای بزرگ با پیچیدگیهای زیاد است.
ولی این دو، در این رقابت فاصله چندانی از یکدیگر ندارد. مقاله امروز به شما کمک میکند که بصورتی کاربردی درباره کار با Figma و نحوه مهاجرت به آن اطلاعات کسب کرده و با چشمانی بازتر ابزار خود را انتخاب کنید.
این مقاله را از دست ندهید.
https://blog.figma.com/how-to-convince-your-team-to-switch-to-figma-921ca51c5f2a
(زمان حدودی مطالعه، ۱۰ دقیقه)
#بررسی #ابزار #Figma
@Dexign فلسفه دیزاین
___
Figma Design
How to convince your team to switch to Figma
Buffer shares its two-step process
این پست تا به حال نزدیک به ۱۹۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
قدرتهای Sketch و After Effects به کمک هم میآیند
چندی قبل با تیم دیزاین روی طراحی یک بازی Trivia کار میکردیم. شاید بشود گفت که طراحی بازی همیشه یکی از چند لذت والای یک دیزاینر است. دیزاینر دوست دارد حتی اگر بازی اسم-فامیل را به شکل اپلیکیشن در میآورد، انیمیشنهایی در آن بگنجاند و از نظر بصری هیجانانگیزترین چیزی را که ممکن است، بسازد.
این موضوع برای تیم ما هم همینطور بود و برای هر بخش از این بازی Trivia که در حال طراحی آن بودیم انیمیشنهای هیجانانگیزی طراحی کردیم.
وقتی طراحیها به پایان رسید و نوبت به انتقال این انیمیشنها به تیم توسعه رسید، متوجه شدیم که صرفا با نمایش یک فایل MP4، نمیشود تکهها و جزئیات حرکتهای یک انیمیشن را به تیم توسعه منتقل کرد.
برای اینکه این انتقال به شکلی بهتر اتفاق بیافتد، تیم دیزاین ساعتهای زیادی را به مستند کردن انیمیشنهای هر بخش اختصاص داد که کاری بسیار وقتگیر بود.
علیرغم اینکه نتیجه کار تا حد خوبی راضیکننده بود ولی سختی مستندسازی، زمانبندی کار ما را بهم ریخت.
اخیرا به مقالهای از یکی طراحان تجربه کاربری در گوگل برخوردم که دقیقا مشکل مشابهی را داشتند و راه حل دیگری برای آن پیدا کردند. آقای Josh Fleetwood که در واقع راهبر تیم طراحی انیمیشنهای تجربه کاربری گوگل است، در این مقاله توضیح میهد که آنها انیمیشنهای خود را در After Effects میسازند و در انتقالشان به توسعهدهندگان با مشکل زیادی مواجه بودند. برای حل این مشکل دو افزونه (Plugin) بسیار کاربردی را به کار بستند که با استفاده از آنها میتوان خروجیهایی مستند از انیمیشنها به تیمهای توسعه ارائه داد و زندگی را شیرینتر کرد.
پیشنهاد میکنم این مقاله را از دست ندید، چرا که باعث صرفهجویی زیادی در زمان پروژه شما خواهد شد.
https://medium.com/google-design/bringing-sketch-and-after-effects-closer-together-d83b3e729c93
(زمان حدودی مطالعه، ۸ دقیقه)
#ابزار #افزونه #انیمیشن #تجربه_کاربری #motion
@Dexign دیزاین
___
چندی قبل با تیم دیزاین روی طراحی یک بازی Trivia کار میکردیم. شاید بشود گفت که طراحی بازی همیشه یکی از چند لذت والای یک دیزاینر است. دیزاینر دوست دارد حتی اگر بازی اسم-فامیل را به شکل اپلیکیشن در میآورد، انیمیشنهایی در آن بگنجاند و از نظر بصری هیجانانگیزترین چیزی را که ممکن است، بسازد.
این موضوع برای تیم ما هم همینطور بود و برای هر بخش از این بازی Trivia که در حال طراحی آن بودیم انیمیشنهای هیجانانگیزی طراحی کردیم.
وقتی طراحیها به پایان رسید و نوبت به انتقال این انیمیشنها به تیم توسعه رسید، متوجه شدیم که صرفا با نمایش یک فایل MP4، نمیشود تکهها و جزئیات حرکتهای یک انیمیشن را به تیم توسعه منتقل کرد.
برای اینکه این انتقال به شکلی بهتر اتفاق بیافتد، تیم دیزاین ساعتهای زیادی را به مستند کردن انیمیشنهای هر بخش اختصاص داد که کاری بسیار وقتگیر بود.
علیرغم اینکه نتیجه کار تا حد خوبی راضیکننده بود ولی سختی مستندسازی، زمانبندی کار ما را بهم ریخت.
اخیرا به مقالهای از یکی طراحان تجربه کاربری در گوگل برخوردم که دقیقا مشکل مشابهی را داشتند و راه حل دیگری برای آن پیدا کردند. آقای Josh Fleetwood که در واقع راهبر تیم طراحی انیمیشنهای تجربه کاربری گوگل است، در این مقاله توضیح میهد که آنها انیمیشنهای خود را در After Effects میسازند و در انتقالشان به توسعهدهندگان با مشکل زیادی مواجه بودند. برای حل این مشکل دو افزونه (Plugin) بسیار کاربردی را به کار بستند که با استفاده از آنها میتوان خروجیهایی مستند از انیمیشنها به تیمهای توسعه ارائه داد و زندگی را شیرینتر کرد.
پیشنهاد میکنم این مقاله را از دست ندید، چرا که باعث صرفهجویی زیادی در زمان پروژه شما خواهد شد.
https://medium.com/google-design/bringing-sketch-and-after-effects-closer-together-d83b3e729c93
(زمان حدودی مطالعه، ۸ دقیقه)
#ابزار #افزونه #انیمیشن #تجربه_کاربری #motion
@Dexign دیزاین
___
Medium
Bringing Sketch and After Effects Closer Together
Introducing two new animation workflow tools from UX Motion Design at Google
👍1
دگرباش، دگر نگر و دگر دیزاین
گاهی چالشهایی در دیزاین ایجاد میشود که برخی از پایهایترین چیزهایی را که به آنها عادت کردهایم، نشانه میگیرد. اخیرا مناظرهای هیجانانگیز میان مجری یک شبکه و یک استاد رشته روانشناسی بالینی میدیدم. این مناظره برایم از جهت سرعت گفتگو نحوه آن بسیار اهمیت داشت ولی پس از شنیدن برخی از موضوعاتی که در آن مطرح شد، در آن زمینهها کنجکاو شدم بیشتر مطالعه کنم.
بخشی از مناظره به موضوع افراد دگرباش و خواستههای آنها میپردازد. در این گفتگو از لیست بلندبالای چالشهای این قشر از جامعه و خواستههایشان، به این مورد پرداخته میشود که آنها را با ضمیرهایی متفاوت از her و his صدا بزنند. درواقع آنها خواستار این هستند با ضمیری بدون جنسیت صدا زده شوند.
جدای از بحث برانگیز بودن موضوع بالا، حضور افراد دگرباش (LGBT) در جامعه، چالش جالبی را در زمینه دیزاین ایجاد میکند که در ادامه، به مقاله امروز و این چالش دیزاین میپردازیم.
حتما توجه کردهاید که علامتهای روی سرویسهای بهداشتی در مکانهای عمومی به دو دسته تقسیم میشوند؛ نشانههایی که نماینگر نوع سرویس بهداشتی (فرنگی یا شرقی) و آنهایی که نماینگر زنانه یا مردانه بودنشان هستند. حال تصور کنید با حضور افراد دگرباش در جامعه طراحی علامتهایی که برپایه جنسیت هستند، چگونه باید اتفاق بیافتد؟
مقاله امروز از آقای Jorge Arango، نویسنده کتاب «Information Architecture: For the Web and Beyond»، نشانههای نوع اول را توصیفی و نوع دوم را دستورالعملی نامیده و عنوان میکند که چالش جدید دیزاینرها اینست که بتوانند با نگاهی جامعتر و با در ذهن داشتن توصیفی و دستورالمعلی بودن نشانهها، به دیزاین بپردازند.
مقاله چالشی امروز را از دست ندهید:
https://uxdesign.cc/prenoscriptive-and-denoscriptive-labels-5dc9778ae655
(زمان حدودی مطالعه، ۶ دقیقه)
#بررسی #چالش #دگرباشی
@Dexign فلسفه دیزاین
___
گاهی چالشهایی در دیزاین ایجاد میشود که برخی از پایهایترین چیزهایی را که به آنها عادت کردهایم، نشانه میگیرد. اخیرا مناظرهای هیجانانگیز میان مجری یک شبکه و یک استاد رشته روانشناسی بالینی میدیدم. این مناظره برایم از جهت سرعت گفتگو نحوه آن بسیار اهمیت داشت ولی پس از شنیدن برخی از موضوعاتی که در آن مطرح شد، در آن زمینهها کنجکاو شدم بیشتر مطالعه کنم.
بخشی از مناظره به موضوع افراد دگرباش و خواستههای آنها میپردازد. در این گفتگو از لیست بلندبالای چالشهای این قشر از جامعه و خواستههایشان، به این مورد پرداخته میشود که آنها را با ضمیرهایی متفاوت از her و his صدا بزنند. درواقع آنها خواستار این هستند با ضمیری بدون جنسیت صدا زده شوند.
جدای از بحث برانگیز بودن موضوع بالا، حضور افراد دگرباش (LGBT) در جامعه، چالش جالبی را در زمینه دیزاین ایجاد میکند که در ادامه، به مقاله امروز و این چالش دیزاین میپردازیم.
حتما توجه کردهاید که علامتهای روی سرویسهای بهداشتی در مکانهای عمومی به دو دسته تقسیم میشوند؛ نشانههایی که نماینگر نوع سرویس بهداشتی (فرنگی یا شرقی) و آنهایی که نماینگر زنانه یا مردانه بودنشان هستند. حال تصور کنید با حضور افراد دگرباش در جامعه طراحی علامتهایی که برپایه جنسیت هستند، چگونه باید اتفاق بیافتد؟
مقاله امروز از آقای Jorge Arango، نویسنده کتاب «Information Architecture: For the Web and Beyond»، نشانههای نوع اول را توصیفی و نوع دوم را دستورالعملی نامیده و عنوان میکند که چالش جدید دیزاینرها اینست که بتوانند با نگاهی جامعتر و با در ذهن داشتن توصیفی و دستورالمعلی بودن نشانهها، به دیزاین بپردازند.
مقاله چالشی امروز را از دست ندهید:
https://uxdesign.cc/prenoscriptive-and-denoscriptive-labels-5dc9778ae655
(زمان حدودی مطالعه، ۶ دقیقه)
#بررسی #چالش #دگرباشی
@Dexign فلسفه دیزاین
___
Medium
Prenoscriptive and denoscriptive labels
Like many office buildings, the one where I work has a pair of similar — yet different — rooms on every floor. The doors to each room have signs on them: These labels should look familiar; they’re…
این پست تا به حال نزدیک به ۲۰۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین (Ramin Khatibi)
طراحی دکمهها در گذر زمان
دکمهها موجودات جالبی هستند. قبلتر هم مفصلا به آنها پرداخته بودیم. با دکمهها ما خرید خود را نهایی میکنیم، به حساب خود در اپلیکیشن موبایلبانکمان وارد میشویم، فرمهای ثبتنام را ثبت میکنیم و …
در مقاله امروز، آقای Wojciech Dobry نتیجه بررسی را که روی تغییرات طراحی ۸ ساله دکمهها داشتهاند، ارائه میدهند.
این تحقیق روی پلتفرم Dribbble اتفاق افتاده است.
پیشنهاد میکنم این سیرِ زمانی جالب را همین حالا روی این مقاله بررسی کنید:
https://www.toptal.com/designers/ui/button-design-dribbble-timeline
(زمان حدودی مطالعه، ۶ دقیقه)
#دکمه #تاریخچه #روند
@Dexign دیزاین
___
دکمهها موجودات جالبی هستند. قبلتر هم مفصلا به آنها پرداخته بودیم. با دکمهها ما خرید خود را نهایی میکنیم، به حساب خود در اپلیکیشن موبایلبانکمان وارد میشویم، فرمهای ثبتنام را ثبت میکنیم و …
در مقاله امروز، آقای Wojciech Dobry نتیجه بررسی را که روی تغییرات طراحی ۸ ساله دکمهها داشتهاند، ارائه میدهند.
این تحقیق روی پلتفرم Dribbble اتفاق افتاده است.
پیشنهاد میکنم این سیرِ زمانی جالب را همین حالا روی این مقاله بررسی کنید:
https://www.toptal.com/designers/ui/button-design-dribbble-timeline
(زمان حدودی مطالعه، ۶ دقیقه)
#دکمه #تاریخچه #روند
@Dexign دیزاین
___
Toptal Design Blog
Button Design Over the Years – The Dribbble Timeline | Toptal®
Digital design and UIs are evolving at an incredible pace and the styling of buttons along with it. The Dribbble Button Timeline shows us how button styles have developed over the past decade.
این پست تا به حال نزدیک به ۱۸۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین
معرفی Lottie:
ابزاری بینظیر برای خلاقانهترین ایدههای شما
برای ما دیزاینرها همیشه متحرک کردن عناصری که در دیزاین استفاده میکنیم، جذابیت زیادی داشته است. جدای از اینکه دیزاینهای متحرک اغلب برای کاربرها نیز هیجانانگیز میباشد، ساخت آنها و دیدن نتیجه کار برای خود دیزاینر نیز لذتی غیرقابل وصف دارد. ولی دیزاینهای متحرک اغلب به سختی قابل پیادهسازی هستند و به کمال رساندن آنها هنگام پیادهسازی، مستلزم اختصاص زمان بسیار زیادی از طرف تیم پیادهسازیست.
امروز میخواهیم درباره ابزاری صحبت کنیم که قدم بزرگی در جهت سادهسازی پیادهسازی دیزاینهای متحرک برداشته است. قبلتر هم درباره خبرهایی که Airbnb در مجامع دیزاین ایجاد کرده بود صحبت کردهایم. این شرکت چند ماه قبل مجددا خبرساز شد و ابزاری متنباز به اسم Lottie را معرفی کرد.
با استفاده از این ابزار شما میتوانید انیمیشنهایی بُرداری (vector) را با پسوند JSON با کمک نرمافزار Adobe AfterEffect تولید کرده و تیم توسعه هم با استفاده از کتابخانه ارائه شده و استفاده از آن در اپلیکیشن، به راحتی آن انیمیشن را اجرا کند.
تجربه ما بعد از استفاده چندباره از این ابزار برای اجرای انیمیشنها و تعاملهای متحرک، نشان میدهد که گاهی انیمیشنها احتیاج به بازسازی دارند و باید گاهی تغییراتی در آنها اعمال که بتوان آنها را به شکلی عالی در اپلیکیشن اجرا کرد ولی همچنان سرعت بسیار زیادی به روند پیادهسازی میدهد.
پیشنهاد میکنم در اولین فرصت این ابزار را امتحان کرده و از طراحی انیمیشنها لذت ببرید.
در ادامه توجه شما را به چند انیمیشن اجرا شده که استفاده جلب میکنم.
https://medium.com/airbnb-engineering/introducing-lottie-4ff4a0afac0e
(زمان حدودی مطالعه، ۸ دقیقه)
#ابزار #اینتراکشن #تجربه_کاربری #Lottie
@Dexign دیزاین
___
ابزاری بینظیر برای خلاقانهترین ایدههای شما
برای ما دیزاینرها همیشه متحرک کردن عناصری که در دیزاین استفاده میکنیم، جذابیت زیادی داشته است. جدای از اینکه دیزاینهای متحرک اغلب برای کاربرها نیز هیجانانگیز میباشد، ساخت آنها و دیدن نتیجه کار برای خود دیزاینر نیز لذتی غیرقابل وصف دارد. ولی دیزاینهای متحرک اغلب به سختی قابل پیادهسازی هستند و به کمال رساندن آنها هنگام پیادهسازی، مستلزم اختصاص زمان بسیار زیادی از طرف تیم پیادهسازیست.
امروز میخواهیم درباره ابزاری صحبت کنیم که قدم بزرگی در جهت سادهسازی پیادهسازی دیزاینهای متحرک برداشته است. قبلتر هم درباره خبرهایی که Airbnb در مجامع دیزاین ایجاد کرده بود صحبت کردهایم. این شرکت چند ماه قبل مجددا خبرساز شد و ابزاری متنباز به اسم Lottie را معرفی کرد.
با استفاده از این ابزار شما میتوانید انیمیشنهایی بُرداری (vector) را با پسوند JSON با کمک نرمافزار Adobe AfterEffect تولید کرده و تیم توسعه هم با استفاده از کتابخانه ارائه شده و استفاده از آن در اپلیکیشن، به راحتی آن انیمیشن را اجرا کند.
تجربه ما بعد از استفاده چندباره از این ابزار برای اجرای انیمیشنها و تعاملهای متحرک، نشان میدهد که گاهی انیمیشنها احتیاج به بازسازی دارند و باید گاهی تغییراتی در آنها اعمال که بتوان آنها را به شکلی عالی در اپلیکیشن اجرا کرد ولی همچنان سرعت بسیار زیادی به روند پیادهسازی میدهد.
پیشنهاد میکنم در اولین فرصت این ابزار را امتحان کرده و از طراحی انیمیشنها لذت ببرید.
در ادامه توجه شما را به چند انیمیشن اجرا شده که استفاده جلب میکنم.
https://medium.com/airbnb-engineering/introducing-lottie-4ff4a0afac0e
(زمان حدودی مطالعه، ۸ دقیقه)
#ابزار #اینتراکشن #تجربه_کاربری #Lottie
@Dexign دیزاین
___
Medium
Introducing Lottie
Our new open-source tool makes adding animation to native apps a snap.
ایدههایی از بازی شطرنج برای آموزش دیزاین
حتما برای شما هم پیش آمده که به کسی بازی شطرنج را یاد بدهید یا از کسی آن را یاد بگیرید.
اکثر ما شطرنج را با این جملات یاد گرفته ایم:
سرباز (پیاده) میتواند به این شکل حرکت کند، حرکت فیل به این شکل است ولی رخ را به این شکل باید حرکت داد، حرکتهای شاه محدود به اینهاست ولی وزیر …
تازه فقط اینها نیست، مناطق حساس بازی و تکنیکهای معروف آن هم هست.
با این نحوه توضیح، احتمالا مخاطب در ابتدا و قبل از اینکه این بازی را کاملا درک کند، از شطرنج بیزار میشود، چرا که برای بازی کردن آمده نه برای گوش دادن به این حرفها.
حال فرض کنید کسی، به عنوان آموزشدهنده، یک وضعیت معروف این بازی (مانند وضعیت شاه و پیاده) را روی زمین چیده و شروع به بازی کنید!
حال آموزش بازی شطرنج را با آموزش دیزاین مقایسه کنید. در دیزاین هم ابزارهای مختلفی در اختیار دارید، علیرغم اینکه در زمین بازی قوانین و اصول مشخصی وجود دارد ولی جلوی خلاقیت شخصی شما نباید گرفته شود. عناصر مختلف در کنار همدیگر به طرحی معنا میدهند و …
حال فرض کنید آموزش دیزاین را به جای شروع توضیح تک تک عناصر و و قوانین، با دیزاین یک عنصر شروع کنید. به نظرتان نتیجه چطور خواهد بود؟
مقاله امروز با ایده گرفتن از نحوه تدریس یک استاد شطرنج، راهکارهایی برای دیزاین و آموزش دیزاین ارائه میدهد که بسیار هیجانانگیز و جالب هستند.
مقاله امروز را از دست ندهید!
http://alistapart.com/article/the-king-vs-pawn-game-of-ui-design
(زمان حدودی مطالعه، ۱۵ دقیقه)
پ. ن.
پیشتر هم درباره عناصر دیزاین به مثابه اتمهای آن صحبت کردهایم. اگر آن مقاله را نخواندهاید، پیشنهاد میکنم که آن را هم مطالعه کنید چراکه میتواند کامل کننده این موضوع باشد:
«درسهایی درباره «دکمهها»، خالصترین نماینده یک طراحی»
https://news.1rj.ru/str/Dexign/57
#متد #آموزش #دیزاین #design
@Dexign فلسفه دیزاین
___
حتما برای شما هم پیش آمده که به کسی بازی شطرنج را یاد بدهید یا از کسی آن را یاد بگیرید.
اکثر ما شطرنج را با این جملات یاد گرفته ایم:
سرباز (پیاده) میتواند به این شکل حرکت کند، حرکت فیل به این شکل است ولی رخ را به این شکل باید حرکت داد، حرکتهای شاه محدود به اینهاست ولی وزیر …
تازه فقط اینها نیست، مناطق حساس بازی و تکنیکهای معروف آن هم هست.
با این نحوه توضیح، احتمالا مخاطب در ابتدا و قبل از اینکه این بازی را کاملا درک کند، از شطرنج بیزار میشود، چرا که برای بازی کردن آمده نه برای گوش دادن به این حرفها.
حال فرض کنید کسی، به عنوان آموزشدهنده، یک وضعیت معروف این بازی (مانند وضعیت شاه و پیاده) را روی زمین چیده و شروع به بازی کنید!
حال آموزش بازی شطرنج را با آموزش دیزاین مقایسه کنید. در دیزاین هم ابزارهای مختلفی در اختیار دارید، علیرغم اینکه در زمین بازی قوانین و اصول مشخصی وجود دارد ولی جلوی خلاقیت شخصی شما نباید گرفته شود. عناصر مختلف در کنار همدیگر به طرحی معنا میدهند و …
حال فرض کنید آموزش دیزاین را به جای شروع توضیح تک تک عناصر و و قوانین، با دیزاین یک عنصر شروع کنید. به نظرتان نتیجه چطور خواهد بود؟
مقاله امروز با ایده گرفتن از نحوه تدریس یک استاد شطرنج، راهکارهایی برای دیزاین و آموزش دیزاین ارائه میدهد که بسیار هیجانانگیز و جالب هستند.
مقاله امروز را از دست ندهید!
http://alistapart.com/article/the-king-vs-pawn-game-of-ui-design
(زمان حدودی مطالعه، ۱۵ دقیقه)
پ. ن.
پیشتر هم درباره عناصر دیزاین به مثابه اتمهای آن صحبت کردهایم. اگر آن مقاله را نخواندهاید، پیشنهاد میکنم که آن را هم مطالعه کنید چراکه میتواند کامل کننده این موضوع باشد:
«درسهایی درباره «دکمهها»، خالصترین نماینده یک طراحی»
https://news.1rj.ru/str/Dexign/57
#متد #آموزش #دیزاین #design
@Dexign فلسفه دیزاین
___
A List Apart
The King vs. Pawn Game of UI Design
If you want to improve your UI design skills, try looking at chess. Sounds contrived, maybe, but in Erik Kennedy’s hands, it’s sublime. Marvel and learn as he uses a concept from chess to build a t…
بررسی علائم تصویری المپیک پیونگچانگ
اولین دوره بازیهای المپیک در سال ۱۸۹۶ در شهر آتنِ یونان برگزار شد. پس از ۱۲۲ سال، بازیهای المپیک زمستانی ۲۰۱۸ چندروزیست که شروع شده است و فرهنگهای مختلفی از ۹۲ کشور دنیا را در یک نقطه جمع کرده تا به رقابت بپردازند.
با توجه به اینکه المپیک بزرگترین و قدیمیترین رویداد ورزشی در تمام دنیاست، به همین دلیل طراحیهایی که برای این رویداد اتفاق میافتند، مشکل ولی در عین حال بسیار جذاب و هیجانانگیز هستند.
مقاله امروز به بررسی علائم تصویری (Pictograms) المپیک امسال پرداخته و از جهات مختلف اهمیت آنها را بررسی میکند.
از جمله نکاتی که به آنها اشاره میکند تغییرات این علائم تصویری به مرور زمان و برای هرکدام از المپیکها بوده که متاثر از تغییرات روندهای دیزاین و همچنین تکنولوژیهاییست که در سالهای مختلف مورد توجه بودهست.
از شما دعوت میکنم که این مقاله هیجانانگیز را مطالعه کرده و مروری بر تاریخچه بصری المپیک داشته باشید.
https://medium.com/@joshrose/drawing-from-the-past-5a8fe3029a58
(زمان حدودی مطالعه، ۱۰ دقیقه)
#بررسی #پیکتوگرام #المپیک
@Dexign فلسفه دیزاین
___
اولین دوره بازیهای المپیک در سال ۱۸۹۶ در شهر آتنِ یونان برگزار شد. پس از ۱۲۲ سال، بازیهای المپیک زمستانی ۲۰۱۸ چندروزیست که شروع شده است و فرهنگهای مختلفی از ۹۲ کشور دنیا را در یک نقطه جمع کرده تا به رقابت بپردازند.
با توجه به اینکه المپیک بزرگترین و قدیمیترین رویداد ورزشی در تمام دنیاست، به همین دلیل طراحیهایی که برای این رویداد اتفاق میافتند، مشکل ولی در عین حال بسیار جذاب و هیجانانگیز هستند.
مقاله امروز به بررسی علائم تصویری (Pictograms) المپیک امسال پرداخته و از جهات مختلف اهمیت آنها را بررسی میکند.
از جمله نکاتی که به آنها اشاره میکند تغییرات این علائم تصویری به مرور زمان و برای هرکدام از المپیکها بوده که متاثر از تغییرات روندهای دیزاین و همچنین تکنولوژیهاییست که در سالهای مختلف مورد توجه بودهست.
از شما دعوت میکنم که این مقاله هیجانانگیز را مطالعه کرده و مروری بر تاریخچه بصری المپیک داشته باشید.
https://medium.com/@joshrose/drawing-from-the-past-5a8fe3029a58
(زمان حدودی مطالعه، ۱۰ دقیقه)
#بررسی #پیکتوگرام #المپیک
@Dexign فلسفه دیزاین
___
Medium
Drawing From The Past
A Deeper Look at PyeongChang’s Olympic Pictograms
این پست تا به حال نزدیک به ۲۰۰۰ بار مشاهده شده و به نظر میرسد برای خوانندگان جدید کانال جذاب باشد.
Forwarded from فلسفه دیزاین
دیزاینها را باید شُست، جور دیگر باید چید
چشمها بخشهای عجیبی از انسان هستند. چشمهای کاربران گاهی آنچه را که دیزاین کردهاید، آنطوری که نقشهاش را کشیدهاید، نمیبینند. گاهی شما تمام دقت خود را صرف کردهاید تا عناصر صفحه را در فواصل مساوی از یکدیگر یا در اندازههای برابر با یکدیگر دیزاین شوند، ولی چشمها آنها را تراز شده و یا هماندازه نمیبینند. سوال اینکه چطور باید دیزاین کرد؟
دانستن این موضوع به طراحان رابط کاربری، طراحان فونت یا حتی کسانی که صفحهآرایی انجام میدهند کمک میکند که دیزاینهایی چشمنوازتر انجام دهند.
قبلتر هم در مقالهای دیگر درباره این موضوع صحبت کرده بودیم، ولی اینبار میخواهیم بسیار مفصلتر و با مثالهای بسیاری این موضوع را بررسی کنیم.
در مقاله امروز آقای Slava Shestopalov با استفاده از بیش از ۵۰ نمونه و با توضیح جزئیتر (بخصوص روی اشکالی با گوشههای گرد) به ما در درک بهتر این مفهوم کمک میکند.
پیشنهاد میکنم مقاله امروز را از دست ندهید.
https://medium.muz.li/optical-effects-9fca82b4cd9a
(زمان حدودی مطالعه، ۱۸ دقیقه)
#آموزش #بررسی #مفاهیم #نمونهها
@Dexign دیزاین
___
چشمها بخشهای عجیبی از انسان هستند. چشمهای کاربران گاهی آنچه را که دیزاین کردهاید، آنطوری که نقشهاش را کشیدهاید، نمیبینند. گاهی شما تمام دقت خود را صرف کردهاید تا عناصر صفحه را در فواصل مساوی از یکدیگر یا در اندازههای برابر با یکدیگر دیزاین شوند، ولی چشمها آنها را تراز شده و یا هماندازه نمیبینند. سوال اینکه چطور باید دیزاین کرد؟
دانستن این موضوع به طراحان رابط کاربری، طراحان فونت یا حتی کسانی که صفحهآرایی انجام میدهند کمک میکند که دیزاینهایی چشمنوازتر انجام دهند.
قبلتر هم در مقالهای دیگر درباره این موضوع صحبت کرده بودیم، ولی اینبار میخواهیم بسیار مفصلتر و با مثالهای بسیاری این موضوع را بررسی کنیم.
در مقاله امروز آقای Slava Shestopalov با استفاده از بیش از ۵۰ نمونه و با توضیح جزئیتر (بخصوص روی اشکالی با گوشههای گرد) به ما در درک بهتر این مفهوم کمک میکند.
پیشنهاد میکنم مقاله امروز را از دست ندهید.
https://medium.muz.li/optical-effects-9fca82b4cd9a
(زمان حدودی مطالعه، ۱۸ دقیقه)
#آموزش #بررسی #مفاهیم #نمونهها
@Dexign دیزاین
___
Medium
Optical effects in user interfaces
How to make optically balanced icons, correct shapes alignment, and perfect corner rounding