118+

Introduction of Speakers

山本 麻美 様（UIデザイナー）

インディーズ⾳楽プラットホームを作りたい⼀⼼でWebを独学．そのまま企業からWeb制作の仕事を請けるようになり1997年フリーランスのWebデザイナーに．2010年何気なく参加した⽇本Androidの会で周囲からそそのかされてAndroid, iOSのUIデザインを始める．「Wishscope」「トレタ」「ビズリーチ」「レシピブログ」等のデザインをしているうちに気づいたらモバイルアプリのUIに特化して仕事をするようになる．講師業が得意で都⽴商業⾼校や専⾨学校などでの講師経験が多い．

Materials

下記の資料は本プロジェクトに参加している学生に限定して閲覧することを条件に講師の方から提供されたものです．プロジェクトにエントリーしている人は大学SSOでログインするとアクセスできます．不正にファイルを複製・印刷したり，PDFに設定されているパスワードを解除したり，プロジェクトに参加していない学生に閲覧・譲渡したりしないで下さい．このような不正な発覚した場合は，今後，資料の提供は一切実施しません．

• プロトタイピング入門【プロジェクト参加者限定】（2017/07/17）
• 上記スライド23掲載「アプリ概要スプレッドシート」【プロジェクト参加者限定】（2017/07/17）
• 上記スライド30掲載「画面のサンプル」【プロジェクト参加者限定】（2017/07/17）
• 上記スライド36掲載「プロトタイピング注意点」【プロジェクト参加者限定】（2017/07/17）

Advance Preparation

(1) 筆記用具を持参してください．

アイデアスケッチをする際に必要となります．ボールペン，シャーペン，鉛筆など，スケッチしやすいものを準備して下さい．メモ用にノートも持ってくるとよいでしょう．あと，できれば水性サインペンがあるとアイデアスケッチが描きやすいでしょう．

(2) 持込ラップトップPCを持って来て下さい．

各種ツールを使います．インターネットに接続できる準備をして下さい（学内接続申請，モバイルルータまたはテザリングなど）．なお，セミナー当日でグループ作業しますが，そのグループで最低1台あるようにグループを構成して下さい．

プロトタイピング入門セミナー【プロジェクト参加者限定】（2017/07/17）

午前の部

• 00　講師紹介
• 01　アプリのアイディア企画（どんなアプリを作ろう〜企画をまとめる）
• 02　Googleスプレッドシートについての補足説明
• 03　アイディアスケッチとプロトタイピング

午後の部

• 04　アイディアスケッチとプロトタイピング：Prottの操作方法
• 04a　Prottの操作方法:画面のグループ化
• 05　アイディアスケッチとプロトタイピング：つづき
• 06　UIの考え方−iOSの方針/マテリアルデザイン
• 07　デザインの勘所/デザインツールFigma
• 08　UIデザインに必要なツールとその役割
• 09　質疑応答