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 for everyday's cooking
Search
Takuji Ikeda
December 05, 2013
Design
39
18k
UI for everyday's cooking
Takuji Ikeda
December 05, 2013
Tweet
Share
More Decks by Takuji Ikeda
See All by Takuji Ikeda
20131101JAGAT_short.pdf
tikeda
1
200
Patterns of UI Design
tikeda
3
910
Sass for everyday's cooking
tikeda
21
1.9k
Web Fonts with Web Design
tikeda
6
6.3k
Other Decks in Design
See All in Design
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
340
最速[要出典]アクセシビリティチェック
magi1125
2
130
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
170
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
480
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
370
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
180
Night Shift concept 9/15/2024
cpineda57
0
750
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
530
LayerX DesignersDeck
layerx
PRO
0
910
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
550
Карта реализации историй — убийца USM
ashapiro
0
260
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
450
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Making Projects Easy
brettharned
116
5.9k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
247
1.3M
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
Producing Creativity
orderedlist
PRO
341
39k
Transcript
ຖͷྉཧͷͨΊͷ 6*σβΠϯ ా ࢘ 2013/11/6 ͍ ͚ ͩ
ͨ ͘ ͡
ࣗݾհ w ా࢘UBLVKJJLFEB w ΫοΫύουגࣜձࣾɹσβΠϯ෦ w ΫοΫύουαʔϏεશମͷσβΠϯ Ϣʔβʔମݧͷ w σβΠϯ
ɾ ϑϩϯτΤϯυج൫ͷߏங w ৽نࣄۀ ɾ αʔϏεͷૹ٬ w IUUQUJLFEBOFU w UJXUUFS!UJLFEB
ஶॻ
ΞδΣϯμ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
ΫοΫύουʹ͍ͭͯ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ΫοΫύου 1$ 4NBSUQIPOF8FC
ΫοΫύου "OESPJE"QQ J1IPOF"QQ
ΫοΫύου J1BE"QQ
உੑ ঁੑ 85 15
σβΠφʔΛͱΓ·͘ ։ൃମ੍ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ
w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
8ਓ ։ൃऀϝϯόʔ Engineer + Designer 50ਓ
৽ن ৫ߏ ձһ֫ಘ ͷͤΔ ू٬ ͕͢͞ ɾ ɾ ɾ σβΠφʔ
ʢσβΠϯ෦ʣ
ϓϩδΣΫτͷنײ ΞϓϦϦχϡʔΞϧ ৽نαʔϏε։ൃ ݕࡧػೳͷڧԽɾվળ σβΠφʔ ΤϯδχΞ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΤϯδχΞ
σβΠφʔ σΟϨΫλʔ ΤϯδχΞ ΤϯδχΞ NPOUIT XFFL NPOUI
σβΠφʔͷׂ ΠϥετϨʔγϣϯ ϏδϡΞϧσβΠϯ 6*σβΠϯ )5.-ɾ$44ίʔσΟϯά 3BJMTίʔσΟϯά αΠτઃܭ αʔϏεઃܭɾσΟϨΫγϣϯɾϢʔβʔௐࠪ αΠτੳ
αʔϏε։ൃͷಛ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
Ϣʔβʔͷີணɾۦಈ։ൃ ڞײ JOUFSWJFX ݶఆެ։ ߦಈϩά ࢦඪධՁ ֦େ ެ։
ࠜݯతͳϢʔβʔཧղ &0(4 &NPUJPOPSJFOUFE(PBM4FUUJOH
ϢʔβʔͷΛूΊΔ Ϣʔβʔ͔Βͷ͝ҙݟ
આ໌ͳ͠Ͱ͔Δ ɾ ແݴޠԽ
6*σβΠϯͷ ΨΠυϥΠϯԽ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ
w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
6*%FTJHO3VMFT 6*%FWFMPQNFOU3VMFT 6*%FTJHO'SBNFXPSL ͳͥϧʔϧΛઃ͚Δ͔
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ຖͷྉཧͷͨΊ w ຖΞΫηεͯࣗ͠વʹೃછΊΔ͍উख w σόΠεΛ·͍ͨͰҧײͷͳ͍͍৺ ։ൃޮͷͨΊ w σβΠφʔ͕શͯͷ։ൃͰखΛಈ͔͞ͳ͍Α͏ʹ w ૉૣ͍ϓϩτλΠϓ։ൃΛߦ͑Δ
w ݸʑͷҙࢥܾఆΛૉૣ͘
ྉཧΛ࠷େݶΑ͘ݟͤΔ w פ৭͋·ΓΘͳ͍ w ྉཧࣸਅͷݟӫ͑ 6*%FTJHO3VMFT ࣸਅճΓࠐΈ
Ұ൪େͳϖʔδͷମݧ w ϨγϐͷϦϯΫ 6*%FTJHO3VMFT
ผʑͰ͋Δඞཁੑ͕ͳ͍͜ͱ w ΞοϓɾεςΠɾμϯ 6*%FTJHO3VMFT 1$ 4NBSUQIPOF8FC J04"QQ
6*ίϯϙʔωϯτͷநԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ
ΩʔΧϥʔͷมԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ จࣈ৭ എܠ৭ ϦϯΫ৭ Ϙʔμʔ৭ Ϩγϐ৭ ΞΫηϯτ৭ #3c3c3c #faf3e3
#330000 #F5F1E1 #889B00 #ff9933
ΩʔΧϥʔͷมԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ $branding_main: #4d2200 !default; $branding_accent: #ff9933 !default; $branding_support: #faf3e3
!default; $anchor: #330000 !default; $anchor_visited: #845f4b !default; $body: #3c3c3c !default; $body_bg: $branding_support !default; $recipe_title: #889B00 !default; $default_border: darken($body_bg, 5%) !default; ιʔείʔυ͔Β ࢀরՄೳͳ ΨΠυϥΠϯ
ϧʔϧʹελ ο ϑશһ͕ΞΫηεՄೳ 6*%FTJHO3VMFT
6*σβΠϯվળࣄྫ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
1$τοϓϖʔδͷૹ٬վળ ͦͷ ϨγϐΛ͕͢͞ϖʔδ͔Β ΫοΫύουશମΛ ၆ᛌͯ͠ݟΒΕΔߏʹ
ૹ٬ͷҐஔͷมߋ
ҐஔΛม͑ΔࣄͰૹ٬Λ ίϯτϩʔϧͰ͖Δʁ ૹ٬ͷҐஔͷมߋ
Ծઆ௨Γʹ͍͔ͣฏߦ ૹ٬ͷҐஔͷมߋ
ૹ٬ͷݟͤํมߋ
όφʔܕͷΫϦΤΠςΟϒ ܟԕ͞Ε͕ͪʁ ϑΥʔϜΛ༻͍ͯࢀՃܕʹ ૹ٬ͷݟͤํมߋ
Ծઆ௨Γ্ঢ ૹ٬ͷݟͤํมߋ
ϦϦʔεޙׂ ʮϲ݄ͰΑΓϲ݄ͰͰग़ͯ͠Έ Δʯ ૹ٬ͷݟͤํมߋ
εϚʔτϑΥϯΞϓϦͷૹ٬վળ ͦͷ̎ ϥϯμϜͰઆ໌ ಉ࣌Ͱઆ໌ແ
None
τʔλϧͰͷύϑΥʔϚϯεΛ༏ઌ
ʮ˔˔͚ͩͰ࡞ΕΔϨγϐʯ ݕࡧ݁ՌϖʔδͷཁૉҐஔมߋ ͦͷ ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ
ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ
ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ ը໘্෦͕Α͍ͱݶΒͳ͍ ͜ͷ߹
ΞϨϧΪʔରԠϨγϐΞϓϦΞΠίϯ ͦͷ গ͠ΞϨϧΪʔͬΆ͞Λ ফͨ͠ํ͕Α͍ʁ ɹ ϗʔϜը໘ʹݏͳΛ ஔ͖ͨ͘ͳ͍ ͜ͷΞϓϦΛͬͯ ୭ʹͤʹͳͬͯΒ͍͍ͨʁ ݩؾͳࢠڙʹ
ҭͬͯ΄͍͠ʁ
ΞϨϧΪʔରԠϨγϐΞϓϦΞΠίϯ ͦͷ ఆੑతͳσβΠϯͷஅ
ࣄྫͷڞ༗
ࣄྫͷڞ༗ ܧଓ։ൃͰͷ݁Ռڞ༗ σβΠϯࢥͷڞ༗
ࣄྫͷڞ༗ 6*มߋͷͩ͜ΘΓ
ࠓɾͦͯ͜͠Ε͔Β ΫοΫύο υ ɾ 6*σβΠϯͷ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w
αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
Ϩγϐ͔Β৯ͷϓϥοτϑΥʔϜ ങ͍ ඒ ༰ ݈ ߁ ڭ ҭ ޘ ָ
Ϩγϐ
͍͞ศ
ಛചใ
DPPLTUFQ
ΞϨϧΪʔରԠϨγϐΞϓϦ
ʁ ʁ ʁ ʁ ৽͍͠ϢʔβʔՁͷ
ຖͷྉཧͷͨΊͷ 6*σβΠϯ ৯ͦͯ͠ੜ׆ऀͷͨΊͷ 6*σβΠϯ
6*σβΠϯ w Ϣʔβʔʹͱͬͯతͱ͢Δ͜ͱΛ ࣗવʹՄೳͱ͢ΔσβΠϯ w ಧ͚खͱड͚खͱͷ Ϊϟοϓͷগͳ͍σβΠϯ w Ϣʔβʔʹͱͬͯڻ͖ײಈΛ ༩͑Δ͜ͱ͕Ͱ͖ΔσβΠϯ
w Ϣʔβʔʹͱͬͯతͱ͢Δ͜ͱΛ ࣗવʹՄೳͱ͢ΔσβΠϯ w ಧ͚खͱड͚खͱͷ Ϊϟοϓͷগͳ͍σβΠϯ w Ϣʔβʔʹͱͬͯڻ͖ײಈΛ ༩͑Δ͜ͱ͕Ͱ͖ΔσβΠϯ 6*σβΠϯ
ҰॹʹΫοΫύο υͰαʔϏε ɾ ΞϓϦΛ࡞Δ 69σβΠφʔɾ6*σβΠφʔ ઈࢍืूத http://info.cookpad.com/jobs/?affcd=eetmm Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠