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

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

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

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

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

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


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

 

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

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

 

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

 

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

 

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

 

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

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

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

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

avatar
  Subscribe  
Notify of