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
240
真似して学ぶUIデザイン入門（事前展開資料）
Noriaki Kawanishi
June 29, 2020
Tweet
Share
More Decks by Noriaki Kawanishi
See All by Noriaki Kawanishi
minpaku-community-scrum-patterns
norinity1103
1
540
SSoT for Design
norinity1103
0
320
Design for disaster preparedness
norinity1103
0
290
オンラインホワイトボードで組織の成長を促進する方法
norinity1103
1
160
地域に変革を起こすデザイン経営のススメ
norinity1103
0
190
Social Business Talk_in akabane hall
norinity1103
0
230
愉しみながら成長できる仕組みづくり
norinity1103
0
600
夢中になる仕組み 「ゲームフロー理論」を紐解く_DIST41 「ゲームから学ぶUI_UX」
norinity1103
0
900
古民家ゲストハウスで挑戦できる田舎づくり
norinity1103
0
340
Other Decks in Design
See All in Design
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
240
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
tadashiinoue
0
1.1k
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
380
Findyのプロデチームの 歩みとこれから
satty9556
0
370
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
180
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
abokadotyann
9
2.9k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
230
はじめての演奏会フライヤーデザイン
chorkaichan
1
200
越境するデザイン人材：デザイナーが社会資本となる世界へ
goodpatch
1
450
佐藤千晶｜ポートフォリオ
chimi_chia
0
460
2026年、デザイナーはなにに賭ける？
0b1tk
0
430
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
960
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
10k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
Fireside Chat
paigeccino
41
3.8k
Deep Space Network (abreviated)
tonyrice
0
33
The Limits of Empathy - UXLibs8
cassininazir
1
200
Raft: Consensus for Rubyists
vanstee
141
7.3k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
51k
Mobile First: as difficult as doing things right
swwweet
225
10k
Odyssey Design
rkendrick25
PRO
0
450
Getting science done with accelerated Python computing platforms
jacobtomlinson
0
89
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
0
34
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
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 紀明 紀明
norinity1103
hiro93n
tadashiinoue
muture
satty9556
shin_2
abokadotyann
bitkey
chorkaichan
goodpatch
chimi_chia
0b1tk
visional_engineering_and_design
brad_frost
dougneiner
paigeccino
tonyrice
cassininazir
vanstee
nwiizo
swwweet
rkendrick25
jacobtomlinson
davidcarrasco
eileencodes
