-
Notifications
You must be signed in to change notification settings - Fork 1
The theory of modular scale with music
Music
- Pitch: Quality that makes it possible to judge sounds as "higher" and "lower" in the sense associated with musical melodies.
- Interval: Difference in pitch between two sounds.
- Scale: Any set of musical notes ordered by fundamental frequency or pitch.
- Chord: Any harmonic set of pitches consisting of multiple notes (also called "pitches") that are heard as if sounding simultaneously.
Map to CSS Size
- Pitch => Units(
px
,pt
, ...ETC) - Interval => Scale Ratio
- Scale => number of notes
- Chord =>
h1
,h2
,p
harmonic
Classic Modular Scale
- 6, 7, 8, 9, 10, 12, 14, 16, 18, 21, 24, 28, 32, 36, 42, 48, 55, 63, 73, 84, 96, ...
Quality that makes it possible to judge sounds as "higher" and "lower" in the sense associated with musical melodies.
Perceptual property of sounds that allows their ordering on a frequency-related scale.
Pitch can be determined only in sounds that have a frequency that is clear and stable enough to distinguish from noise.
Various units(px
, rem
, ...) of CSS can be the standard of high and low.
Difference in pitch between two sounds.
An interval may be described as horizontal, linear, or melodic if it refers to successively sounding tones, such as two adjacent pitches in a melody.
Vertical or harmonic if it pertains to simultaneously sounding tones, such as in a chord.
Number of semitones | Intervals(Minor, Major, Perfect) | Short | Interval(Augmented or Diminished) | Short | Alias | Short | Pitch Ratio(5-limit tuning) | Decimal | Multiplier | Frequency(Hz) |
---|---|---|---|---|---|---|---|---|---|---|
0 | Perfect unison | P1 | Diminished second | d2 | 1:1 | 1 | 440 | |||
1 | Minor second | m2 | Augmented unison | A1 | Semitone | S | 16:15 | 1.067 | 466.16 | |
2 | Major second | M2 | Diminished third | d3 | Tone | T | 9:8 | 1.125 | 493.88 | |
3 | Minor third | m3 | Augmented second | A2 | 6:5 | 1.2 | 523.25 | |||
4 | Major third | M3 | Diminished fourth | d4 | 5:4 | 1.25 | 554.37 | |||
5 | Perfect fourth | P4 | Augmented third | A3 | 4:3 | 1.333 | 587.33 | |||
6 | Diminished fifth / Augmented fourth | d5 / A4 | Tritone | TT | 45:32 | 1.414 | 622.25 | |||
7 | Perfect fifth | P5 | Diminished sixth | d6 | 3:2 | 1.5 | 659.26 | |||
8 | Minor sixth | m6 | Augmented fifth | A5 | 8:5 | 1.6 | 698.46 | |||
9 | Major sixth | M6 | Diminished seventh | d7 | 5:3 | 1.667 | 739.99 | |||
10 | Minor seventh | m7 | Augmented sixth | A6 | 16:9 | 1.778 | 783.99 | |||
11 | Major seventh | M7 | Diminished octave | d8 | 15:8 | 1.875 | 830.61 | |||
12 | Perfect Octave | P8 | Augmented seventh | A7 | 2:1 | 2 | 880 |
- Semitone is half tone
Just as octave units in music have twice the frequency, they can grow as in classic modular scale:
- 6, ..., 12, ..., 24, ..., 48, ..., 96, ...
Any set of musical notes ordered by fundamental frequency or pitch.
For example, the diatonic scale consists of 7 out of 12 notes.
Types of scale
Scale | number of different pitch classes |
---|---|
monotonic | 1 |
ditonic | 2 |
tritonic | 3 |
tetratonic | 4 |
pentatonic | 5 |
hexatonic | 6 |
heptatonic | 7 |
octatonic | 8 |
decatonic | 10 |
chromatic | 12 |
Simply put, it's like a few notes to the next octave.
Classic modular scale's value is 5
:
- 6, 7, 8, 9, 10, 12, 14, 16, 18, 21, 24, 28, 32, 36, 42, 48, 55, 63, 73, 84, 96, ...
You can now set the default formula for the modular scale.
f_i = f_0 \times r^{i \over n}
-
: base size, classic defalut is
12pt
- : th
-
: number of notes(interval at which the ratio is made), classic default is
5
-
: scale ratio, classic defalut is
2
($octave
)
Timbre
Book
- The Elements Of Typographic Style 3.0: 4.0 is recent
Article - Sound
- Perception of sound
- Sound and Geographic Visualization: Web, PDF
- Making Maps with Sound
- 피타고라스 음률 Pythagorean Tuning
- Twelfth root of two
Article - Basics
- Defining a Modular Type Scale for Web UI: Basics
- Exploring Responsive Type Scales: Apply
- Responsive Typography Using Modern CSS
- New type scale
- Gridlover: Establish a typographic system with modular scale & vertical rhythm.
- Everything about the Modular Scale Sass Libary and Modular Scale with Typi
Article - Theory
- The typographic scale: Typo Scale Theory
- The Typographic Scale — Reworked!
- Composing the New Canon: Music, Harmony, Proportion
- Famous Mathematical Sequences and Series
- Principle of visual acuity charts class
- Modular scale
Scale Calculator
- Modular Scale: Many ratios
- A Visual Type Scale: Alternative
- A Typographic Scale Calculator: Various Factors