iHMahmoodi
Visual Designer

نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

XOS | SmartTV App UI/UX

0 ۱,۰۶۹
4263b488634991-5ddc650bf0660-9254870
نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

 

نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

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

در تصاویر زیر شما دو نمونه از رابط کاربری بخش فیلم و 3 نمونه از رابط کاربری بخش موسیقی را می بینید. نکته ای که در در طراحی رابط کاربری برای تلویزیون باید مدنظر قرار داشت فاصله عناصر و یا محتوا از حاشیه های تلویزیون هست و از طرفی باید سایز متن و تصاویر و بطور کلی محتوای نمایش داده شده در تلویزیون طوری انتخاب شود که از فاصله 3 متری نیز قابل دیدن باشد.

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

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

UI design for TV

 

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

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

 

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

 

f4ffd188634991-5ddd10610d13c-4591718
نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS
394b6c88634991-5ddd10610cbbe-4428860
نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS – لوگو

 

448c9c88634991-5ddc650bf2644-5319691
نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

 

d8678a88634991-5ddc650bf16f5-9112663
نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

 

bf3cc888634991-5ddc650bf0e78-7113689
نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

 

de067d88634991-5ddc650bf1dcb-4465255
نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

 

dc93b988634991-5ddd11962c418-3891701
نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

 

18865088634991-5ddd11962caa4-2200083
من را در شبکه های اجتماعی دنبال کنید: iHMahmoodi@

 

نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

طراحی گرافیک، صفحه آرایی، طراحی رابط کاربری

7008

آموزش ها و مطالب ما را در ایمیل خود داشته باشید

عضویت
اطلاع از
0 Comments
Inline Feedbacks
View all comments

برای نمایش صحیح کل محتویات سایت باید فیلترشکن / وی پی ان خود را روشن کنید

سلام، من حسین هستم

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

این مطالب را در ایمیل خود دریافت کنید

7032
Hossein Mahmoodi