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
Figmaが支えるVue Fes Japanのデザイン
Search
448jp | OKI Yoshiya
September 13, 2019
Design
3
5.1k
Figmaが支えるVue Fes Japanのデザイン
2019年9月13日(金)DIST.28 「モダンWebデザインワークフロー2019」発表資料
448jp | OKI Yoshiya
September 13, 2019
Tweet
Share
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
書く・即・DONEな仕組みをNuxtで作る
448jp
0
290
神速でワイヤーフレームを作るためのライブラリ
448jp
1
760
Figmaで神速ドキュメント作成術
448jp
3
2k
今から始めるFigma超入門
448jp
0
1.5k
零細Web制作会社のリモートワーク事情
448jp
0
340
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
680
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
240
Lottieで始めるWebアニメーション入門
448jp
1
560
Vue Fes Japan 2018のデザインを支えたAdobe XD
448jp
2
1.8k
Other Decks in Design
See All in Design
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
4
630
Commune_Brand_Guideline_JA
commune
1
150
Fleet Gas Station
joshtang
0
130
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
790
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
300
202409_会社概要資料_Englishver.pdf
zakkerooni
0
200
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2k
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
760
アクセシビリティって何だろう? -アクセシビリティの概念、そして向き合い方まで-
securecat
6
1.5k
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.2k
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
170
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
870
Featured
See All Featured
Designing the Hi-DPI Web
ddemaree
280
34k
KATA
mclloyd
29
13k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
GitHub's CSS Performance
jonrohan
1030
460k
Ruby is Unlike a Banana
tanoku
96
11k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Optimizing for Happiness
mojombo
376
69k
Code Reviewing Like a Champion
maltzj
519
39k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Transcript
㞐᩷త⎵ボ⩮త_త )UL ',67ర:HE೨ഔഐഝഎഝఱ ೨ഔ )LJPD౯ị౫ಮ
⎵ ボ⩮ ౭ ಫ౺ ಧ ജഔೠഊഈഔ೨೫ഝ ജᏴ㖊ኽႧྐྵⲁᩏ ജហဵథᡘဵ #MS
‱ὅ౭㗋౺౼ಮಋ 9XH)HV-DSDQಋ೨ഔ ౿)LJPDವ㤩ಶಃ౮ ၀ᬣಎᐢಉ
'(6,*1 ⮀ಂ಄೨೫ഝ౯ὅႧಆಉ౧ಮಥಒႠಃರ౩䉉
⮀ಂ಄೨೫ഝ౯ὅႧಆಉ౧ಮಥಒႠಃರ౩䉉
⮀ಂ಄೨೫ഝ౯ὅႧಆಉ౧ಮಥಒႠಃರ౩䉉 ೌഔಒ㯒᳝₂⛸ద ഀആ೬ഝഈഔವሼ┗ಎ ౼ಮಂತᴊ⌮ಊಮద ⢟⧣≉ 䈲ಡಟರ౺థ䈳
&2'( ྐྵἧథഔ೬ೃಒ䉉
‒ⷒ᳝₂⛸ &2'(
&2'( ഝ೪ಎಒథೢഝഁಊႧಭ࿂ಮἃ፥౯ಮ
೨ഔಒథ೨೫ഝಃಥ䉉 '(6,*1
೨ഔೋഝഔೞഝ፥
ഝ೪ಫ౩ಎ೨ഔ 㗽ಥ౯ೃథ⹏㲈ᐊ ೋഝഔኽႧ㤇⮯ ೨ഔഝഌಎ㯉౻ಂ ೨೫ഝᾌၔⷒಲಭ
9XH)HV-DSDQ ೨ഔವị౫ಂ$GREH;' 㞐᩷త⎵ボ⩮త_త :HG ိ$GREH;'PHHWLQJ ర೨ഔೋഝഔೞഝ፥ఱಒథᩏ‗ಎḄᓑ
9XH)HV-DSDQ ೨ഔವị౫ಂ$GREH;' 㞐᩷త⎵ボ⩮త_త :HG ိ$GREH;'PHHWLQJ ర೨ഔೋഝഔೞഝ፥ఱಒథᩏ‗ಎḄᓑ 9XH)HV-DSDQ ೨ഔವị౫ಂ 㞐᩷త⎵ボ⩮త_త :HG
㞐᩷ ိ$GREH;'PHHWLQJ ర೨ഔೋഝഔೞഝ፥ఱಒథᩏ‗ಎḄᓑ "
9XH)HV-DSDQಋ೨ഔ 9XH)HV-DSDQDQG'HVLJQ
9XH)HV-DSDQಋಒ ὅ‱‒9XHMVೌഔೂഔ ὶᩏክ㯋ᆗథᩏಒᐞ౯Ꮳጆထᢓ Ⴇ⽐(YDQ<RX⍣ಎಫಮഝ೯ഝ೩ ᗢሻᜯഝೌഝಎಫಮഈഔ ഔೖഝഝಧ㛫ಌഔ೩
None
None
None
None
None
ᴬ㑸ೌഔೂഔ ೨ഔ㵨᙮ ೋഝ೬ഔഁഝഝ ᬝ≡ഁഝഝ ၻᚡ%*0 ೧ೄഝೖ೩ ‱⣎ೖ೩ IDYLFRQ6162*3㶘 Ὦᆱ :HE
೩ഝ೩ೱ ೮೩ഊ Ꮳጆೲ ೧ೌഝ Ꮳጆ⽐7ഄ ೠ7ഄ എഝഌೱ೫ഝ ೠഝ ၻᚡ್೪ ೌೇഔೠഝഝ೪ '73
ೋഝ೬ഔഁഝഝ
ᬝ≡ഁഝഝ
೧ೄഝೖ೩
‱⣎ೖ೩
IDYLFRQ2*3616㶘
೩ഝ೩ೱ
೮೩ഊ
Ꮳጆೲ
೧ೌഝ
Ꮳጆ⽐7ഄ
ೠ7ഄ
എഝഌೱ೫ഝ
ೠഝ
ၻᚡ್೪
೪ഋഔೌೇഔೠഝഝ೪
9XHഝഌ
None
ᄘಃ䊈䈫
ܸ೨ഔၖᜯᴑ಄ᐙಲ౾ಌಥᐲಣద ⮀ᄦဵ౯9XH)HV-DSDQಎ㛻ಧ౺ಂᾌ㯒 䈲‗ᓠഗ‗ኟ䈳
ᢗ㱨ಎഋഝഊഔಋ౺ಉᩏ࿂ಒㇳ಄ಂ ಌಡಊೌഔೂഔ㜠ವ⎀ತಮ౮ 266ಛ㛧❡ಋೌഔೂഔಛ㛧❡ಒ⋌ለ౯㤎౩ ܸೌഔೂഔ౯ೕಋ㕷౧ಂ౧ಲಊಒథ㛧❡ⵗᩮಧᭊ㔵ഌ౯㤎౩
೨ഔೢഝഁ፥
౿)LJPDವ㤩ಶಃ౮ :K\ZHFKRVH䇡JPD"
ᢗಒ၀ᩏಥ‒ክಒ $GREH;'ಊ೨ഔ౺ಉ౧ಂ
$GREH;'ಊ⧣㳬౺ಂ㗾㶉 ೂഌಎᣠ౺ಉᐝᾌಎ೨ഔಊ౧ ೂഌഝሬ‘㰱⢶ 㓧Ỷဵ$GREH,'ⲻ⟨౯ᜤ $GREH&&ವⶡ౺ಉ౧౧ഔ೬ೃಋ㣧Ḿ ഔഝ೮ഔ೩ᵮജᣰ౯ಊ౧䈲ᾌ䈳
)LJPDಊಌ౩ᜤಲಆಂ౮ ೂഌಎᣠ౺ಉᐝᾌಎ೨ഔಊ౧ ೂഌഝሬ‘㰱⢶ 㓧Ỷဵ$GREH,'ⲻ⟨౯ᜤ $GREH&&ವⶡ౺ಉ౧౧ഔ೬ೃಋ㣧Ḿ ഔഝ೮ഔ೩ᵮജᣰ౯ಊ౧䈲ᾌ䈳 ߞ༫ሬᐝ⹏㲈 ߞ༫3DJH)UDPH ߞਛംഝഌഝ ߞ༫࿅㔵
ߞ༫ಊಮ
ᢗ㱨ೂഌ
ഝഌವᜤ౫ಉಥᜤಲಬ౧ಋ ೨ഔ౼ಮ࿂ಊഌഝഌವႧಮ ೌഔ౮ಬ⯸⍩㗺ಢವ㔵౺౧ ೌഔಎᐢ౮౧ഀആ೬ഝഈഔವ⟨㕨౼ಮ
೨೫ഝಫథ ೨ഔഝഌᜯಎኖಫ䈫
၀ᬣಎᐢಉ )RUWKH)XWXUH
၀ᩏ⧟∱ಒ౭౭ಣಐ㤍᳝⸮ ೨ഔೋഝഔೞഝ፥ 9XHMVಬ౺౧ೃ೬ംഝഈഔ 9XH)HV6WRUH䈲㛫ಎಫಮ㨅㪞⦕㛧❡䈳
ഀആ೬೧ೄಎ౭ಮ೨ഔ ἃ፥ಧⷚ㹮౯㤎౩ဵಂ಄ಎಫಮ೨ഔഎഝഌഃ೨ഌ ഀആ೬೧ೄಛ㛧❡ವಌ౩㖶პ౼ಮ౮䉉
⎵ボ⩮త#MS ŀ ĺ