PREMIUM
第2回
これからのモバイルサイト UIデザイン基礎 -2回目-
2016年7月21日 60min
スライド資料
授業の概要
こんな人にオススメ
Webデザインを勉強している初心者の方、スマホUIデザインを基礎から学びたい方
担当の先生／パーソナリティ
-
本末 英樹（オロ）
株式会社フライヤー Product Design Lead
プロダクトデザイナーとして、Webサイトやモバイルアプリを含むサービス全体のUX設計とUIデザインを行う。 Adobe MAXやデジタルハリウッドなどで講師も務める通称「オロちゃん先生」。Web制作会社とフリーランスを経て、2017年7月C Channel株式会社入社。2021年5月より株式会社フライヤーにプロダクトデザイナーとしてジョイン。共著に『絵で見てわかるWebアプリ開発の仕組み』がある。大阪成蹊大学芸術学部卒/朗文堂・新宿私塾第27期修了/Xデザイン学校2021年マスターコース卒/人間中心設計スペシャリスト。Twitter（オロ @oronain）
-
江川 みどり
スクー放送部
チャプター
-
自己紹介
01:04 -
授業ターゲットの紹介
00:23 -
授業の目標
00:27 -
今回の授業内容
00:40 -
質問：どちらがスマホ？
02:14 -
スマホとPCのアクセス比率
00:55 -
日本と世界のモバイルOS比率
02:54 -
スマホの画面サイズとタップ領域
00:23 -
画面サイズ
01:34 -
タップ領域
01:49 -
モバイルに最適化されたWebサイトの例3つ
00:21 -
情報を隠す
02:26 -
情報の優先順位を変える
03:05 -
デザインを最適化する
06:48 -
プロトタイプとメリット
00:31 -
プロトタイプとは
00:29 -
プロトタイプの種類
01:17 -
プロトタイプを作るメリット
01:39 -
プロトタイプに必要なもの
00:31 -
プロトタイピングツール
05:45 -
プロトタイプを見てみる
04:11 -
画面遷移とアニメーション
00:53 -
トランジション
06:15 -
アニメーション
02:32 -
イージング
02:27 -
まとめ
03:37