طراحی رابط کاربری(UI/UX) - طراحی محصول

نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather

0 ۱,۲۹۲
نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather
نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather

نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather

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

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


اکثر این کارها رو میتونید در وبلاگم، Dribbble و نسخه با کیفیت اونا رو در Behance ببینید.
همچنین برای سفارش کار میتونید به ایمیل iHMahmoodi [@] gmail.com با من در ارتباط باشید.

 

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

نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather - لوگو
نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather – لوگو

 

نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather
نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather
نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather
نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather

 

نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather
نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather

 

طراح: حسین محمودی
طراح: حسین محمودی

 

توجه کنید که هرگونه دخل و تصرف در این نمونه کارها (یا کار هر طراح دیگری) و استفاده از اون در محصولی بدون خریداری لایسنس آن و یا کسب اجازه از طراح آن پیگرد قانونی دارد.
نظر شما چیه؟

من را در شبکه های اجتماعی دنبال کنید تا در جریان مطالب مرتبط با این موضوع (آموزشی، اخبار و…) و همچنین مطالب مفید دیگری قرار بگیرید.

Linkedin: https://www.linkedin.com/in/iHMahmoodi
نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather
خبرنامه هفتگیاز جدیدترین مطالب و آموزش های ما با خبر شوید!

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

در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب ما را مستقیما در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.

دیدگاه بگذارید

avatar
  Subscribe  
Notify of