Upgrade to Pro — share decks privately, control downloads, hide ads and more …

tonecurve-quiz

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Reo Hokazono Reo Hokazono
July 03, 2021
Design
0
250

 tonecurve-quiz

Avatar for Reo Hokazono

Reo Hokazono

July 03, 2021
Tweet

Other Decks in Design

See All in Design
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.4k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
850
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
430
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
180
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
200
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
140
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
660
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
480
Liquid GlassとApp Intents
Avatar for touyou touyou
0
810
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
PRO
0
160

Featured

See All Featured
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
220
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
440
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
1
760
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
48
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130

Transcript

  1. τʔϯΧʔϒͷ࢖͍ํΛֶͿͨΊͷσδλϧπʔϧ ֎Ԃ ྰԝ

  2. τʔϯΧʔϒΛ࢖͑ΔΑ͏ʹͳΓ͍ͨ τʔϯΧʔϒ͕࢖͑Ε͹ɺը૾ิਖ਼ͷޮ཰͕େ෯ʹUP Goal Issue τʔϯΧʔϒͷಈ࡞ݪཧɺ֓೦͸ཧղ͕೉͍͠ ॳ৺ऀʹ͸ۙدΓ͕͍ͨπʔϧ Approach ಈ࡞ݪཧͷཧղ͸ޙճ͠ʹͯ͠ɺ ΠϯλϥΫςΟϒʹτʔϯΧʔϒΛૢ࡞Ͱ͖ΔπʔϧΛఏڙ

  3. ໌౓΍ίϯτϥετΛ໨ඪͷը૾ʹ͚ۙͮΔϓϩηεΛ௨ͯ͠ɺ τʔϯΧʔϒͷ࢖͍ํΛֶͿ Idea ↓

  4. ։ൃϓϩηε 1. ϓϩτλΠϓ࡞੒ɾίϯηϓτͷݕূ 2. ࡉ෦ͷ࣮૷ɾվྑ 3. ϢʔβʔϏϦςΟςετ 4. ςετ݁ՌΛ΋ͱʹվྑ 5.

    ׬੒

  5. Version 1. ࠷খݶͷػೳΛ࣮૷ɺΞΠσΞΛ࣮ݱͰ͖ͦ͏͔֬ೝ

  6. Version 2. ਖ਼ղͱͷҰக཰Λදࣔɺ೉қ౓ͷมߋػೳΛ௥Ճ

  7. Version 3. UIΛϒϥογϡΞοϓɺνϡʔτϦΞϧػೳ௥Ճ

  8. ϊʔώϯτͰϓϨΠՄೳ͕ͩɺ೉қ౓ઃఆ΍ࡉ෦ͷػೳʹ՝୊ ϨϕϧΞοϓ࣌ͷ೉қ౓ͷ্ঢ͕େ͖͗͢Δ ΞΠίϯͷҙຯ͕ෆ໌֬ ϢʔβʔϏϦςΟςετ

  9. Ұఆ࣌ؒܦաޙʹώϯτΛϙοϓΞοϓදࣔ ϘλϯʹϚ΢ε͕ॏͳͬͨλΠϛϯάʹઆ໌Λදࣔ νϡʔτϦΞϧΛΠϯλϥΫςΟϒͳ΋ͷʹमਖ਼ ఺Λϓϩοτ͢ΔҐஔͷݟຊΛදࣔ ϢʔβʔϏϦςΟςετΛ΋ͱʹͨ͠վྑ

  10. ׬੒൛ https://tonecurve.netlify.app

  11. ࢖༻ٕज़ɾιʔείʔυ Library p5.js - https://p5js.org Images Unsplash Image API -

    https://unsplash.com/developers Source Code https://github.com/ReoHokazono/tonecurve