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

Three.js یک کتابخانه جاوا اسکریپته که بر پایه WebGL بنا شده و با استفاده از اون میشه حجم های سه‌بعدی رو به راحتی در صفحات وب لود کرد و واقعا یه تجربه متفاوت رو به کاربر ارائه داد.
اگر به این حوزه علاقه دارین وبسایت threejs.org رو میتونید ببینید. نمونه های خیلی خوبی از این تکنولوژی رو قرارداده که چندتاییش رو در ادامه میبینید:

http://goinghome.302chanwoo.com

http://vr.ff.com/us/

https://www.nationalgeographic.com/science/2017/09/cassini-saturn-nasa-3d-grand-tour/#storm

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

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

چه میکنه این آپارات
خلاقانه و مرتبط با محصول

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#ویدیو

دوستانی که در نصب یا آپدیت کردن ادوبی اکس دی مشکل دارن این ویدیوی‌ پایین رو براشون آماده کردیم
فقط توجه داشته باشید که فیلترشکنتون در تمامی مراحل روشن باشه
دوستانی که ویندوزی هستن هم حتما باید ویندوز ۱۰ نسخه ۶۴بیتی داشته باشن و حتما باید به آخرین نسخه آپدیت باشه ویندوزشون
دست به دست کنید برسه به اونایی که در نصب یا آپدیت اکس‌دی مشکل داشتن…

https://www.aparat.com/v/LDEhm
آدرس من در اینستاگرام:
https://www.instagram.com/hamidrmousazade/

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار

✴️ابزاری جادویی و رایگان برای حذف بکگراند عکس در 5 ثانیه

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

یکی از بهترین و معروفترین ابزارهای آنلاین مخصوص این کار سایت زیر است👇

🌐 www.remove.bg


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نمونه

👍 یک صفحه ۴۰۴ خلاقانه از فیس بوک

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


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات
#شماره 73


✴️هایلایت کردنِ یکی از گزینه های خدمات و نشون دادن محبوب ترین آنها روی تصمیم کاربران بسیار تأثیر گذاره،و باعث میشه بدون پیمایش زیاد در سایت کاربر بتونه انتخاب خود را در کمترین زمان انجام بده


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

🎦 فیسبوک از لوگوی تایپ جدیدش رونمایی کرد.

🔺 در این لوگو تایپ اشاره فیسبوک به #اینستاگرام و #واتساپ را نیز شاهد هستیم.

📱 @Digiato 📡

#نکات
#روانشناسی_رنگ

👜 #قهوه_ای

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


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار
#تصویرسازی

🤓دوستان ما با یه معرفی ابزار دیگه برای دانلود رایگان #وکتورهای_ایلاستریتور اومدیم خدمتتون‼️

سایت زیر یه مجموعه تقریبا 300 تایی از وکتورهای ترند و کاربردی برای استفاده در طراحی سایت و اپلیکیشنه.که فقط 20تاشو میتونین رایگان دانلود کنین👇👇

https://usesmash.com


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#فان

وقتی داری طراحی میکنی با ادوبی و طرحتو سیو نکردی و یه دفعه با ارور crash روبرو میشی😱


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#ابزار
#معرفی_سایت

به راحتی در کمتر از 1 دقیقه میتونین اشکال مختلف و با رنگ های جذاب رو با فرمت SVG طراحی کنین.

🔴خودتون یه تست کنین👇

https://www.blobmaker.app/



@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#پالت_رنگ

💢خلاق باش،ترکیب کن و اثر هنری خلق کن


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#خبر

🤔خبر داری رنگ سال ۲۰۲۰ چیه؟

موسسه پنتون در سال ۲۰۱۹ با انتخاب رنگ #مرجانی میخواست مرجان های اعماق اقیانوس ها رو معرفی کنه امسال هم با معرفی #سفید_مرجانی یا Bleached Coral ، رنگ مرجان های مرده را توصیف کرد.

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

HEX: F0F6F7

RGB: 240-246-247


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات
#شماره 74


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


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#آموزش

🎥 آموزش طراحی ui یک landing page وب سایت با Adobe XD


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات
#روانشناسی_رنگ

💠چرا روانشناسی رنگ ها مهم هستند؟
همه رنگها همراه خودشون احساستی رو دارند.احساساتی که به راحتی حس برند تجاری شما رو به مخاطبینتون انتقال میدهند.
👇روی رنگای زیر بزنین تا بیشتر در مورد اونا بدونین و استفاده صحیح رو از هر رنگ داشته باشین.

💙 آبی ❤️ قرمز
💚سبز 💛 زرد
🧡نارنجی 💜 بنفش
🖤 مشکی 👜 قهوه ای

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار

⭕️سایتی رو میخوایم بهتون معرفی کنیم که هرآنچه یه طراح گرافیک به اون نیاز داره رو میتونه در این سایت پیدا کنه.

انواع طرحای رایگان فتوشاپ
انواع وکتور های رایگان ایلاستریتور
انواع ui kit های رایگان مخصوص sketch
کلی آیکون و فونت رایگان
حتی می توانید کدهای جاوا اسکریپت و html رو هم رایگان استفاده کنین.
راستی یه بخش جدید هم اضاف کرده که میتونین عکسای استوک با کیفیت بالا رو هم رایگان دانلود کنین.

✅این پست رو حتما برا دوستاتون که طراحی میکنن فوروارد کنین

🎯 freebiesbug.com


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نمونه
#ایده

امروزه اپلیکشن های فروش اینترنتی خواستار زیادی پیدا کرده.و داشتن نمونه کار برای طراحان از این دسته بندی یک مزیت محسوب میشه برای همین ما یک نمونه کیت طراحی رایگان با فرمت Adobe XD براتون آماده کردیم که بتونین ازش ایده بگیرید.

♦️دانلود فایل ضمیمه در پست بعدی👇

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#ابزار
#پلاگین

💠 پلاگین Artboard Plus

این پلاگین یکی از پرکاربردترین پلاگین هاییه که در نرم افزار XD استفاده میشه.

▪️با نصب این پلاگین می تونید به آرت بوردهای کاری خود نظم و انسجام بدید.همینطور میتونین لیست لایه ها رو براساس حروف مرتب کنین.
▪️یه قابلیت دیگه ای هم که داره اگر در یک آرت بورد طرحی زدین و خواستین اون طرح رو به صورت یک آرت بورد جدا دربیارین کافیه اون طرح رو انتخاب کنین و گزینه create artboard از این پلاگین رو انتخاب کنین.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️