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
Designsprint
June 09, 2016
Design
2
100
Webデザインのトレンド
このドキュメントは、事業主・起業家向けのWebデザイン研究資料です。デザイナー向けではありませんので、詳細な解説はありません。
Designsprint
June 09, 2016
Tweet
Share
More Decks by Designsprint
See All by Designsprint
spj-01book2019_.pdf
designsprint
0
120
ExOスプリント
designsprint
0
250
designsprint デザインスプリントのすすめ
designsprint
0
120
DESIGN SPRINT lecture and Workshop Strategic IT Management in Yahoo! LODGE
designsprint
1
96
Exponential Transformation - ExO SPRINT
designsprint
3
390
ExO SPRINT 説明会
designsprint
0
68
デザインスプリント1日説明会+ワークショップ
designsprint
0
140
Designsprint-Massive-Transformative-Purpose01.pdf
designsprint
0
200
designsprint-Jobs-To-Be-Done01
designsprint
0
82
Other Decks in Design
See All in Design
丸井グループが取り組むエンタープライズアジャイルと プロダクトマネージャーの役割
muture
3
1.2k
UIをもたらすコンテクストの考察
securecat
9
2.8k
For My Dad- teaser
pdqsketch
PRO
0
170
改正障害者差別解消法の概要説明
securecat
0
130
We Baby Bears-Triple T Tiger
yvonnehsuanho
PRO
0
410
3 Reasons Why I Got into Design
harukausui
1
130
複業クラウド Brand Guidelines
designdoor
0
110
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
200
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1.4k
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
200
0-1に挑むデザイナーが 知っておきたい2つの前提
swaaan
3
850
Sensitive Texter Storyboard
ctagulao98
0
160
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Code Review Best Practice
trishagee
58
16k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Done Done
chrislema
179
15k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Automating Front-end Workflow
addyosmani
1362
200k
Teambox: Starting and Learning
jrom
130
8.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
39
47k
Transcript
※هࡌ͍ͯ͠ΔιϑτΣΞαʔϏεɺίʔσΟϯάٕज़20153݄12ݱࡏͷͷͰ͋ΓɺҎ߱ɺ༷มߋʹΑΓ໊শը໘Ґஔ͕มߋ͞Ε͍ͯΔ߹͕͋Γ·͢ɻ ࣄۀओɾىۀՈ͚WebσβΠϯݚڀࢿྉ re-webdesigning.com Some rights reserved. WebσβΠϯͷ τϨϯυ Նຊ݈࢘
γϯάϧϖʔδͱʁ
͔͜͜ΒֶͿ͜ͱ γϯάϧϖʔδͱʁ γϯάϧϖʔδͷ5ͭͷύλʔϯ γϯάϧϖʔδͷಛ ̍ ̎ ̏ ͦͷଞͷτϨϯυ ̐
INDEX - γϯάϧϖʔδͱʁ ̎ɽγϯάϧϖʔδͷྺ࢙ ̍ɽγϯάϧϖʔδͷجૅࣝ - γϯάϧϖʔδͷಛ ̎ɽγϯάϧϖʔδͷ͓ܾ·Γύλʔϯ ̍ɽγϯάϧϖʔδͷత
̏ɽϥϯσΟϯάϖʔδͱͲ͕͜ҧ͏ʁ ̏ɽγϯάϧϖʔδ͕૿͑࢝Ίͨཧ༝
γϯάϧϖʔδͷجૅࣝ γϯάϧϖʔδͱ̍ϖʔδͰ݁ͨ͠“αΠτ”ɻ ̍ϖʔδͷதʹॏཁͳίϯςϯπ͕΄ͱΜͲཏ͞Ε ΔΑ͏ʹσβΠϯʢߏɾઃܭʣ͞Εͨɺಠཱͨ͠α ΠτɻάϩʔόϧφϏήʔγϣϯ͔ΒϖʔδϦϯΫ Ͱ֤ίϯςϯπʹҠಈ͢Δ͜ͱ͕Ͱ͖Δɻ ϫϯϖʔδɺγϯάϧϖʔδWebαΠτɺγϯάϧ ϖʔδ݁ܕαΠτɺϥΠνͳͲɺ͍Ζ͍Ζͳ໊শ ͰݺΕ͍ͯͯɺܾ·ͬͨݺͼํͳ͍ɻ
̴̬̱ΞϓϦέʔγϣϯɺήʔϜͳͲʹଟ༻͞ΕΔγϯάϧϖʔδΞϓϦ έʔγϣϯʢSPAʣͱࢦ͍ͯ͠Δͷ͕શ͘ҧ͏ͷͰҙ͕ඞཁɻ
γϯάϧϖʔδͷྺ࢙ ൃɺ͍͔ͭΒɾͲ͕͜࠷ॳ͔Βɺ͔Βͳ͍ɻ 2011͝Ζ͔ΒӳޠݍͰࣗવൃੜతʹ૿͑͡Ίͨɻ ຊͰ2013͝Ζ͔Β૿͑࢝Ί͕ͨɺ·ͩ·ͩਁಁͨ͠ ͱݴ͑ͳ͍ɻ͜Ε͔Βೝ͕ߴ·ΔͱࢥΘΕΔɻ 19929݄30ʹຊॳͷΣϒα ΠτΛ্ཱͪ͛ͨͷɺἚݝͭ ͘ࢢʹ͋Δʰจ෦লߴΤωϧΪ ʔཧֶݚڀॴʢKEKʣʱʢݱࡏͷ
ʰେֶڞಉར༻ػؔ๏ਓɾߴΤω ϧΪʔՃثݚڀػߏʱʣ͕ͩɺ αΠτͰͳ͘ɺ࣮ϦϯΫͷͳ ͍୯Ұϖʔδͩͬͨɻ ຊॳͷΣϒαΠτ“γϯάϧϖʔδ”ͩͬͨɻ TOPICS
γϯάϧϖʔδ͕૿͑࢝Ίͨཧ༝ ʮࠓ͔ͩΒʯͱ͍͏ཧ༝͕໌֬ʹ͋Δ - අ༻ͱՌͷόϥϯε͕ஸΑ͍ - JavaScriptʢjQueryʣɺCSSͷٕज़ൃୡɾख़Խ - ϓϩδΣΫτͷೲظԽ͕૿͍͑ͯΔ -
ϞόΠϧϑΝʔετʹ͢Δͱɺػೳతʹͦ͏ͳΔ - ̪̭ͷৢԽͱ͏·͘Ϛονϯά͍ͯ͠Δ - ϚʔέςΟϯάઓུ͕γϯϓϧʹͳ͖ͬͯͨ - γϯϓϧͳͷͰޮՌ͕ग़͍͢ɾଌΓ͍͢
γϯάϧϖʔδͷಛ
͔͜͜ΒֶͿ͜ͱ γϯάϧϖʔδͱʁ γϯάϧϖʔδͷ5ͭͷύλʔϯ γϯάϧϖʔδͷಛ ̍ ̎ ̏ ͦͷଞͷτϨϯυ ̐
γϯάϧϖʔδσβΠϯͷత ͏త͕ݶΒΕ͍ͯΔ - ϕϯνϟʔɺελʔτΞοϓاۀͷίʔϙϨΠταΠτ - ظؒݶఆΠϕϯτɾൢଅαΠτ - λϨϯτΞʔςΟετͷެࣜαΠτ -
αʔϏεͷεϖγϟϧαΠτ ଟϖʔδΑΓඅ༻͕͑ΒΕɺظؒमྃޙʹԼ͛ΔͷϥΫ ൺֱతΧϯλϯʹ࡞Εͯϝϯς͕ϥΫɻઌਐతͳΠϝʔδ͕͢Δ γϯϓϧʹ؍ͤΒΕɺ̍ϖʔδͰ͍݁ͯ͠Δͱ࡞ۀ͕ϥΫ ϒϩάձһϖʔδͷத৺ͱͯ͠దɻը໘ભҠͷΪϛοΫ͕Τϯλ ϝײΛৢ
γϯάϧϖʔδͷ͓ܾ·Γύλʔϯ ͜Εͧ“γϯάϧϖʔδ”ͱ͍͏ಛ͕͋Δ എܠ̍ຕը૾·ͨഎܠಈըΛϑΝʔ ετϏϡʔʹஔ ̍ άϩφϏը໘࠷্෦ʹஔ ̎ େ͖ΊจࣈαΠζ ̏
ΞΠίϯͷϙΠϯτ׆༻ ̐ ΊͷϗϫΠτεϖʔε ̑ γϯϓϧͰ΄ͲΑ͍ใྔ ̒ جຊηϯλʔἧ͑Ͱ̍ΧϥϜ ̓ γϯάϧϖʔδσβΠϯ Ӭٱʹෆ໓Ͱ͢ʂ The Best Website Design. ̖site. ࠷৽ٕज़ʹΑΔ εϜʔζͳಈ͖ ઐଐελοϑʹ ΑΔαϙʔτ ޮՌΛݕূࡁΈ ͷ҆৺Ϛʔέ ෯͍ۀछɾۀଶʹࢧ࣋͞ΕΔ ސ٬ຊҐͷखް͍αϙʔτɻ Ϣʔβʔࢥ͍ͷWebσβΠϯͱɺ ͍͍ͬͨԿͰ͠ΐ͏ɻجຊʹཱͪฦ
ϥϯσΟϯάϖʔδͱͲ͕͜ҧ͏ʁ ࣅ͍ͯΔ͕ɺػೳ໘ɾϚʔέςΟϯά໘Ͱશ͘ผͷ - ϥϯσΟϯάϖʔδ ػೳ໘ جຊతʹάϩʔόϧφϏήʔγϣϯ͕ͳ͘ɺίϯςϯπϖʔδͷ ্͔ΒԼ·Ͱͻͱଓ͖ʹͳ͍ͬͯΔɻ ϚʔέςΟϯά໘ ̪̭(ϢʔβɾΤΫεϖϦΤϯε)ߟྀ͠ͳ͍ɻϝʔϧϚΨδϯͷΦ
ϓτΠϯߪೖͳͲΦϑΝʔ͕͋Δ͜ͱ͕େલఏɻ -γϯάϧϖʔδ ػೳ໘ άϩʔόϧφϏήʔγϣϯΛத৺ʹͨ͠ը໘ભҠɻσβΠϯτʔϯ δϟϯϓͷը໘ߏͰɺίϯςϯπ͕̍ͭ̍ͭଳ͕ॎʹ࿈ͳΔΑ͏ ʹ͔Ε͍ͯΔɻ ϚʔέςΟϯά໘ ̪̭(ϢʔβɾΤΫεϖϦΤϯε)ॏࢹͰɺඞͣ͠ΦϑΝʔ͕͋Δͱ ݶΒͳ͍ɻ
γϯάϧϖʔδͷ ̑ͭͷύλʔϯ
͔͜͜ΒֶͿ͜ͱ γϯάϧϖʔδͱʁ γϯάϧϖʔδͷ5ͭͷύλʔϯ γϯάϧϖʔδͷಛ ̍ ̎ ̏ ͦͷଞͷτϨϯυ ̐
INDEX - γϯάϧϖʔδͷ̑ͭͷύλʔϯ ̗ɽγϯάϧϖʔδʴύϥϥοΫε ̖ɽγϯϓϧͳγϯάϧϖʔδ ̙ɽγϯάϧϖʔδʴύϥϥοΫεʴৄࡉϖʔδ ̘ɽγϯάϧϖʔδʴৄࡉϖʔδ ̚ɽมΓछ
γϯάϧϖʔδͷ̑ͭͷύλʔϯ ̗ɽγϯάϧϖʔδʴύϥϥοΫε ̖ɽγϯϓϧͳγϯάϧϖʔδ ̙ɽγϯάϧϖʔδʴύϥϥοΫεʴৄࡉϖʔδ ̘ɽγϯάϧϖʔδʴৄࡉϖʔδ ̚ɽมΓछ
̖ɽγϯϓϧͳγϯάϧϖʔδ ̥̘͚ʹ͚ͩ࡞ΒΕͨΦʔιυοΫεͳ࡞Γ ྫʣ ࡾҪॅ༑Ϩδσϯγϟϧɹ2020;͏ͭ͏ͷՈల
̖ɽγϯϓϧͳγϯάϧϖʔδ ϨεϙϯγϒͷίʔϙϨΠταΠτ ྫʣ KAIZEN PLATFORM
̗ɽγϯάϧϖʔδʴύϥϥοΫε ࢹ֮ԋग़͕ίϯςϯπྗΛҾ͖ग़͍ͯ͠Δ ྫʣ NTTίϛϡχέʔγϣϯζɹHTML5 Lab
̗ɽγϯάϧϖʔδʴύϥϥοΫε ࢹ֮ԋग़͕ίϯςϯπྗΛҾ͖ग़͍ͯ͠Δ ྫʣ Ben the Bodyguard(ϝϞΞϓϦͷαΠτ)
̗ɽγϯάϧϖʔδʴύϥϥοΫε ࢹ֮ԋग़͕ίϯςϯπྗΛҾ͖ग़͍ͯ͠Δ ྫʣ OK Studios
̗ɽγϯάϧϖʔδʴύϥϥοΫε ʮͳΔ΄ͲʂʯΞΠσΟΞউෛ ྫʣ Netlash bSeen
̘ɽγϯάϧϖʔδʴৄࡉϖʔδ ผϖʔδʹͨ͠ํ͕Α͍ભҠ͞Γ͛ͳ͘ ྫʣ SAEKO OFFICIAL WEBSITE
̙ɽγϯάϧϖʔδʴύϥϥοΫεʴৄࡉϖʔδ ख͞ͳ͍͕ඞવతͳΪϛοΫΛແʹԡ͍͑ͯ͞Δ ྫʣ SEOKO ASTRON 2014ϦκʔτݶఆϞσϧ
̚ɽมΓछ ಈ͖ͷ໘ന͕͞ݸੑΛৢ͠ग़͍ͯ͠Δϖʔδ ྫʣ Juvelér Langaard
̚ɽมΓछ ϑΥϯτͱಈ͖ͷ৽͞ͰҹΛਂΊΔૂ͍ ྫʣ BeerCamp at SXSW 2011
ͦͷଞͷτϨϯυ
͔͜͜ΒֶͿ͜ͱ γϯάϧϖʔδͱʁ γϯάϧϖʔδͷ5ͭͷύλʔϯ γϯάϧϖʔδͷಛ ̍ ̎ ̏ ͦͷଞͷτϨϯυ ̐
INDEX - ͦͷଞͷτϨϯυ ̗ɽΰʔετϘλϯ ̖ɽແݶεΫϩʔϧ ̙ɽશը໘ը૾ɾಈը ̘ɽυϩΞʔϘλϯ ̚ɽRetinaσΟεϓϨΠରԠ
A.ແݶεΫϩʔϧ ̍ϖʔδͰͯ͢ͷใΛදࣔ Yahoo! japan
B.ΰʔετϘλϯ എܠʹ༹͚ࠐΜͩಁ໌ͳϘλϯ ίϨʂ I AND C-Cruise
C.υϩΞʔϘλϯ ࡾຊઢ·ͨೋຊઢͷφϏήʔγϣϯɻ ίϨʂ
D.શը໘ը૾ɾಈը ͲͷσόΠεͰը໘͍ͬͺ͍ʹ͕Δը૾ Brindisa Tapas Kitchens
E.RetinaσΟεϓϨΠରԠ ϩΰϚʔΫ࣮ੇΑΓେ͖Ίʹ࡞Δɻ "QQMFͷ3FUJOBσΟεϓϨΠ ߴղ૾εΫϦʔϯ ʹରԠ͍ͯ͠ͳ͍ը૾ɺ J1IPOFͳͲͷߴղ૾σΟεϓϨΠͰɺ΅͚ͯදࣔ͞Εͯ͠·͍·͢ɻ࣮ ੇΑΓഒɾഒͷαΠζͷը૾Ͱ࡞͠ɺ$44ͰഒࢦఆΛ͠·͢ɻ