Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
真似して学ぶUIデザイン入門(事前展開資料)
Search
Noriaki Kawanishi
June 29, 2020
Design
1
210
真似して学ぶUIデザイン入門(事前展開資料)
Noriaki Kawanishi
June 29, 2020
Tweet
Share
More Decks by Noriaki Kawanishi
See All by Noriaki Kawanishi
SSoT for Design
norinity1103
0
210
Design for disaster preparedness
norinity1103
0
180
オンラインホワイトボードで組織の成長を促進する方法
norinity1103
1
110
地域に変革を起こすデザイン経営のススメ
norinity1103
0
140
Social Business Talk_in akabane hall
norinity1103
0
180
愉しみながら成長できる仕組みづくり
norinity1103
0
540
夢中になる仕組み 「ゲームフロー理論」を紐解く_DIST41 「ゲームから学ぶUI_UX」
norinity1103
0
480
古民家ゲストハウスで挑戦できる田舎づくり
norinity1103
0
290
地域と民泊と田舎の体験づくり
norinity1103
0
330
Other Decks in Design
See All in Design
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
670
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
140
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
310
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
150
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
250
セブンデックス カルチャーブック
sevendex
0
4.2k
The Golden Whitney
ohtristanart
PRO
0
130
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
710
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
340
250131_product meetup
motokoishida
0
120
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
300
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Being A Developer After 40
akosma
89
590k
Speed Design
sergeychernyshev
27
820
BBQ
matthewcrist
87
9.5k
Why Our Code Smells
bkeepers
PRO
336
57k
Side Projects
sachag
452
42k
Building Applications with DynamoDB
mza
93
6.2k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Gamification - CAS2011
davidbonilla
80
5.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Transcript
@DMM.com 真似して学ぶUIデザイン入門 〜身近なあのサイトを模倣してみよう〜 事前共有資料
@DMM.com 講師紹介 @norinity1103 紀明 紀明
@DMM.com ・WSの目的とゴールの共有 ・チェックイン ・利用ツールの説明・導入 ・ワークショ導入 / ショートセッション ・振り返りとアクションプランの作成 当日のアジェンダ
@DMM.com WSの目的とゴールの共有 研修ではこんなことをやります
@DMM.com いつでもはじめられる「発見・観察・設計」 研修の目的とゴールの共有 身近なサービスを模倣し デザインツールの利用を通して UIデザインの楽しさと修練方法を知る
@DMM.com 目的 ゴール 身近なサービスを模倣し、現場で実際に使われているモダンなデザイン ツールの利用を通してUIデザインの楽しさと修練方法を知ってもらう このWSでの気づきを通して、ビジネス素養として大切な「発見・観察・ 設計」に関する視点を身につける(ツールの習得は重要ではない) 研修の目的とゴールの共有
@DMM.com Figmaのアカウント作成 できれば当日までに作っておいてください
Figma 当日利用するツールの説明 Figma のできること ・同時にたくさんの人が一緒にデザインできる ・一つのデータで2名まで無料で編集できる ・ブラウザ・アプリ両方で使える(win/mac) ・リンクを知っている人は誰でも見れてコメントできる ・いろんなデータがコピペで使い回せる
アカウントのFigmaアカウントの作成手順 アカウント作成方法 Figma+デザインで検索、公式サイト の「Sign Up」をクリック Googleもしくは任意のメールでアカウント を作成します 運営側が案内するURLにアクセスしてください。リンクを踏 むとログインもしくはアカウント作成を求められます。 公式サイトからアカウント作成
アカウント情報を登録 招待リンクにアクセス ここから スタートでも OK
WS講習用の招待リンクにアクセス https://www.figma.com/file/9rrjtmlWGV8cNJo0h3oU Jp/members_ws_20200630?node-id=11%3A995 アプリインストールのほうが動作が軽いです ↓演習用の招待リンク
講習用データ:members_ws_20200630 アクセスできましたか? アカウント作成してから入れるまで1~2分で終わります!
講習用データ:members_ws_20200630 講習用データの使いどころ ↑でのデータで出来ること ・説明用のスライドショーです ・これから皆さんがおこなうワークショップのサンプル展示 ・わからなくなったときのリファレンス(コメント自由)
あなただけのデザインファイルを作ってみましょう 「+」アイコンをクリック
ファイル名を変えましょう
あなたのファイルをシェアしましょう ① ②共有リンクをコピー Shareボタンをクリック
当日のZoomチャンネルなどにリンクをシェア シェアしたリンクを知る人があなたのデータを閲覧できるようになります
@DMM.com 当日はどうぞ よろしくお願いします。 @norinity1103 紀明 紀明