イベントの概要

今、ウェブやアプリ開発の現場で人気のデザインツールSketchを使ったUIデザインについて学ぶ勉強会です。最近では企業の応募要項にPhotoshop、Illustratorに続き求められるデザインツールとなってきています。

「デザインに興味があるけど難しそう。。」「アプリのデザインをしてみたいけど、やり方がわからない」という初心者の方でも、2時間でアプリのUIをデザインできるようになります。現場のプロも使っているSketchを使えば、ウェブやアプリのUIを簡単にデザイン出来てしまいます。安価で気軽に使えるデザインツールSketchの基本的な使い方を楽しく学んでいきましょう！

対象

• デザインをしたことがない方
• Illustratorなどのデザインツールをほとんど使ったことがない方
• アプリやウェブサイトを作ってみたい方
• Macをお持ちの方（SketchはMac専用のソフトウェアのため）
• ワイヤーフレームなどからデザインに落とし込むスキルを身につけたい方

レッスンの内容

SIGNALSという架空のメッセージングアプリを想定して、実際にSketchを使いながらUIをデザインしていく実践的な内容になっております。レッスンの最後の方では、Prottと呼ばれるプロトタイピングサービスを使って、アプリのUIを確認する作業も行います。

- 【Sketch基礎編】

• IllustratorとSketchの違い
• ラスタとベクタ
• 直線ツール
• 長方形と楕円
• 拡大縮小と回転 など

- 【Sketch実践編】

• ログイン画面の作成
• パーツのシンボル化
• 登録画面の作成
• ホーム画面の作成
• ドロップシャドウの追加
• 送信画面の作成
• 受信メッセージ一覧用の画面を作成
• メッセージ閲覧用の画面を作成

- 【Protto編】

• Prottoのプラグインを追加
• アートボードのアップロード
• ジェスチャーと画面遷移の追加
• アプリでUIを確認

レッスンを最後まで完了すると、この様なUIを作れるようになります。

持ち物

• SketchがインストールされたMacをご用意ください
• Sketchは$99で購入できるデザインツールです。公式サイト（https://www.sketchapp.com/）から体験版のダウンロードとインストールをお願いいたします。必ず、事前にご準備お願いいたします。
• プロトタイピングツールProtto(https://prottapp.com/)のアカウントを事前にご準備ください。
• スマートフォンをお使いの方は、Prottoのアプリ(iOSはこちら / Androidはこちら)を事前にインストールしておいてください。（こちらは必須ではございません）

注意点

オンライン上で行うウェビナー形式をとっております。当日は以下のURLからご参加ください。 パスワードは別途案内メールでお送りします。 PC、Mac、Linux、iOS、またはAndroidからご参加ください：https://zoom.us/j/241146421?pwd=nYQBFR9OTIkK6DJiIb8rGg

講師情報

河合貴文（かわい　たかふみ）

教育系のベンチャー企業でデザイナー兼エンジニアとして、アプリやウェブサイトの開発をしています。 個人でも複数のアプリやウェブサービスの開発を行い、医療系のスタートアップの起ち上げを経験。

morning codingというITやデザイン関連の技術についてのブログも運営。 その他にも、プログラミングが学べるウェブサービスを運営したり、マンツーマンのプログラミングレッスンも提供したりしています。