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
85
WordPress 6.5 の新機能紹介
oleindesign
0
120
How to deal with WordPress themes in the future
oleindesign
0
1.6k
WordPress(再)入門 - 運用・学習編
oleindesign
0
210
WordPress(再)入門 - カスタマイズ編
oleindesign
0
240
WordPress(再)入門 - コンテンツ作成方法編
oleindesign
0
200
WordPress(再)入門 - テーマ・プラグイン編 / introduction-to-wordpress-again-theme-plugin
oleindesign
0
220
WordPress(再)入門 - 基本設定編 / introduction-to-wordpress-again-basic-settings
oleindesign
0
440
WordPress(再)入門 - 基礎知識・環境編
oleindesign
2
990
Other Decks in Design
See All in Design
Yumika Yamada Portfolio
yumii
0
1.6k
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
280
佐藤千晶|ポートフォリオ
chimi_chia
0
150
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.7k
portfolio.pdf
onof003
0
160
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
300
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
400
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
7 Core Values of Round-L
wired888
0
1.8k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
290
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
KATA
mclloyd
32
14k
YesSQL, Process and Tooling at Scale
rocio
173
14k
We Have a Design System, Now What?
morganepeng
53
7.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Into the Great Unknown - MozCon
thekraken
40
2k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
How STYLIGHT went responsive
nonsquared
100
5.8k
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 ༷Λ̍ͭͷϑΝΠϧʹ·ͱΊΔ͜ͱ͕Ͱ͖Δ
ܰ͘σϞ
͓ΘΓ