⁣⁣⁣⁣⁣⁣🌐 طراحی صفحات 404 که فقط یک پیغام ساده را نشان دهند، هیچ کمکی به کاربر نمی‌کند.

💎 در طراحی #صفحه_404 این 5 مورد را رعایت کنید:

🔹 ️مطالب و محتواهای دیگری به کاربر پیشنهاد کنید.
🔹 ️یک search bar در اختیار او قرار دهید.
🔹 ️منوی اصلی سایت در دسترس باشد.
🔹 ️لینک صفحات محبوب و پربازدید را قرار دهید.
🔹 ️لینک به صفحه اصلی فراموش نشود.

🔎 #سئو #UI

🆔 @roxo_ir

طراحی خلاقانه سیستم ثبت امتیاز

📱 #UI

🆔 @roxo_ir

#UI

رنگ های یک سایت، بسیار سریعتر از محتوا روی احساسات مخاطب اثر می گذارند.
سه قانون کلی برای انتخاب رنگ های صفحات وب وجود دارد:
🎨 قانون رنگ های متضاد
🎨 قانون رنگ های مکمل
🎨 قانون رنگ های مشابه

این سه قانون و راهنمای انتخاب رنگ های مناسب برای سایت را در مقاله زیر یاد بگیرید:

👉 www.roxo.ir/0996

🆔 @roxo_ir

👁 استفاده از رنگ مشکی به عنوانِ پس زمینه ی متن، به شبکیه چشمِ خواننده فشار زیادی وارد می کند.

بنابراین از رنگ مشکیِ مطلق (کد رنگی #000000) در پس زمینه ی متن ها استفاده نکنید و بجای آن از رنگ خاکستری تیره استفاده نمایید.

🎨 #طراحی_گرافیک #UI

🆔 @roxo_ir

در طراحی UI یا رابط کاربری، باید مغز رو همینقدر دقیق بشناسید!

📱 #UI

🆔 @roxo_ir

🤹‍♂ یک بازی فوق العاده جذاب برای UIکارها:

👉 https://cantunsee.space

با این بازی متوجه میشید در طراحی UI چقدر حرفه ای هستید و چشم طراحیتون چقدر قویه!

📱 #UI

🆔 @roxo_ir

🐻 یک ایده جالب برای صفحات مهم سایت!

اجرای این ایده از نظر برنامه نویسی کار سختی نیست اما قطعا برای کاربران بسیار جذاب خواهد بود.

📱 #UI

🆔 @roxo_ir

📱برای طراحی رابط کاربری (UI)، ری اکت بهتر است یا ویو؟


💙 باید از React استفاده کنید اگر:

1- میخواهید تکنولوژی مورد استفاده شما توسط یک کمپانی بسیار بزرگ پشتیبانی شود.
2- می خواهید برنامه تان را به شکل دلخواه خود بسازید.
3- می خواهید برنامه تلفن هوشمند نیز بسازید.
4- به دنبال یک اکوسیستم مناسب هستید.
5- عاشق کار با جاوا اسکریپت هستید.

💚 باید از Vue استفاده کنید اگر:

1- به دنبال تکنولوژی بسیار کم حجم و در عین حال قدرتمند هستید.
2- از کار با قالبها لذت می‌برید.
3- به دنبال راه اندازی ساده و کدهای دوست داشتنی هستید.
4- به دنبال راحتی در یادگیری هستید.

📃 با خواندن مقاله زیر بهتر می توانید تصمیم بگیرید کدام فریم ورک را انتخاب کنید:

👉 www.roxo.ir/hntyq

💻 #برنامه_نویسی #ری_اکت #ویو_جی_اس #UI

🆔 @roxo_ir

🎞 آموزش طراحی UI یک صفحه ی ثبت نام کاربر برای اپلیکیشن با Adobe XD

📱 #UI

🆔 @roxo_ir

💫 «طراحی مسطح» ترند پرطرفدار برای UI و UX در سال 2020 است!

طراحی مسطح در واقع نوعی طراحی مینیمال محسوب شده و مانند همیشه شعار «کمتر، بیشتر است» یا (less is more) بهترین توصیف برای این سبک محسوب می شود. بنابراین دیگر لازم نخواهد بود تصاویر پیچیده طراحی کنید.

وقتی شرکت های بزرگی مانند Mailchimp و Slack طراحی مسطح را به رابط کاربری خود وارد کردند، به مرور زمان طراحی فلت تبدیل به یک سبک رایج و پرطرفدار میان گرافیست ها شد.

➖➖➖➖➖➖➖➖
وکتور مسطح را از کجا پیدا کنم؟

📌 ابزاری برای ساخت وکتور به صورت آنلاین:
https://icons8.com/vector-creator

📌 کتابخانه ای با بیش از 2000 طرح با قابلیت شخصی سازی
https://shape.so/

📌 ابزار آنلاینی که مشابه نرم افزار Sketch عمل می کند
https://usesmash.com/

📌 مرجع دانلود وکتورهای آنلاین با فرمت SVG
https://www.drawkit.io/
➖➖➖➖➖➖➖➖➖

📃 توضیحات بیشتر درباره سبک طراحی مسطح:

👉 www.roxo.ir/go/zxdfk


🎨 #طراحی_گرافیک #UI #UX

🆔 @roxo_ir

🖥 صفحه اصلی، به عنوان قطب اصلی وب سایت شما عمل می کند و چهره برند شما را برای مخاطبان منعکس می کند.

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

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

💎 سعی کنید در صفحه اصلی، با استفاده از محتوا و تصویر، داستان برند خود را با لحنی متناسب با موضوع برندتان بیان کنید.

🎨 #طراحی_گرافیک #UI

🆔 @roxo_ir

🌟 سایت matcha.com یک نمونه عالی از طراحی صفحه اصلی وب سایت محسوب می شود.

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

🎨 #طراحی_گرافیک #UI

🆔 @roxo_ir

📍این مقاله درباره ی انیمیشن های رابط کاربری سایت رو از دست ندید 👇

🔑 نکاتی برای ارتقا انیمیشن‌های UI سایت از خوب به عالی

📱 #UI

🆔 @roxo_ir

🧨 9 توصیه برای ارتقا طراحی رابط کاربری:

1- عناصر را متمایز کنید
2- تنها از یک تایپ فیس استفاده کنید
3- بین محتوای طولانی فاصله مناسب قرار دهید
4- تجربه عملی کاربران خود را ارتقا دهید
5- به نور و سایه ها دقت کنید
6- کنتراست متن با پس زمینه را بهتر کنید
7- از متن های متمرکز در وسط استفاده کنید
8- با فضاهای سفید و خالی دوست باشید!
9- متن روی پس زمینه روشن را به اندازه کافی تیره کنید

📃 توضیحات هریک از موارد فوق را در لینک زیر بخوانید:

👉 www.roxo.ir/go/gw8bn

📱#UI

🆔 @roxo_ir

🏞 معرفی محبوب ترین پلاگین های فیگما

#فیگما یکی از بهترین نرم افزارها در زمینه طراحی رابط کاربری (UI Design) می باشد که برای تمامی پلتفرم های محبوب مانند ویندوز، مک، لینوکس و حتی مرورگر گوگل کروم به صورت رایگان عرضه شده است.

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

📃 این مقاله را به معرفی 18 مورد از بهترین پلاگین های فیگما بر اساس رتبه بندی کاربران اختصاص دادیم:

👉 www.roxo.ir/go/9mq7c

📱#UI

🆔 @roxo_ir

📱 پروتوتایپ چیست؟

▪️در دنیای توسعه #اپلیکیشن موبایل، #پروتوتایپ به معنای یک نسخه ی پیش نمایش و یا یک نمونه ی اولیه از یک ایده یا طرح کانسپت است که برای توسعه و تبدیل شدن به اپلیکیشن در اختیار تیم برنامه نویسان و توسعه دهندگان می شود.

▪️پروتوتایپ را می توان یک نسخه ی عینی و کامل از اپلیکیشن دانست با این تفاوت که فاقد محتوا و عملکرد است. در این پیش نمایش، تمامی تصاویر، لینک ها، منوها و… وجود دارند و با کلیک روی هر یک می توان صفحات هدف آن ها را مشاهده کرد. همچنین انیمیشن ها نیز بخشی از پروتوتایپ محسوب می شوند.

▪️برای درک بهتر، ویدیوی بالا را به عنوان یک پروتوتایپ مشاهده کنید.

🔺 لازم به ذکر است که پروتوتایپ ها توسط نرم افزارهای ساخت رابط کاربری مانند Adobe XD ساخته و ارائه می شوند.


📃 برای اینکه درمورد پروتوتایپ‌ ها و اهمیتشان بیشتر بدانید، مقاله ی زیر را مطالعه کنید:

👉 www.roxo.ir/go/p9hf3


💻 #برنامه_نویسی #UI #UX

🆔 @roxo_ir

🕹 مهم‌ترین فاکتورها در طراحی سایت


💻 #برنامه_نویسی #UI #UX #طراحی_سایت

🆔 @roxo_ir

🧠 تفاوت UI و UX چیست؟

📱 #UI #UX

🆔 @roxo_ir

معرفی بهترین منابع، ابزارهای کاربردی و وب‌سایت‌های مورد نیاز برای طراحان UI در سال ۲۰۲۱

👉 https://www.roxo.ir/resources-and-tools-for-ui-designers


🎨 #طراحی_گرافیک #UI

🆔 @roxo_ir