طراح رابط کاربری/ تجربه کاربری ( UI / UX ) - مُدَرس - یوتیوبر
نمونهکار: رابط کاربری تلویزیون هوشمند XOS
نمونهکار: رابط کاربری تلویزیون هوشمند XOS
با توجه به اینکه این روزها تلویزیون های هوشمند و یا اپ های مختلف از قبیل فیلیمو و … در دسترس اکثر افراد هست، در این طرح سعی کردم مواردی رو طبق اصول طراحی برای تلویزیون ها رعایت کنم و یک رابط کاربری جدید و مدرن برای تلویزیون های هوشمند طراحی کنم.
در تصاویر زیر شما دو نمونه از رابط کاربری بخش فیلم و ۳ نمونه از رابط کاربری بخش موسیقی را می بینید. نکته ای که در در طراحی رابط کاربری برای تلویزیون باید مدنظر قرار داشت فاصله عناصر و یا محتوا از حاشیه های تلویزیون هست و از طرفی باید سایز متن و تصاویر و بطور کلی محتوای نمایش داده شده در تلویزیون طوری انتخاب شود که از فاصله ۳ متری نیز قابل دیدن باشد.
علاوه بر رعایت موارد بالا من با استفاده از تخصیص رنگ به بخش های مختلف کاربر رو در استفاده راحتتر از محتوای نمایش داده شده و دکمه های اصلی راهنمایی میکنم به این صورت که بعنوان مثال عناصر بخش فیلم به رنگ قرمز و عناصر بخش موسیقی به رنگ صورتی نمایش داده می شوند.
اگر قصد دارید برای تلویزیون و یا بطور کلی صفحات بزرگ طراحی رابط کاربری انجام دهید، من یک پست کامل از تمام مواردی که باید در طراحی برای این نوع مدیوم مورد توجه قرار بگیرید نوشتم که در آدرس زیر پست زیر می تونید اون رو مطالعه کنید.
آموزش طراحی رابط کاربری برای تلویزیون
در صورتی که به این طرح اپلیکیشن نیاز دارید و می خواهید آن را برای محصولات خود گسترش بدهید و یا آن را در اپلیکیشن خود استفاده کنید، می توانید از طریق ایمیل با من در ارتباط باشید تا این طرح اولیه را بر اساس محصولات شما طراحی و گسترش بدهیم و یا اینکه لایسنس آن را خریداری کنید.
اکثر این کارها رو میتونید در وبلاگم، Dribbble و نسخه با کیفیت اونا رو در Behance ببینید.
همچنین برای سفارش کار میتونید به ایمیل iHMahmoodi [@] gmail.com با من در ارتباط باشید.
در زیر موشن، لوگو و صفحات مختلف این اپلیکیشن تلویزیون هوشمند را مشاهده می کنید.
برای سفارش کار میتونید به ایمیل iHMahmoodi [@] gmail.com با من در ارتباط باشید.
توجه کنید که هرگونه دخل و تصرف در این نمونه کارها (یا کار هر طراح دیگری) و استفاده از اون در محصولی بدون خریداری لایسنس آن و یا کسب اجازه از طراح آن پیگرد قانونی دارد.
این مطلب برای اولین بار در وبلاگ اصلی من منتشر شده است.
من را در شبکه های اجتماعی دنبال کنید تا در جریان مطالب مرتبط با این موضوع (آموزشی، اخبار و…) و همچنین مطالب مفید دیگری قرار بگیرید.
Twitter: https://twitter.com/iHMahmoodi
Instagram: https://www.instagram.com/iHMahmoodi
blog: http://blog.iHMahmoodi.ir
Linkedin: https://www.linkedin.com/in/iHMahmoodi
Dribbble: https://dribbble.com/iHMahmoodi
Behance: https://www.behance.net/iHMahmoodi
Instagram – work: https://www.instagram.com/AsteriXarts
با نظراتتون من رو در طراحی کارهای بهتر یاری بدید :)
مطلبی دیگر از این انتشارات
آموزش ایندیزاین: چیدمان چپچین متن و شکست کلمات
مطلبی دیگر از این انتشارات
آموزش ایندیزاین: نکات و کاربردهای چیدمان راستچین
مطلبی دیگر از این انتشارات
آموزش فیگما - طراحی UI/UX از صفر در 30 دقیقه با مثال کاربردی