Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

tonecurve-quiz

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
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
520
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
170
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
350
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
350
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.1k
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
230
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
170
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
1.1k
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
240
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
1.2k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.3k
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
390

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
54k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Done Done
Avatar for chrislema chrislema
186
16k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k

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