おためし受講中

これからのモバイルサイト UIデザイン基礎 -3回目-

Web制作現場では、市場のニーズや制作ワークフローの変化から、Webデザイナーの役割が少しずつ変わってきています。従来では、ディレクターの作ったワイヤーフレームを元にPhotoshopでサイトデザインをするのがデザイナーの役割でした。しかし、現在ではサービスやプロダクト全体のユーザー体験(UX)の価値を上げるためにより良いユーザーインターフェース(UI)を設計するには、デザイン作業の前後の工程にも参加し、情報を深く理解するスキルが求められています。

全3回の授業で、モバイルサイトデザインにスポットを当てて、UIデザインの基礎授業を講義と実技を交えながら進めていきます。対象者は、Webデザインを勉強している初心者の方、またはモバイルUIデザインを基礎から学びたい方です。

3限目
モバイルサイトデザインのコツのポイントを押さえる

※PhotoshopやIllustratorなどのデザインツールの具体的な使い方はこの授業で行いませんので、別の授業と併せてご覧ください。

Material design

 

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介
    00:33  (00:38 ~ )
    授業ターゲット
    00:27  (01:11 ~ )
    全3回授業の目標
    00:23  (01:38 ~ )
    今日の授業内容
    00:38  (02:01 ~ )
    【質問】デザインツール何を使っていますか?
    03:12  (02:39 ~ )
    デザインツールの使い分けを学ぼう
    00:19  (05:51 ~ )
    Photoshop CCの特徴
    02:28  (06:10 ~ )
    Sketch 3の特徴
    06:45  (08:38 ~ )
    デザインの制作手順を学ぼう
    06:51  (15:23 ~ )
    デザインする際に考慮すべきことを学ぼう
    10:21  (22:14 ~ )
    デザインする際の気をつけるべきポイントを学ぼう
    00:32  (32:35 ~ )
    実機でチェックをしよう
    01:01  (33:07 ~ )
    フラットデザインを確認しよう
    13:34  (34:08 ~ )
    今回の授業のまとめ
    01:21  (47:42 ~ )
    全3回総まとめ
    03:40  (49:03 ~ )
    【後半】質疑応答
    Q,素朴な質問です。PCサイトの場合は、参考にしたいサイトがどうなっているかをデベロッパーツールなどで研究できるのですが、スマホサイトはソースを見ることすらできません。良いツールはありますか?
    01:16  (53:08 ~ )
    Q,おすすめなCSSフレームワークはありますか?また、流行りのCSSフレームワークなどありますか?bootstrap以外で。
    01:00  (54:24 ~ )
    Q,デザインは楽しいですか?
    00:29  (55:24 ~ )
    先生から受講生の皆様へメッセージ
    03:18  (55:53 ~ )
    お知らせ
      (59:11 ~ )