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
90
WordPress 6.5 の新機能紹介
oleindesign
0
120
How to deal with WordPress themes in the future
oleindesign
0
1.7k
WordPress(再)入門 - 運用・学習編
oleindesign
0
220
WordPress(再)入門 - カスタマイズ編
oleindesign
0
250
WordPress(再)入門 - コンテンツ作成方法編
oleindesign
0
200
WordPress(再)入門 - テーマ・プラグイン編 / introduction-to-wordpress-again-theme-plugin
oleindesign
0
230
WordPress(再)入門 - 基本設定編 / introduction-to-wordpress-again-basic-settings
oleindesign
0
450
WordPress(再)入門 - 基礎知識・環境編
oleindesign
2
1k
Other Decks in Design
See All in Design
kintone_aroma
kintone
0
550
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
150
ドルちゃん
design_dolphins
0
450
Liquid GlassとApp Intents
touyou
0
470
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
1
890
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
200
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
870
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
470
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
570
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.5k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
580
Installing and Running decksh/pdfdeck
ajstarks
1
870
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Git: the NoSQL Database
bkeepers
PRO
431
66k
YesSQL, Process and Tooling at Scale
rocio
174
15k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Code Reviewing Like a Champion
maltzj
526
40k
Testing 201, or: Great Expectations
jmmastey
46
7.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
950
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 ༷Λ̍ͭͷϑΝΠϧʹ·ͱΊΔ͜ͱ͕Ͱ͖Δ
ܰ͘σϞ
͓ΘΓ