TOP

クリップ
2017/04/16(日) 13:30 開催

初心者の方限定!今人気のデザインツールSketchを使ってUIデザインを学ぼう!

基本情報

日 時: 2017/04/16(日) 13:30 〜 15:30
定員数: 申込 9人/定員 14人
申込先: connpass

イベント内容

イベントの概要

今、ウェブやアプリ開発の現場で人気のデザインツール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やデザイン関連の技術についてのブログも運営。 その他にも、プログラミングが学べるウェブサービスを運営したり、マンツーマンのプログラミングレッスンも提供したりしています。

  • Twitterでシェア
  • 0
    Facebookでシェア
  • 0
    Google+でシェア
  • 0
    はてなブックマークに追加

タグに関連するイベント

2017/07/27(木) 19:30 〜 22:00
東京都 半蔵門
2017/07/26(水) 19:15 〜 22:00
渋谷
2017/08/26(土) 13:00 〜 17:00
大阪府 大阪

Facebookページ

TECH PLAYで申込可能なイベント