DESIGN CONCEPT PROPOSAL

중학교 수학 웹 교재

같은 콘텐츠(정수의 덧셈)를 5가지 디자인 톤으로 표현했습니다.
각각의 분위기와 가독성, 학습 동기 유발 방식을 비교해 보세요.

CONCEPT Ⅰ

댄디 클래식

Dandy Classic

19세기 수학 책의 정제된 멋. 크림 베이지 종이 위에 잉크 네이비와 보르도, 머스타드 골드의 절제된 강조. 학구적이고 권위 있는 분위기로 "진짜 책을 읽는" 느낌을 줍니다.

학구적절제세리프 중심고전
#f5f1e8
#1a1f36
#8b1a1a
#c9a227
#2d5016
제목 글꼴Noto Serif KR
본문 글꼴Pretendard
장식 글꼴Cormorant Garamond (small caps)
레이아웃좁은 단단 컬럼, 넓은 여백, 더블 라인 보더
/중학수학1/01_수와 연산/02_정수와 유리수/03_정수의 덧셈
중학 수학 1 — 수와 연산§ 12
§ · § · §
Ⅰ. 수와 연산 · 2. 정수와 유리수

정수의 덧셈

Two integers, one sign rule.

Definition

부호가 같은 두 수의 덧셈은 두 수의 절댓값의 합에 공통 부호를 붙인 결과입니다.
예: (−3) + (−5) = −(3 + 5) = −8

Example I
(−7) + (−12)를 계산하시오.
  1. 두 수가 모두 음수이므로 공통 부호는 −이다.
  2. 절댓값의 합: |−7| + |−12| = 7 + 12 = 19
  3. 공통 부호 −를 붙여 답을 얻는다: −19
Problem · ★
(+8) + (−15)를 계산하시오.
부호가 다른 두 수의 덧셈은 절댓값의 차를 구하고, 절댓값이 큰 쪽의 부호를 붙인다.
절댓값의 차: |−15| − |+8| = 15 − 8 = 7
절댓값이 큰 −15의 부호 −를 따른다: −7
CONCEPT Ⅱ

모던 미니멀

Modern Minimal

흰 배경에 단단한 검정, 한 가지 액센트 컬러(민트 그린). Apple·Linear·Vercel 류의 깔끔한 현대 인터페이스. 가독성 극대화, 핵심에만 집중하는 디자인입니다.

모던고가독성여백산세리프
#ffffff
#fafafa
#0a0a0a
#666666
#00d68f
제목 글꼴Pretendard Variable (800)
본문 글꼴Pretendard Variable
수식 글꼴STIX Two Math
레이아웃14~16px 라운드 카드, 미세한 그림자, 좁은 자간
/중학수학1/01_수와 연산/02_정수와 유리수/03_정수의 덧셈
수와 연산 → 정수와 유리수 → 정수의 덧셈

정수의 덧셈

부호 규칙 하나면 끝납니다.

CORE

같은 부호의 두 수

절댓값을 더하고, 공통 부호를 그대로 붙입니다.
예: (−3) + (−5) = −8

1
(−7) + (−12) 계산
  1. STEP 1두 수 모두 음수 → 공통 부호 −
  2. STEP 2절댓값의 합: 7 + 12 = 19
  3. STEP 3공통 부호를 붙여 −19
PRACTICE · ★
(+8) + (−15) = ?
1. 부호가 다른 두 수 → 절댓값의 차를 구한다.
2. |−15| − |+8| = 15 − 8 = 7
3. 절댓값이 큰 −15의 부호를 따라 답은 −7
CONCEPT Ⅲ

다크 아카데미아

Dark Academia

고풍스러운 도서관, 가죽 표지, 양초 빛. 짙은 갈색 배경에 따뜻한 크림과 골드. 야간 학습에 부담이 없고, 집중력 있는 분위기를 만듭니다. 다른 컨셉의 다크 모드 버전으로 활용 가능.

다크 모드고풍따뜻한 어둠골드 강조
#1f1a17
#f0e6d2
#c9a227
#8b1a1a
#5d4037
제목 글꼴Cormorant Garamond + Noto Serif KR
본문 글꼴Noto Serif KR
강조골드 액센트, 양피지 질감
레이아웃중앙 정렬, 장식 보더, 아카데믹 휘장
/중학수학1/01_수와 연산/02_정수와 유리수/03_정수의 덧셈
SCHOLA MATHEMATICA

Addition of Integers정수의 덧셈

— Chapter Ⅰ · §2 · Lesson 3 —

Definitio

같은 부호의 두 수를 더할 때는, 두 수의 절댓값을 합산하고 공통 부호를 결과 앞에 놓는다.
가령, (−3) + (−5) = −(3+5) = −8.

Exemplum I
(−7) + (−12)의 값을 구하라.
  1. 두 항이 모두 음수이므로, 공통 부호는 음.
  2. 절댓값의 합: |−7| + |−12| = 19.
  3. 부호를 붙여 결과 −19를 얻는다.
Quaestio · ★
(+8) + (−15)를 계산하라.
부호가 다른 두 수의 덧셈: |−15| − |+8|로 절댓값의 차를 구한다.
차의 값: 15 − 8 = 7.
절댓값이 큰 음수의 부호를 따라 답은 −7.
CONCEPT Ⅳ

블루프린트

Blueprint

설계 도면처럼 정밀하고 과학적인 톤. 격자 배경, 시안과 옐로우의 기술적 강조. 수학을 "엔지니어링"으로 인식시키는 멋. 약간의 SF·기술 감성을 좋아하는 학습자에게 어필.

기술적정밀모노스페이스다크
#0c2340
#e0f2ff
#00bcd4
#ffd60a
#80deea
제목 글꼴Space Grotesk
본문 글꼴Pretendard Variable
장식 글꼴IBM Plex Mono
레이아웃격자 배경, 도면 라벨, 직각 보더
/중학수학1/01_수와 연산/02_정수와 유리수/03_정수의 덧셈
DRAFT · 9수01-05
CH.1SEC.2UNIT.3REV.2026

정수의 덧셈

// Addition of Integers · Specification

같은 부호의 두 정수 a, b에 대하여 합은 |a| + |b|에 공통 부호를 부여한 값이다.
예: (−3) + (−5) = −8

// EXAMPLE_01
(−7) + (−12)를 계산
  1. 두 입력값 모두 음수 → 출력 부호 = −
  2. 절댓값 합산: 7 + 12 = 19
  3. 부호 결합: 결과 = −19
(+8) + (−15)의 값을 산출하시오.
반대 부호 입력 → 절댓값 차 연산 모드
|−15| − |+8| = 15 − 8 = 7
큰 절댓값(−15)의 부호 적용 → −7
CONCEPT Ⅴ

수학 노트

Math Notebook

학생이 친구의 잘 정리된 노트를 빌려 보는 느낌. 노란 줄노트 위에 부드러운 손글씨, 빨간 펜 강조, 색연필 하이라이트. 친근하고 부담 없는 분위기로 수학에 거부감 있는 학습자에게 효과적입니다.

친근손글씨저학년 친화도구적
#fffbe6
#2c3e50
#e63946
#ffd60a
#dbe4eb
제목 글꼴Gowun Dodum (부드러운 한글)
장식 글꼴Caveat (영문 손글씨)
본문 글꼴Gowun Dodum
레이아웃줄노트 배경, 빨간 마진 선, 도장·스티커 장식
/중학수학1/01_수와 연산/02_정수와 유리수/03_정수의 덧셈
2024.05.12 · 1단원 정리

정수의 덧셈

~ 부호만 잘 보면 어렵지 않아! ~

부호가 같은 두 수의 덧셈은,
절댓값을 더하고 공통 부호를 그대로!
예: (−3) + (−5) = −8

예제 ✎
(−7) + (−12) 는?
  1. 둘 다 음수 → 부호는 −
  2. 절댓값을 합치자: 7 + 12 = 19
  3. 부호 붙여서 → −19!
(+8) + (−15) 를 계산해 보자.
부호가 다를 땐 → 큰 절댓값 − 작은 절댓값
15 − 8 = 7
큰 쪽(−15)의 부호 따라가서 답은 −7 ✏️

어느 컨셉이 마음에 드시나요?

고른 컨셉을 기준으로 학년 메인 페이지와 샘플 단원을 작성합니다.
두 가지 컨셉을 혼합하거나 색상만 조정하는 것도 가능합니다.