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
470
古民家ゲストハウスで挑戦できる田舎づくり
norinity1103
0
280
地域と民泊と田舎の体験づくり
norinity1103
0
330
Other Decks in Design
See All in Design
OLTA株式会社/デザイン紹介資料
taxy
0
120
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
290
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
69k
Dive Deep into Communication
yomtsu
0
220
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
270
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
280
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
800
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
130
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
970
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
It's Worth the Effort
3n
184
28k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
What's in a price? How to price your products and services
michaelherold
244
12k
Producing Creativity
orderedlist
PRO
344
40k
Six Lessons from altMBA
skipperchong
27
3.6k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Code Review Best Practice
trishagee
67
18k
GraphQLとの向き合い方2022年版
quramy
44
14k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
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 紀明 紀明