1. 개발자인 λ‚΄κ°€ κ°•μ˜λ₯Ό 듀은 이유
  2. κ°•μ˜ λ‚΄μš©
    1. λ””μžμΈμ„ ν•˜λŠ” μˆœμ„œ
    2. νƒ€μ΄ν¬κ·Έλž˜ν”Ό
    3. λ ˆμ΄μ•„μ›ƒ
  3. 정리

🧐 개발자인 λ‚΄κ°€ λ””μžμΈ κ°•μ˜λ₯Ό 듀은 이유

λ‚˜λŠ” 개발자둜 λ°©ν–₯을 λ°”κΎΈκΈ° 전에 μ‚°μ—… λ””μžμΈκ³Ό ν•™μƒμ΄μ—ˆλ‹€. μ‚°μ—… λ””μžμΈκ΄€μ—μ„œ λͺ¨λ°”일 μ•± μ„œλΉ„μŠ€ 기획 μˆ˜μ—…κ³Ό ν”„λ‘œμ„Έμ‹±μ„ ν™œμš©ν•œ λ―Έλ””μ–΄ μž‘ν’ˆμ„ λ§Œλ“œλŠ” μˆ˜μ—…μ„ λ“€μœΌλ©΄μ„œ κ°œλ°œμ— λŒ€ν•œ ν₯λ―Έκ°€ 생겼고 이후에 개발 곡뢀λ₯Ό 본격적으둜 ν•˜λ©΄μ„œ 개발자둜 μ „ν–₯ν•˜κ²Œ λ˜μ—ˆλ‹€.

λ””μžμΈκ³Όλ₯Ό μ „κ³΅ν•΄μ„œ κ·ΈλŸ°μ§€(μ§€κΈˆμ€ μ»΄ν“¨ν„°κ΄€λ ¨κ³Όλ‘œ μ „κ³Όν–ˆλ‹€.πŸ€ͺ) κ°œλ°œμ„ ν•  λ•Œ λ§ˆμ£Όν•˜λŠ” λ””μžμΈμ— λŒ€ν•΄ 생각을 많이 ν•˜λŠ” νŽΈμ΄λ‹€. κ·Όλž˜μ— λ””μžμΈλœ νŽ˜μ΄μ§€λ₯Ό 퍼블리싱 ν•˜λŠ” μž‘μ—…μ„ 맑은 적이 μžˆλ‹€. λ‚΄κ°€ μƒκ°ν•˜κΈ°μ— λ””μžμΈλœ νŽ˜μ΄μ§€κ°€ κΉ”λ”ν•˜μ§€ μ•Šλ‹€κ³  μƒκ°λ˜μ–΄ 쒋은 ux와 화면ꡬ성이 무엇인지 κ³ λ―Όν•˜κ²Œ λ˜μ—ˆλ‹€. μ΅œκ·Όμ—λŠ” μ§€μΈμ˜ μ œμ•ˆμœΌλ‘œ ν¬μŠ€ν„°μ™€ ꡿즈λ₯Ό λ””μžμΈ ν•΄μ•Όν•˜λŠ” 상황을 λ§žμ•˜λ‹€. 사싀 λ””μžμΈμ€ 개발자둜 μ „ν–₯ν•œ 후에 거의 손을 놓고 μžˆμ—ˆλ˜ 지라 걱정이 μ•žμ„°λ‹€. λ‹€ν–‰νžˆλ„ μž‘μ—…ν•œ λ‚΄μš©μ— λŒ€ν•΄μ„œλŠ” λŒ€μ²΄λ‘œ 쒋은 ν”Όλ“œλ°±μ΄ μžˆμ—ˆλ‹€. λͺΈμ΄ λ””μžμΈμ„ κΈ°μ–΅ν•˜κ³  μžˆλŠ”λ“―β€¦γ…Ž

쒋은 ν”Όλ“œλ°±μ„ λ°›μ•˜μ§€λ§Œ λ‚˜λŠ” λ‚΄ λ””μžμΈμ— λŒ€ν•΄ ν™•μ‹€ν•œ 기쀀이 μžˆμ—ˆμœΌλ©΄ μ’‹κ² λ‹€κ³  μƒκ°ν–ˆλ‹€. λˆ„κ΅°κ°€κ°€ λ‚΄ λ””μžμΈμ„ λ³΄λ©΄μ„œ ''이 뢀뢄은 μ™œ μ΄λ ‡κ²Œ ν•˜μ˜€λ‚˜μš”?"λΌλŠ” μ§ˆλ¬Έμ„ λ˜μ§€λ©΄ λ‚˜λŠ” ν™•μ‹€ν•˜κ²Œ 말할 수 μžˆλŠ” 것이 μ—†μ—ˆλ‹€. λŒ€λΆ€λΆ„ λˆˆμ— 이쁘고, νŽΈν•˜κ³ , 이게 λ‚˜μœΌλ‹ˆκΉŒβ€¦μ΄λŸ° 감으둜 λ””μžμΈμ„ ν•΄μ™”λ‹€. μ΄λŸ¬ν•œ 이유둜 λ‚˜λŠ” λ‚΄ λ””μžμΈμ˜ 이유λ₯Ό μ°ΎκΈ° μœ„ν•΄μ„œ λ””μžμΈ κ°•μ˜λ₯Ό λ“£κΈ°λ‘œ ν–ˆλ‹€.

λ””μžμΈμ€ μ–΄λ–€ κ°•μ˜κ°€ μžˆμ„κΉŒ 찾아보닀가 'λ””μžμΈλ„ ν•΄μ•Ό ν•˜λŠ” ν™œλ™κ°€λ₯Ό μœ„ν•œ λ„“κ³  얕은 λ””μžμΈ κ°•μ˜'λ₯Ό λ°œκ²¬ν•˜κ²Œ λ˜μ—ˆλ‹€. λ‚˜λŠ” κ°œλ°œμžμ΄λ©΄μ„œ λ””μžμΈμ—λ„ 관심이 있기 λ•Œλ¬Έμ— λ‚˜μ—κ²Œ μ ν•©ν•œ κ°•μ˜λΌκ³  μƒκ°ν•˜μ˜€λ‹€.

πŸ–₯ κ°•μ˜ λ‚΄μš©

1. λ””μžμΈμ„ ν•˜λŠ” μˆœμ„œ

κ°•μ˜ 제일 첫 뢀뢄은 λ””μžμΈμ„ ν•˜λŠ” μˆœμ„œμ— λŒ€ν•œ κ°•μ˜μ˜€λ‹€. λ‚˜λŠ” 보톡 λ””μžμΈμ„ μ‹œμž‘ν•˜λ©΄ 손 μŠ€μΌ€μΉ˜λ‘œ λŠλ‚Œμ„ λ¨Όμ € μž‘λŠ” νŽΈμ΄λ‹€. 이번 ν¬μŠ€ν„° μž‘μ—…λ„ κ·Έλž¬λ“―μ΄ μ΅œμ†Œν•œμ˜ μ •λ³΄λ§Œ 가진 μƒνƒœμ—μ„œ 손 μŠ€μΌ€μΉ˜λ₯Ό ν•˜κ³  λ°”λ‘œ νˆ΄μ„ μ‚¬μš©ν•΄ μž‘μ—…ν•˜μ˜€λ‹€. ν•˜μ§€λ§Œ 이후에 ν¬μŠ€ν„°μ— λ“€μ–΄κ°ˆ 정보듀이 μΆ”κ°€λ˜κ³  미리 μž‘μ•„ 놓은 λ ˆμ΄μ•„μ›ƒμ— λ‚˜λ¨Έμ§€ 정보듀을 λ„£μœΌλ €κ³  ν•˜λ‹ˆ μ—¬κ°„ μ–΄λ €μš΄κ²Œ μ•„λ‹ˆμ—ˆλ‹€. μ–΄μ§€μ©Œμ§€ ν•΄μ„œ 정보듀을 λ„£κΈ΄ ν–ˆμ§€λ§Œ μ‘°μž‘ν•΄μ§„ 덕뢄에 ν•œ λ‘κ°œλ₯Ό μ œμ™Έν•œ λ‚˜λ¨Έμ§€ 정보듀은 λͺ¨λ‘ ν¬μŠ€ν„°μ—μ„œ λΉ μ Έμ•Ό ν–ˆλ‹€.

μ΄λŸ¬ν•œ λ””μžμΈ ν”„λ‘œμ„ΈμŠ€λ₯Ό 가진 λ‚˜μ—κ²Œ 이 κ°•μ˜λŠ” μ’€ 더 효율적으둜 λ””μžμΈ μž‘μ—…μ„ ν•  수 μžˆλ„λ‘ ν•˜λŠ” κ°•μ˜μ˜€λ‹€. κ°•μ˜μ—μ„œ μ†Œκ°œν•œ λ””μžμΈ ν”„λ‘œμ„ΈμŠ€λŠ” λ‹€μŒκ³Ό κ°™λ‹€. μ‹€μ œ λ””μžμΈμ„ ν•˜λŠ” 뢀뢄은 κ°•μ‘° 뢀뢄에 ν•΄λ‹Ήν•˜κ³  μ•žμ˜ λͺ©μ κ³Ό μ •λ¦¬λŠ” 기획 μ˜μ—­μ— ν•΄λ‹Ήν•œλ‹€.

  • λͺ©μ  : λˆ„κ΅¬λ₯Ό μœ„ν•œ 것인가? 무엇을 λ””μžμΈ ν•  것인가?
  • 정리 : λͺ©μ μ— 따라 κ°•μ‘°ν•  λ‚΄μš© μ„ μ •, λΆˆν•„μš”ν•œ λ‚΄μš© 제거
  • κ°•μ‘° : λͺ©μ μ— 따라 μ‹œκ°μ μœΌλ‘œ κ°•μ‘°

2. νƒ€μ΄ν¬κ·Έλž˜ν”Ό

이 뢀뢄은 λ‚΄κ°€ λ©”μΌλ‘œ κ°•μ˜ 참석을 μ‹ μ²­ν•˜μ˜€μ„ λ•Œ 메일에 썼던 μ§ˆλ¬Έμ΄μ—ˆλ‹€.(μ§ˆλ¬Έμ„ 봀을 λ•Œ 맀우 λ°˜κ°€μ› λ‹€.) ν¬μŠ€ν„°λ₯Ό λ””μžμΈν•˜λŠ” κ³Όμ •μ—μ„œ 슀폰 μ—…μ²΄λ‘œλΆ€ν„° "ν¬μŠ€ν„°μ˜ 퀄리티와 μ–΄μšΈλ¦¬λŠ” ν•œκΈ€ μ„œμ²΄λ₯Ό μ‚¬μš©ν•΄ μ£Όμ„Έμš”." λΌλŠ” ν”Όλ“œλ°±μ„ λ°›μ•˜μ—ˆλ‹€. ν¬μŠ€ν„°μ˜ 타이틀과 μ„œλΈŒ 타이틀에 λŒ€ν•œ μ„œμ²΄λŠ” 컨셉이 ν™•μ‹€ν•œ 지라 컨셉에 λ§žλŠ” μ„œμ²΄λ₯Ό μ°Ύμ•„ μ‚¬μš©ν•˜μ˜€μ§€λ§Œ 일반 정보λ₯Ό μ „λ‹¬ν•˜λŠ” ν•œκΈ€ μ„œμ²΄λŠ” μ–΄λ–€ 것을 μ‚¬μš©ν•΄μ•Ό 할지 λͺ°λΌ λ¬΄λ‚œν•œ μ• ν”Œ μ‚°λŒκ³ λ”•λ„€μ˜€λ₯Ό μ‚¬μš©ν–ˆμ—ˆλ‹€. 사싀 ν”Όλ“œλ°±λ„ μ œλŒ€λ‘œ μ΄ν•΄ν•˜μ§€ λͺ» ν–ˆλ˜ 것 κ°™λ‹€.

이 κ°•μ˜λ₯Ό λ“£κ³  λ‚˜λ‹ˆ 슀폰 μ—…μ²΄μ—μ„œ μ€€ ν”Όλ“œλ°±μ΄ 쑰금 μ΄ν•΄λ˜κΈ° μ‹œμž‘ν–ˆλ‹€. λ‚΄κ°€ λ””μžμΈν•œ ν¬μŠ€ν„°λŠ” ν†‘ν†‘νŠ€κ³  μ΄μ „μ˜ ν¬μŠ€ν„°μ™€λŠ” μ™„μ „νžˆ λ‹€λ₯Έ λŠλ‚Œμ„ μ»¨μ…‰μœΌλ‘œ μž‘μ—…λœ ν¬μŠ€ν„°μ˜€λ‹€. 그런데 이런 ν¬μŠ€ν„°μ— 각지고 λ”±λ”±ν•œ 고딕을 μ‚¬μš©ν•˜μ˜€κ³  λ‹€μ‹œ 이전 μž‘μ—…μ„ λ³΄λ‹ˆ ν•œκΈ€ μ„œμ²΄λ₯Ό μ‚¬μš©ν•œ 뢀뢄이 이질적이게 λŠκ»΄μ‘Œλ‹€.

타이포 이둠에 λŒ€ν•΄μ„œλŠ” μ•„λŠ” 것이 μ—†μ—ˆλ˜ λ‚˜μ—κ²Œ 이 μˆ˜μ—…μ€ μ•„μ£Ό μœ μš©ν–ˆλ‹€. μžκ°„, ν–‰κ°„μ˜ 쑰절과 가독성과 νŒλ…μ„±μ— λ”°λ₯Έ νƒ€μ΄ν¬λ””μžμΈμ„ ν•˜λŠ” 방법, 색이 μ£ΌλŠ” λŠλ‚Œμ— 따라 λ‹€λ₯Έ μ„œμ²΄λ₯Ό μ‚¬μš©ν•˜λŠ” 것 λ“±λ“± 타이포 λ””μžμΈμ˜ κΈ°μ΄ˆκ°€ λ˜λŠ” 뢀뢄을 μ••μΆ•ν•΄μ„œ 배운 μ‹œκ°„μ΄μ—ˆλ‹€.

  • μžκ°„, ν–‰κ°„μ˜ μ‘°μ •

    • ν–‰κ°„ > μžκ°„, ν–‰κ°„μ˜ 쑰절둜 훨씬 κΉ”λ”ν•˜κ²Œ 읽힐 수 μžˆλ„λ‘ ν•œλ‹€.
  • 가독성과 νŒλ…μ„±

    • 가독성 : μ΅μˆ™ν•¨, λˆˆμ— νŽΈν•œ.

    • νŒλ…μ„± : 덜 μ΅μˆ™ν•œ, λˆˆκΈΈμ„ μ‚¬λ‘œμž‘λŠ”.

  • 색이 μ£ΌλŠ” λŠλ‚Œ

    • λ ˆλ“œ, μ˜€λ Œμ§€ -> 밝은, 톡톡 νŠ€λŠ” λŠλ‚Œ : λ‘₯κΈ€λ‘₯κΈ€ν•œ μ„œμ²΄

    • 블루, λΈ”λž™ -> 깨끗, μ°¨λΆ„ν•œ λŠλ‚Œ : κ³ λ”•κ³Ό 같이 각진 μ„œμ²΄

정리

이외에 λ ˆμ΄μ•„μ›ƒκ³Ό 사진, 색, μΉ΄λ“œ λ‰΄μŠ€ λ“±λ“± 도움이 될 λ§Œν•œ λ‹€λ₯Έ κ°•μ˜ λ‚΄μš©λ„ μžˆμ—ˆμ§€λ§Œ λ‚˜μ—κ²Œ 제일 λ§Žμ€ 도움을 μ€€ 두 개의 κ°•μ˜ λ‚΄μš©μ„ μ •λ¦¬ν–ˆλ‹€. 이 κ°•μ˜λ‘œ λ””μžμΈ μ‹œ ν•„μš”ν•œ λ‚˜λ¦„μ˜ 기쀀듀을 ν™•λ¦½ν•œ 것 κ°™λ‹€. 전문적인 λ””μžμ΄λ„ˆκ°€ μ•„λ‹ˆμ§€λ§Œ μ†ŒμΌκ±°λ¦¬λ‚˜ 개인 μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈμ˜ λ””μžμΈ μž‘μ—…μ„ ν•  λ•Œ λ§Žμ€ 도움이 될 것 κ°™λ‹€.