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
イラレでのWebデザイン制作時に注意すること・出来ること
Search
Koji Kuno
March 14, 2018
Design
2
380
イラレでのWebデザイン制作時に注意すること・出来ること
Koji Kuno
March 14, 2018
Tweet
Share
More Decks by Koji Kuno
See All by Koji Kuno
unitoneが楽しくなるまでの道のり
oleindesign
0
82
WordPress 6.5 の新機能紹介
oleindesign
0
110
How to deal with WordPress themes in the future
oleindesign
0
1.6k
WordPress(再)入門 - 運用・学習編
oleindesign
0
190
WordPress(再)入門 - カスタマイズ編
oleindesign
0
210
WordPress(再)入門 - コンテンツ作成方法編
oleindesign
0
190
WordPress(再)入門 - テーマ・プラグイン編 / introduction-to-wordpress-again-theme-plugin
oleindesign
0
220
WordPress(再)入門 - 基本設定編 / introduction-to-wordpress-again-basic-settings
oleindesign
0
410
WordPress(再)入門 - 基礎知識・環境編
oleindesign
1
940
Other Decks in Design
See All in Design
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
170
Liquid Iron
mcduckyart
1
110
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
420
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
860k
ポートフォリオ_webデザイナー
nami_webdesigner
0
100
Cyber Heart Online Book
hjnasby
0
130
7 Core Values of Round-L
wired888
0
220
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.2k
オープンデータを利用して色々なものを作った話
hjmkth
1
120
今日から意識できるアクセシビリティ
fumiko
0
250
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
We Have a Design System, Now What?
morganepeng
53
7.7k
Building Adaptive Systems
keathley
43
2.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Side Projects
sachag
455
42k
Site-Speed That Sticks
csswizardry
10
690
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Why Our Code Smells
bkeepers
PRO
336
57k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Transcript
ΠϥϨͰͷ8FCσβΠϯ੍࡞࣌ʹ ҙ͢Δ͜ͱɾग़དྷΔ͜ͱ ݄ʢʣ ୈճ8PSE#FODIذෞ!͗;ϝσΟΞίεϞε͋ͭ·ΔελδΦ
ΞδΣϯμ w ͳͥΠϥϨͰ8FCσβΠϯ੍࡞Λ͢Δͷ͔ w 8FC੍࡞ʹඞཁͳΠϥϨͷઃఆ w ศརͳ$$ϥΠϒϥϦػೳ w Ξηοτͷॻ͖ग़͠ػೳ w
༨ஊɿ࠷ۙͷ"CPCF9%ͱ
ͳͥΠϥϨͰ 8FCσβΠϯ੍࡞Λ͢Δͷ͔
ݱࡏͷओྲྀ "EPCF *MMVTUSBUPS "EPCF 1IPUPTIPQ "EPCF9% 4LFUDI
w άϥϑΟοΫσβΠϯ੍࡞ʹੲ͔ΒΘΕ͖ͯͨ w ϕΫλʔσʔλͷ੍࡞ʹ͍͍ͯΔ w 1IPUPTIPQʹൺͯΦϖϨʔγϣϯ͕γϯϓϧ
w ը૾ิਖ਼ɾमਖ਼͕ϝΠϯ w ੲ͔Β8FCσβΠϯʹΘΕ͍ͯΔ w ۙ8FCσβΠϯ੍࡞ͷͨΊͷػೳ૿͖͍͑ͯͯΔ w ΠϥϨϝΠϯͷϢʔβʔ͔Βѻ͍ʹ͍͘ͱࢥΘΕΔ࣌ ͋Δ
w લऀΑΓ6*ʢ6TFS*OUFSGBDFʣ੍࡞ʹಛԽͨ͠ޙൃΞϓϦ w 9%"EPCF w ϓϩτλΠϓ੍࡞͔ΒσβΠϯͷ࡞ΓࠐΈ·Ͱ͘Χόʔ
ͰɺͳͥΠϥϨͳͷʁ
Ұ൪खʹೃછΜͰ͍Δ͔Β
w Ҏ্͍ࠐΜͰ͖ͨπʔϧ͔ͩΒखʹೃછΜͰ͍Δ w 1IPUPTIPQΑΓײతͳυϩʔΠϯά͕Ͱ͖Δ w ϕΫλʔσʔλΛ؆୯ʹऔΓѻ͑Δʢ͜Εେࣄʣ
ϕΫλʔͱϏοτϚοϓ ϕΫλʔσʔλ ϏοτϚοϓσʔλ
͜Ε͔ΒϕΫλʔσʔλ ͱͯେࣄ 47(ͱ͔47(ͱ͔47(ͱ͔ʜ
47(ͬͯԿʁ w 4DBMBCMF7FDUPS(SBQIJDTͷུ w 9.-Λϕʔεʹͨ͠ೋ࣍ݩϕΫλʔσʔλ w ֦େɾॖখͯ͠ը࣭͕ଛͳΘΕͳ͍ w σʔλΛݩʹͯ͠ԋࢉ͞Εͨը૾ͳͷͰ$44 +BWB4DSJQUͷΞχϝʔγϣϯͱ૬ੑ͕ྑ͍
ͳͥ8FCσβΠϯ੍࡞Ͱ ΠϥϨΛ͏ͷ͔ w ϕΫλʔσʔλͰ੍࡞Ͱ͖Δ ˠଟํ໘σʔλͷ͍ճ͕͠ൺֱత༰қ w 1TʹൺͯΦϖϨʔγϣϯ͕γϯϓϧ w Ξηοτॻ͖ग़͠ػೳॆ࣮͖ͯͨ͠ w
47(ͱͯ͠σʔλΛ͙͢ʹ༻ҙͰ͖Δ
8FC੍࡞ʹඞཁͳ ΠϥϨͷઃఆ
৽نυΩϡϝϯτ࡞࣌
৽نυΩϡϝϯτˠৄࡉઃఆ
༨ஊɿεΫϦʔϯαΠζಈ IUUQHTTUBUDPVOUFSDPNTDSFFOSFTPMVUJPOTUBUTBMMKBQBONPOUIMZ
ڥઃఆˠҰൠ
ڥઃఆˠ୯Ґ
ڥઃఆˠΨΠυɾάϦου
ศརͳ$$ϥΠϒϥϦ
$$ϥΠϒϥϦͰͰ͖Δ͜ͱ σʔλΛҰݩԽͰ͖Δ ୯७ʹσʔλΛγϯϘϧԽ
σϞ
Ξηοτͷॻ͖ग़͠ػೳ
Ξηοτͷॻ͖ग़͠ػೳͱʁ ϑΝΠϧˠॻ͖ग़͠ˠεΫϦʔϯ༻ʹॻ͖ग़͠ w ΦϒδΣΫτΛυϩοϓͯ͠ొ w ॻ͖ग़͢εέʔϧʢഒʣࢦఆͰ͖Δ w 1/(ʢ1/(ɺ1/(ʣ w +1&(ʢɺɺɺʣ
w 47( w 1%' ར༻Մೳͳܗࣜ
ॻ͖ग़͠ઌ ܗࣜΛࢦఆ εέʔϧࢦఆ ॻ͖ग़͢ը૾Λ νΣοΫͯ͠ ݸผʹࢦఆ
ը૾Λॻ͖ग़ͨ͠Β มͳ༨നͰ͖ΔΜʁ Α͋͘ΔΈ
$$ϥΠϒϥϦ͑0,ʂ Α͋͘ΔΈͷ͑
"EPCF*MMVTUSBUPS σϞ
ͬͱࡉ͔͘ઃఆͨ͠ Ξηοτͷॻ͖ग़͠Ͱ͖ͳ͍ʁ
"EPCF1IPUPTIPQ σϞ
༨ஊ ࠷ۙͷ"EPCF9%ͱ
8FCαΠτɺϞόΠϧΞϓϦͳͲͷσβΠϯʹదͨ͠ ΦʔϧΠϯϫϯͷ696*ιϦϡʔγϣϯͰ͢ɻ σβΠϯɺϓϩτλΠϓɺڞ༗ɺͯ͢Λ9%Ͱߦ͑·͢ɻ
ಛ w ಈ࡞͕͍ܰ w $$ϥΠϒϥϦͰΦϒδΣΫτΛڞ༗Ͱ͖Δ w ༷Λ̍ͭͷϑΝΠϧʹ·ͱΊΔ͜ͱ͕Ͱ͖Δ
ܰ͘σϞ
͓ΘΓ