横長動画サービスのスマホUI
「スマホ」としているが Android 端末を出してくるのがだるいのでiOSアプリでの話をします まあ事情はそんなに変わらない、と思う
横長動画サービスのスマホUI、作る時困りがち
サムネイルは当然 cell の上と下にくっつける(=cellとサムネイルの高さが同じ)
となると、16:9のサムネイルだと4:3よりかなりサムネイルを載せたあとの横幅が少なくなる
困る
でもサムネイル横幅=cell横幅にして下にタイトルとか書いとく、というUIだと画面あたりに出る動画数が2つとかになる
https://gyazo.com/d23cb08c84f146992e89882aa4c1e633
https://gyazo.com/cf12ffce7fa809759b6e12713a7afa58 https://gyazo.com/3511c6ee245192158ae4de0a361e552a
「今すぐ観る」ではセクションごとに区切って横スクロールさせている
https://gyazo.com/70a09848a13ffa31c039786a9e94baac
画面横幅の0.7倍とかにできるので横スクロールでよければこれがベストかも
でも YouTube の無限リコメンデーションみたいなやつは縦スクロールだけで完結してほしい
うまい具合にサムネイルにpaddingを付けて、あとは頑張る
https://gyazo.com/f58d25d51f5051fb34053a4ce2c4cdb6
そういえばニコニコ動画ってあんまり一覧にアップロードした人の情報出てこないな