Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Dribbbleで見つけたコンセプトデザインを実装/potatotips-56-concept-design
M"e
November 15, 2018
Technology
2
440
Dribbbleで見つけたコンセプトデザインを実装/potatotips-56-concept-design
M"e
November 15, 2018
Tweet
Share
More Decks by M"e
See All by M"e
endoumari
3
1.9k
endoumari
0
2k
endoumari
1
800
endoumari
1
3.4k
Other Decks in Technology
See All in Technology
kraj
0
5k
pinboro
0
2.2k
clustervr
0
200
yosuke_matsuura
PRO
0
3.5k
hololab
0
290
yasuakiomokawa
0
360
texmeijin
1
170
soachr
1
150
kentaro
1
430
kakka
0
3.6k
hecateball
1
12k
vkbaba
0
160
Featured
See All Featured
michaelherold
225
8.5k
bkeepers
52
4.1k
smashingmag
283
47k
brad_frost
156
6.4k
davidbonilla
69
3.5k
mojombo
358
62k
shlominoach
176
7.4k
jrom
114
7.1k
trallard
13
640
roundedbygravity
241
21k
keavy
106
14k
marktimemedia
6
330
Transcript
Copyright © ZOZO Technologies, Inc. All Right Reserved. גࣜձࣾ;0;0ςΫϊϩδʔζ ։ൃ෦͑ΜͲ͏
%SJCCCMFͰݟ͚ͭͨ ίϯηϓτσβΠϯΛ࣮
Copyright © ZOZO Technologies, Inc. All Right Reserved. ίϯηϓτσβΠϯ ‣4NBSUIPNFDPOUSPMBQQDPODFQU
‣4BN"UNPSF ,JXJ4BN ‣IUUQTESJCCCMFDPNTIPUT4NBSU IPNFDPOUSPMBQQDPODFQU
Copyright © ZOZO Technologies, Inc. All Right Reserved. Smart home
control app concept by Sam Atmore (Kiwi Sam) https://dribbble.com/shots/5435750-Smart-home-control-app-concept ߏ ‣εΫϩʔϧͱ߹Θͤͯͷදࣔ ‣എܠ৭ͷάϥσʔγϣϯมԽ ‣༷ͷഎܠ
Copyright © ZOZO Technologies, Inc. All Right Reserved. Smart home
control app concept by Sam Atmore (Kiwi Sam) https://dribbble.com/shots/5435750-Smart-home-control-app-concept ߏ ‣εΫϩʔϧͱ߹Θͤͯͷදࣔ ‣εΫϩʔϧUPVDIFT.PWFE @XJUI ‣6*$PMMFDUJPO7JFX ‣എܠ৭ͷάϥσʔγϣϯมԽ ‣άϥσʔγϣϯܭࢉ ‣༷ͷഎܠ ‣6*#F[JFS1BUI
Copyright © ZOZO Technologies, Inc. All Right Reserved. Smart home
control app concept by Sam Atmore (Kiwi Sam) https://dribbble.com/shots/5435750-Smart-home-control-app-concept ߏ ‣εΫϩʔϧͱ߹Θͤͯͷදࣔ ‣εΫϩʔϧUPVDIFT.PWFE @XJUI ‣6*$PMMFDUJPO7JFX ‣എܠ৭ͷάϥσʔγϣϯมԽ ‣άϥσʔγϣϯܭࢉ ‣༷ͷഎܠ ‣6*#F[JFS1BUI
Copyright © ZOZO Technologies, Inc. All Right Reserved. άϥσʔγϣϯมԽ ‣ʹ߹Θͤͯ੨͔Βʹഎܠ৭Λม͑Δ
Copyright © ZOZO Technologies, Inc. All Right Reserved. Ͳ͏࣮͢Δ͔ʁ ‣εΫϩʔϧʹԠͯ͡ͷΛٻΊΔ
‣Λͱʹઃఆ͢Δ৭Λܭࢉ͢Δ #4f8cf8 #da1428 ͜ͷ෦Λܭࢉ͢Δ
Copyright © ZOZO Technologies, Inc. All Right Reserved. άϥσʔγϣϯͷ৭Λܭࢉ͢Δ ‣ൺܭࢉ
‣ҧ͏৭ʹมԽ͢Δࡍʹ༻͍Δܭࢉํ๏ ‣ࠩܭࢉ ‣ಉܥ৭ͰมԽΛग़͢ࡍʹ༻͍Δܭࢉํ๏
Copyright © ZOZO Technologies, Inc. All Right Reserved. άϥσʔγϣϯͷ৭Λܭࢉ͢Δ ‣ൺܭࢉ
‣ҧ͏৭ʹมԽ͢Δࡍʹ༻͍Δܭࢉํ๏ ‣ࠩܭࢉ ‣ಉܥ৭ͰมԽΛग़͢ࡍʹ༻͍Δܭࢉํ๏
Copyright © ZOZO Technologies, Inc. All Right Reserved. ൺܭࢉͷࣜ ։࢝৭ɿʮ33B
((B ##Bʯ త৭ɿʮ33C ((C ##Cʯ 9ਐ 3 9 3C3B 9 3B ( 9 (C(B 9 (B # 9 #C#B 9 #B ˞9d
Copyright © ZOZO Technologies, Inc. All Right Reserved. ࣮ ‣։࢝৭GDG
‣త৭EB ‣࠷େ ‣ݱࡏͷεΫϩʔϧʹԠͯ͡มԽ͢Δ
Copyright © ZOZO Technologies, Inc. All Right Reserved. εΫϩʔϧʹԠͯ͡ͷ var
currentPointY: CGFloat = 0.0 // Ͳͷ͘Β͍εΫϩʔϧ͍ͯ͠Δ͔ͷҐஔ override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) { guard let touch = touches.first else { return } let diff = touch.previousLocation(in: view).y - touch.location(in: view).y currentPointY += diff let temperature = Int(currentPointY / (view.frame.height / CGFloat(max))) } ‣։࢝৭GDG ‣త৭EB ‣࠷େ
Copyright © ZOZO Technologies, Inc. All Right Reserved. άϥσʔγϣϯܭࢉ extension
UIColor { var red: CGFloat { return cgColor.components?[0] ?? 0.0 } var green: CGFloat { return cgColor.components?[1] ?? 0.0 } var blue: CGFloat { return cgColor.components?[2] ?? 0.0 } } ‣։࢝৭GDG ‣త৭EB ‣࠷େ
Copyright © ZOZO Technologies, Inc. All Right Reserved. άϥσʔγϣϯܭࢉ let
max = 60 let ratio = (temperature * 100 / max) let startColor = UIColor(red: 79/255, green: 140/255, blue: 248/255, alpha: 1.0) let endColor = UIColor(red: 218/255, green: 20/255, blue: 40/255, alpha: 1.0) // R(X) = (Rb - Ra) * X/100 + Ra let r = (endColor.red - startColor.red) * CGFloat(ratio) / 100 + startColor.red let g = (endColor.green - startColor.green) * CGFloat(ratio) / 100 + startColor.green let b = (endColor.blue - startColor.blue) * CGFloat(ratio) / 100 + startColor.blue view.backgroundColor = UIColor(red: r, green: g, blue: b, alpha: 1.0) ‣։࢝৭GDG ‣త৭EB ‣࠷େ
Copyright © ZOZO Technologies, Inc. All Right Reserved. var currentPointY:
CGFloat = 0.0 override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) { guard let touch = touches.first else { return } let diff = touch.previousLocation(in: view).y - touch.location(in: view).y currentPointY += diff let max = 60 let temperature = Int(currentPointY / (view.frame.height / CGFloat(max))) let ratio = (temperature * 100 / max) let startColor = UIColor(red: 79/255, green: 140/255, blue: 248/255, alpha: 1.0) let endColor = UIColor(red: 218/255, green: 20/255, blue: 40/255, alpha: 1.0) // R(X) = (Rb - Ra) * X/100 + Ra let r = (endColor.red - startColor.red) * CGFloat(ratio) / 100 + startColor.red let g = (endColor.green - startColor.green) * CGFloat(ratio) / 100 + startColor.green let b = (endColor.blue - startColor.blue) * CGFloat(ratio) / 100 + startColor.blue view.backgroundColor = UIColor(red: r, green: g, blue: b, alpha: 1.0) }
Copyright © ZOZO Technologies, Inc. All Right Reserved. IUUQTHJUIVCDPN&OEPV.BSJ $PODFQU%FTJHO)PNF$POUSPM"QQ
Copyright © ZOZO Technologies, Inc. All Right Reserved. ͋Γ͕ͱ͏͍͟͝·ͨ͠