chevron_left

スマートフォンサイトのデザインで失敗しない"考え方"
PREMIUM
第1回

スマートフォンサイトのデザインで失敗しない"考え方"

2014年2月27日 60min
スマートフォンサイトのデザインで失敗しない play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 34

授業の概要

スマートフォンのシェア拡大により、PCサイトよりも先に作る依頼も増えてきました。スマートフォン制作のスキルはWebデザインではもはや必須と言えると思います。インターフェイスの設計では迷うところも多いし、画像をどのように書き出すのか、その作り方も初めてだと戸惑ってしまうでしょう。

この授業では、デザインする上で重要な下準備、さらにビジュアルだけでなくインターフェイスの設計の上での大切なところ、マークアップエンジニアさんに渡す画像の書き出しにおいてどういった点を気を付けるべきかを全体の流れを通してみつつ、そのポイントを紹介していきます。

■使用する機材

【ハードウェア】
・Macbook Air
【ソフトウェア】
・OS X Mavericks
・ Photoshop CC 最新バージョン
・ Illustrator CC 最新バージョン

■この授業を受けることで出来るようになること

・ページングのときにどんな見た目にすればいいか分かる
・ページ全体のデザインの考え方が分かる
・ボタンやアイコンのデザイン
・親指のサイズを意識したタップしやすい見た目を作る

担当の先生／パーソナリティ

チャプター

play_arrow
自己紹介＆アジェンダ
02:02
play_arrow
画面に向かうのは愚かもののすることです
16:43
play_arrow
レスポンシブなのか特化で作るのか
04:27
play_arrow
さっそくデザインをしよう
01:50
play_arrow
ユーザーインターフェイス
17:25
play_arrow
画像の書き出し
04:13
play_arrow
Q：スマフォのサイト・アプリのプロトタイプ制作で、今後はインブラウザ・デザインが増えますか？
02:08
play_arrow
Q：いつもサイトを作るとき画像のレイアウトで悩むのですが、スマホサイトにおける画像配置のコツってありますか？
01:53
play_arrow
Q：先生はiPhoneなどで、よく使うWeb作成に必要なアプリとかありますか？
01:02
play_arrow
Q：htmlでワイヤーフレーム作成は、どのような感じでするのでしょうか？
03:10
play_arrow
Q：お隣のアシスタントの選出基準はなんですか？
00:58
play_arrow
Q：重要だとわかるまで、どのぐらい掛かりますか？
00:49
play_arrow
Q：スマホサイトを作る時は、PCのサイトが作れる前提じゃないと作る事は難しいものでしょうか？
03:18
play_arrow
課題発表