おためし受講中

はじめてのiOSアプリデザイン

この授業では、これからアプリデザインを勉強しようと思っている方や、もう一度基本的なことを学びたいという方を対象に、iOSアプリデザインの基礎的なところから学習します。

これまでいくつものアプリ制作現場で、グラフィックデザインの能力は高いけれども、アプリデザインの知識のないデザイナーに発注して涙するクライアントやエンジニアの方々をたくさん見てきました。

HTMLやCSSの知識がないと理にかなったWebデザインができないように、 アプリのデザインにも知っておくべきルールがあります。

また、質の高いアプリを完成させるために、エンジニアには出来るだけプログラム作成に注力してもらう必要がありそうです。 そのためにデザイナは何をした方がよいのか、一緒に考えてみたいと思います。

今回は、印刷物やPC向けWebサイトとアプリデザインの違いや、iOSのルールについて学びましょう。

この授業の先生

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    リーダーシップを発揮するための基本的なコツ
    自己紹介&アジェンダ
    01:27  (00:13 ~ )
    1. 印刷物やWebサイトとスマートフォンアプリの違い
    00:25  (01:40 ~ )
    印刷物の特徴
    05:24  (02:05 ~ )
    Webサイトの特徴
    04:39  (07:29 ~ )
    スマートフォンアプリの特徴
    05:28  (12:08 ~ )
    メディアの性質に合わせて求められる知識が異なる
    01:27  (17:36 ~ )
    2. iOSヒューマンインターフェイスガイドラインを読んで、デザインのルールを知ろう
    00:15  (19:03 ~ )
    iOS7向けの設計
    06:35  (19:18 ~ )
    各UIパーツを見てみよう
    01:07  (25:53 ~ )
    バーの種類-ステータスバーについて
    02:37  (27:00 ~ )
    ステータスバーを非表示にすることが可能とは
    04:43  (29:37 ~ )
    ステータスバー非表示例
    04:25  (34:20 ~ )
    UI要素を見てみよう
    00:26  (38:45 ~ )
    ビューの種類
    00:43  (39:11 ~ )
    コントロール部品の種類
    01:48  (39:54 ~ )
    一時ビュー
    03:08  (41:42 ~ )
    まとめと宿題
    00:45  (44:50 ~ )
    【後半】質疑応答
    Q:スマホのサイトとアプリのUI設計の大きな違いってありますか?
    04:03  (46:00 ~ )
    Q:先生から見て、これ巧いなぁっていう独自UIのアプリと、その箇所ってありますか?
    02:14  (50:03 ~ )
    Q:iOSアプリのアンドロイドへの移植の際、iOSと同じUIにして!と依頼があった場合、どうしますか?
    03:06  (52:17 ~ )
    Q:仕事で作る訳ではなく、自分でデザインも開発してみたいのですが…
    01:05  (55:23 ~ )
    Q:AndroidアプリとiPhoneアプリでデザインの方針が違うのでしょうか?
    01:09  (56:28 ~ )
    課題発表
      (57:37 ~ )