بازی با سایه‌ها

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

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

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

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

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

https://bit.ly/dxgn711

(زمان حدودی مطالعه: ۶ دقیقه)

نویسنده: نیما‌ حکیم‌رابط

#دیزاین‌رابط‌کاربری #عناصربصری #سایه‌‌ها
@Dexign فلسفه دیزاین

______

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

https://dexignresources.com/

#Article #Source
🦚 @Design_Stuffs

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

http://designed.org

https://www.adplist.org

ارسالی خانم خبازیان

#Source
🦚 @Design_Stuffs

این سایت، بهتون ۵ ترابایت فضای ابری رایگان میده :)

https://trainbit.com

#Tools
🦚 @Design_Stuffs

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

https://www.behance.net/live

قسمت Challengeهای کامیونیتی Adobe XD هم اینجاس توی نرم‌افزار Discord:

https://discord.gg/SFpnhYBAX6

#Source #Tutorial
🦚 @Design_Stuffs

کارای 3Dش خیلییی خوبه! 😍
توی اکانت دریبل‌ش یه چرخی بزنین 👌☺️

https://dribbble.com/shots/14299359-Green-Sus

#3D #Desinger
🦚 @Design_Stuffs

توی این رشته توییت، @Hesamx منابع مورد نیازِ یادگیریِ Blender، برای ساخت 3Dهای این مدلی رو معرفی کرده:

https://twitter.com/Hesamx/status/1286328925359136769?s=20

#Source #Tutorial
🦚 @Design_Stuffs

نتفلیکس برای هر فیلم، چندین کاور طراحی می‌کنه و باتوجه به شخصیت شما و انتخاب‌های قبلی‌تون، اون کاوری رو بهتون نشون میده که بیشتر خوشتون میاد، تا با احتمال بالاتری اون فیلم رو ببینین!

📄 مطالعه بیشتر

#Article
🦚 @Design_Stuffs

واویلا...
واویلا...

https://instagram.com/omaraqildesign?igshid=1p107iqjd2r47

#3d #Designer
🦚 @Design_Stuffs

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

http://rangebrand.ir/

#Tools #Colors
🦚 @Design_Stuffs

دوتا ابزار خیلی خوب، برای اینکه بتونین پست‌هاتون رو توی ساعت مشخصی روی اینستاگرام منتشر کنین:

https://business.facebook.com/creatorstudio

https://later.com/

اولی مال خود فیسبوک هستش که امکانات چندانی به غیر از پست گذاشتن و ارائه آمار نداره.
ولی Later فیچرهای بیشتری داره که روی پلن غیر رایگانش ارائه‌شون می‌کنه.

من به شخصه از ابزار خود فیسبوک استفاده کردم و اوکی بوده ✌️

#Tools #Instagram
🦚 @Design_Stuffs

حتما با سایت‌سازها تا حدودی آشنایی دارین..
دوتا سرویس سایت‌ساز ایرانی خیلی خوب دیدم و عملا هر نیازی که داشته باشین رو برآورده می‌کنن:

Landik.ir

Landin.ir

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

#Tools
🦚 @Design_Stuffs

رنگ سال Pantone برای سال ۲۰۲۱ (۲ رنگ)

https://www.pantone.com/color-of-the-year-2021

#Colors
🦚 @Design_Stuffs

ویژگی‌های جدید Adobe Photoshop 2021

https://www.youtube.com/watch?v=ROS9FstoCBQ

#Tutorial #Adobe
🦚 @Design_Stuffs

سایت‌های زیادی وجود دارن که برای الهام‌گرفتن میشه ازشون استفاده کرد. Muzli یکی از نمونه‌های خیلی خوبشه!
از مزیت‌های مهمش هم اینه که افزونه‌ داره و روی Browser نصب میشه. برای مثال وقتی تب جدید باز کنید، بهتون Artworkها و مقالات خیلی خوبی رو نشون میده.

🔸 افزونه‌ی Chrome

🔸 مقالات Muzli در Medium

#Source
🦚 @Design_Stuffs

این سایت رو ببینید :)))))
پوینتر موس‌تون رو هرجای صفحه که ببرید، عکسی براتون لود میکنه که توی اون عکس، جای پوینترتون رو نشون میده 😅

https://pointerpointer.com/

#Fun
🦚 @Design_Stuffs

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

🔸 لوگوی بانک‌های ایرانی

🔸 لوگوی سازمان‌های ایرانی

Formats:
Sketch
Adobe XD
Figma
Adobe Illustrator
SVG Assets

#Source #Assets
🦚 @Design_Stuffs

یه سایت خوب، برای مقایسه‌ی فونت‌های فارسی که تا الان طراحی شده

https://daskhat.dexignresources.com

این سایت امروز رونمایی شد 👌

#Source #Type
🦚 @Design_Stuffs

گوگلِ لعنتی! :)))
این شما و این گروه اُپرای گوگل 😅
(با VPN باید باز کنید)

https://artsandculture.google.com/experiment/blob-opera/AAHWrq360NcGbw?hl=en&cp=e30

#Fun
🦚 @Design_Stuffs

یه Library جاوااسکریپتی باحال، برای ساخت چارت‌های Hand-drawn!

https://github.com/timqian/chart.xkcd

#Tools #Dev
🦚 @Design_Stuffs