おためし受講中

魅力的なアプリUIデザインとは何か

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

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

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

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

今回は、美しいUIデザインについて学びます。ただ単に美しいグラフィックをよいUIと呼ぶのではなく、アプリの目的やターゲットに適した見た目の演出について考えていきます。また、スプラッシュスクリーンとアプリアイコンについても、一緒に学びましょう。

この授業の先生

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:27  (00:11 ~ )
    UIってなんだろう?
    05:14  (02:38 ~ )
    スプラッシュスクリーンとアイコン
    00:17  (07:52 ~ )
    第1問 もっとも理想的なアプリの起動は以下のうちのどれでしょうか?
    04:28  (08:09 ~ )
    さまざまなアプリの起動画面
    02:42  (12:37 ~ )
    バーアイコン
    03:29  (15:19 ~ )
    第2問 このiOSアプリ画面、タブバーアイコンをなおすべきです。それはAからCのうちどれでしょうか?
    03:55  (18:48 ~ )
    アプリアイコン
    03:17  (22:43 ~ )
    使いやすいUI 
    01:09  (26:00 ~ )
    第3問 一貫性の観点から、以下のデザインには3つの問題があります。真っ先に変更すべき箇所は次のうちどれでしょうか?
    03:15  (27:09 ~ )
    一貫性のないUI/あるUI
    00:58  (30:24 ~ )
    外観と操作性
    02:39  (31:22 ~ )
    HTML脳からの脱却
    02:09  (34:01 ~ )
    変わりゆくUI
    03:05  (36:10 ~ )
    まとめ
    01:07  (39:15 ~ )
    【後半】質疑応答
    Q:ユーザー定義のターゲットは、どのようにしますか
    02:32  (40:53 ~ )
    Q:レスポンシブWebデザインやスマホサイトのUI設計は、これらと全く違う概念ですか?
    01:41  (43:25 ~ )
    Q:先生はどのようにデザインを勉強したのですか?
    02:42  (45:06 ~ )
    Q:先生が感じるアプリのフラットデザインのメリット・デメリット。
    02:20  (47:48 ~ )
    Q:iPhoneとiPad両方を対象としたアプリの場合、どちらの画面サイズを先に考えた方が良いでしょうか?
    04:12  (50:08 ~ )
    Q:初めて使う人と頻繁に使う人とで、どういうものが使いやすいかに差が出る時、どうやって解決を図りますか?
    01:14  (54:20 ~ )
    Q:先生が「これはよく考えられたUIだ!」と思うアプリは何でしょうか?
    02:26  (55:34 ~ )
    課題発表
      (58:00 ~ )