Share
Sign In
πŸ€ νžλ‹€ λ ˆμ½”λ“œ
πŸ‘Š λ””μžμΈ μ‹œμŠ€ν…œ κ³΅λΆ€ν•˜κΈ° 02
전석희
πŸ‘
λ¨Όμ € λ””μžμΈ μ‹œμŠ€ν…œμ΄λ‹€λ³΄λ‹ˆκΉŒ... 무엇에 λŒ€ν•œ λ””μžμΈμ‹œμŠ€ν…œμΈμ§€ μ •μ˜κ°€ μ•ˆλ˜μ–΄μžˆμœΌλ©΄ λ‹Ήμ—°νžˆ μ˜λ―Έκ°€ μ—†κΈ΄ν•˜λ©΄μ„œλ„ 일단 κ³΅λΆ€ν•˜λŠ” λŠλ‚Œμ΄λ‹€λ³΄λ‹ˆκΉŒ λŒ€λž΅μ μœΌλ‘œ μž‘μ€ μ„œλΉ„μŠ€ ν•˜λ‚˜ μƒκ°ν•˜λ©΄μ„œ μž‘μ—… 쀑에 μžˆμŠ΅λ‹ˆλ‹€.
이전 글에 μ΄μ–΄μ„œ
Primitive 컬러λ₯Ό λ¨Όμ € 베리어블에 λ“±λ‘ν–ˆμŠ΅λ‹ˆλ‹€.
그리고 λ§Œλ“€ μ„œλΉ„μŠ€μ—μ„œ 자주 μ‚¬μš©λ˜λŠ” μ»¬λŸ¬λ“€μ€ λ”°λ‘œ semantic 컬러둜 베리어블 λ“±λ‘ν–ˆμŠ΅λ‹ˆλ‹€.
ν”„λ‘œμ νŠΈν•  λ•Œ λ””μžμΈμ‹œμŠ€ν…œ λ§Œλ“€λ©΄μ„œ λ“€μ—ˆλ˜ 말과 κ±°κΈ°μ„œ μ–»μ—ˆλ˜ μΈμ‚¬μ΄νŠΈκ°€ μžˆμ—ˆλŠ”λ°
λ™μ•„λ¦¬ν™œλ™μ„ ν•˜λ©΄μ„œλ„ λ””μžμΈμ‹œμŠ€ν…œμ„ μž‘μ—…μ„ ν–ˆλŠ”λ°
이게 μ„œλ‘œ μ†Œν†΅μ„ λͺ»ν–ˆλ‹€λ³΄λ‹ˆκΉŒ, νŒ”λ ˆνŠΈ 색상을 해놓고 μ’€ μ‹œκ°„ μ§€λ‚˜μ„œ μ‹œλ©˜ν‹± 컬러λ₯Ό μ§€μ •ν•΄λ†“μœΌλ‹ˆκΉŒ κ°œλ°œμžλΆ„λ“€μ΄ ν—·κ°ˆλ €ν•˜μ…¨μ—ˆλ‹€.
(νŒ”λ ˆνŠΈ 색상 λ‹€ λ“±λ‘ν•΄λ†¨λŠ”λ° λ””μžμΈμ—μ„œλŠ” μ‹œλ©˜ν‹±μœΌλ‘œ λ‹€λ₯Έ μ΄λ¦„μœΌλ‘œ λ˜μ–΄μžˆμœΌλ‹ˆ 이 μ»¬λŸ¬λŠ” 뭐지? ν•˜λ©΄μ„œ μ°Ύμ•„λ‹€λ‹ˆμ…¨λ‹€κ³ ...)
κ·Έλž˜μ„œ λ‹€μ‹œκΈˆ 이런 μž‘μ—…μ„ ν•  λ•Œμ—λŠ”
κ³΅μœ ν•˜λŠ” 것이 제일 μ€‘μš”ν•˜λ‹€λŠ” 것을 κΉ¨λ‹«κ²Œλ˜λŠ” μˆœκ°„μ΄μ—ˆλ‹€
λ‹€μ‹œ λ””μžμΈμ‹œμŠ€ν…œ μž‘μ—…μœΌλ‘œ λŒμ•„μ™€μ„œ 폰트 μŠ€νƒ€μΌ μ„€μ • 및 κ°­, νŒ¨λ”©, λ§ˆμ§„μ— 쓰일 간격듀도 베리어블에 λ“±λ‘ν•΄λ†“μ•˜λ‹€.
μ—¬κΈ°κΉŒμ§€ν•˜λ©΄μ„œ λ‹€λ₯Έ λ””μžμΈμ‹œμŠ€ν…œμ„ 많이 λ΄€μ—ˆλŠ”λ°, μ‘°κΈˆμ”© λ‹€ λ‹€λ₯Έ 이름, λ°©μ‹μœΌλ‘œ 베리어블이 μ •λ¦¬λœ 것을 확인할 수 μžˆμ—ˆλ‹€. μ—­μ‹œ λ””μžμΈμ‹œμŠ€ν…œμ€ 단기간에 μŠˆμŠ‰ λ§Œλ“€κΈ°μ—λŠ” κ·Έ μ„œλΉ„μŠ€μ™€ 같이 μΌν•˜λŠ” μ‚¬λžŒλ“€ κ°„μ˜ μ†Œν†΅μ„ λ°”νƒ•μœΌλ‘œ μ •λ¦¬λ˜μ–΄μ•Όν•œλ‹€λŠ” 것을 μ•Œκ²Œλœ 것 κ°™λ‹€.
일단 μ—¬κΈ°κΉŒμ§€ μ§„ν–‰ν•˜κ³ λ‚˜μ„œ UIλ””μžμΈμ μœΌλ‘œ 쑰금..λΆ€μ‘±ν•˜λ‹€λŠ” 생각이 κ°‘μžκΈ° λ“€μ–΄μ„œ λ‹€μŒλΆ€ν„°λŠ” ν΄λ‘ λ””μžμΈμ„ μ£Όλ§ˆλ‹€ μ§„ν–‰ν•˜λ©΄μ„œ 병행해볼 생각이닀!
Subscribe to 'hilda'
둜그인 ν›„ κ΅¬λ…ν•˜μ‹€ 수 μžˆμŠ΅λ‹ˆλ‹€!
Subscribe
πŸ‘
전석희
πŸ‘Š λ””μžμΈ μ‹œμŠ€ν…œ κ³΅λΆ€ν•˜κΈ° 03
λ’€λŠ¦κ²Œ λ‹€μ‹œ μ‹œμž‘ν•˜κ²Œλœ λ””μžμΈμ‹œμŠ€ν…œ κ³΅λΆ€ν•˜κΈ°! μ €λ²ˆκΉŒμ§€ 과정을 ν•˜λ©΄μ„œ 느꼈던 점은 λ”±νžˆ μ„œλΉ„μŠ€κ°€ μ—†μœΌλ‹ˆκΉŒ κΈ°μ€€ μž‘κΈ°κ°€ μ–΄λ €μ› λ‹€. κ·Έλž˜μ„œ 정말 정말 정말 κ°„λ‹¨ν•œ μ„œλΉ„μŠ€λ₯Ό 생각해두고 μ§„ν–‰ν•΄μ•Όν•˜λ‚˜? 싢은 생각이 λ“€μ—ˆλ‹€. (근데 그러면 κΈ°νšλ„ 쑰금 ν•΄μ•Όν•˜λ‹ˆκΉŒ 이μͺ½ 곡뢀?도 같이 병행이 ν•„μš”ν•  λ“―!, 근데 λ‹Ήμž₯ μ—„μ²­ 이게 μ€‘μš”λ„ μžˆλŠ”κ±΄ μ•„λ‹ˆλ‹ˆ μ£Όκ°μ „λ„λ˜μ§€μ•Šλ„λ‘ 쑰심) 과정을 μ§„ν–‰ν•˜λ©΄μ„œ λ‹€λ₯Έ λ””μžμΈμ‹œμŠ€ν…œμ€ μ–΄λ–»κ²Œ ν–ˆλŠ”μ§€ 같이 κΈ°λ‘ν•˜λŠ”κ²Œ 쒋을 것 κ°™λ‹€ μ •λΆ€ λ””μžμΈμ‹œμŠ€ν…œ, 11λ²ˆκ°€ λ””μžμΈμ‹œμŠ€ν…œ λ“± 곡개된 λ””μžμΈμ‹œμŠ€ν…œμ΄ λ§Žμ•„μ„œ λΉ„κ΅ν•΄μ„œ κ³΅λΆ€ν•˜λ©΄ 쒋을 것 κ°™μ•˜λ‹€. μ•„λ‹ˆλ©΄ μ—°μŠ΅κ³Όμ •μœΌλ‘œ μƒκ°ν•˜κ³  μ»΄ν¬λ„ŒνŠΈλΆ€ν„° μ‹œμž‘ν•΄λ³Έλ‹€. 일단 기본적인 μ»΄ν¬λ„ŒνŠΈμΈ λ²„νŠΌ, 인풋, 컨트둀 등등을 직접 λ§Œλ“€μ–΄λ³΄λ©° μ—°μŠ΅ν•œλ‹€. κ·Έλž˜μ„œ 결둠은? 일단 ν•˜μž! (κ³ λ―Όν•  μ‹œκ°„μ— 뭐라도 ν•˜λ©΄μ„œ λ°°μš°λŠ” 것이 더 μ’‹λ‹€!) μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€μ–΄μ•Όν•˜λ‚˜ 고민이 λ˜μ—ˆμ§€λ§Œ, 그건 μ°¨μ°¨ μƒκ°ν•˜λ„λ‘ν•˜κ³ ... 일단 λ‚˜λŠ” λ””μžμΈμ‹œμŠ€ν…œμ„ μ™„λ²½ν•˜κ²Œ λ§Œλ“œλŠ” 것이 μ•„λ‹ˆλΌ, λ‹€μ–‘ν•œ λ””μžμΈμ‹œμŠ€ν…œμ„ λ³΄λ©΄μ„œ 직접 ν•΄λ³΄λ©΄μ„œ λ°°μš°λŠ” λͺ©μ μ΄ 더 크기 λ•Œλ¬Έμ— 일단 ν•˜κΈ°λ‘œ κ²°μ •ν–ˆλ‹€. κ·Έ 이후에 λ‚΄ 개인 ν”„λ‘œμ νŠΈλ₯Ό ν•˜λ©΄μ„œ + μ‚¬μ΄λ“œν”„λ‘œμ νŠΈλ₯Ό ν•˜λ©΄μ„œ λ””μžμΈμ‹œμŠ€ν…œμ„ λ§Œλ“€ λ•Œ 더 도움이 될 것이라고 μƒκ°ν•œλ‹€. 이전에 μ»¬λŸ¬λž‘ νƒ€μ΄ν¬λŠ” μ–ΌμΆ” μž‘μ•„λ†¨κΈ°λ•Œλ¬Έμ— λ‹€μŒλ‹¨κ³„λ‘œ λ„˜μ–΄κ°€λ©΄μ„œ μ»¬λŸ¬λž‘ 타이포가 λΆ€μ‘±ν•œ 뢀뢄을 λ³΄μΆ©ν•΄κ°€λŠ” λ°©ν–₯으둜 μ§„ν–‰ν–ˆλ‹€. μ»΄ν¬λ„ŒνŠΈ μ—°μŠ΅ μ—°μŠ΅μ΄λΌλŠ” 단어λ₯Ό λΆ™μ΄κΈ΄ν–ˆμ§€λ§Œ... μ‹œμ€‘μ— λ‚˜μ™€μžˆλŠ” λ””μžμΈμ‹œμŠ€ν…œ (λ¨Έν…Œλ¦¬μ–Ό, HIG, Figma, μ›ν‹°λ“œ λ“±)은 μ–΄λ–»κ²Œ μž‘μ—…μ„ ν–ˆλŠ”μ§€ 확인해보고 λ‚˜λŠ” 이런 방식을 μ΄μš©ν•΄μ„œ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ œμž‘ν•΄λ³΄λŠ” λ°©μ‹μ΄μ—ˆλ‹€. κ·Έλž˜μ„œ 일단 κΈ°λ³Έ 쀑에 κΈ°λ³Έ! μ»΄ν¬λ„ŒνŠΈμΈ λ²„νŠΌ, ν…μŠ€νŠΈν•„λ“œ, 컨트둀 파트만 일단 μ •λ¦¬ν–ˆλ‹€. λ²„νŠΌ 크게 Solid Outlined Text νƒ€μž…μ„ λ‚˜λˆ μ„œ μ œμž‘ν–ˆλ‹€. 일반적인 λ²„νŠΌλ§Œ λ¨Όμ € λ§Œλ“€μ—ˆλ‹€. (μ•„μ΄μ½˜ λ²„νŠΌμ΄λž‘ λ‹€λ₯Έ λ²„νŠΌμ€ μΆ”ν›„ μ œμž‘ μ˜ˆμ •)
전석희
[DDD] UT μ‚¬μš©μ„± ν…ŒμŠ€νŠΈ 진행
λ‚˜λŠ” 6μ›”λΆ€ν„° DDD(IT μ—…κ³„μ˜ κ°œλ°œμžμ™€ PM, λ””μžμ΄λ„ˆλ“€μ„ μœ„ν•œ μ‚¬μ΄λ“œν”„λ‘œμ νŠΈ λͺ¨μž„) 11κΈ°μ—μ„œ ν™œλ™ μ€‘μ΄μ—ˆλ‹€. DDDμ—μ„œλŠ” 벌써 6번의 λͺ¨μž„을 μ§„ν–‰ν–ˆμ—ˆκ³  8μ›” 31일 7번째 λͺ¨μž„μ—μ„œλŠ” 기획+λ””μžμ΄λ„ˆ λΆ„λ“€κ³Ό νŒ€μ—μ„œ λ§Œλ“€κ³  μžˆλŠ” μ„œλΉ„μŠ€λ₯Ό UTν•˜λŠ” μ‹œκ°„μ΄ μ£Όμ–΄μ‘Œλ‹€. μ΄λ ‡κ²Œ μ˜€ν”„λΌμΈμœΌλ‘œ UTλ₯Ό ν•˜λŠ” 것은 μ²˜μŒμ΄μ—ˆμ–΄μ„œ κΈ΄μž₯됐닀. 진행과정 [8μ›” 29일 λͺ©μš”일] μ£Όκ°„ λ―ΈνŒ… ν…ŒμŠ€ν¬ μ„€μ • 및 μ‹œλ‚˜λ¦¬μ˜€ 정리 (PMλΆ„κ»˜μ„œ 미리 λ…Έμ…˜μ— 정리λ₯Ό ν•΄μ£Όμ…”μ„œ λ„ˆλ¬΄ 도움이 λ§Žμ΄λλ‹€) λ””μžμ΄λ„ˆλΆ„κ³Ό ν”„λ‘œν† νƒ€μž… 파트 λΆ„λ°° [8μ›” 30일 κΈˆμš”μΌ] ν”„λ‘œν† νƒ€μž… μ œμž‘ UTλ₯Ό μ–΄λ–»κ²Œ 진행할 것인지 정리 [8μ›” 31일 ν† μš”μΌ] UT 진행 UTλ₯Ό 섀계할 λ•Œ λ¨Όμ € 우리의 μ„œλΉ„μŠ€κ°€ λ§Žμ€ κΈ°λŠ₯이 μžˆμ§€ μ•Šμ•˜κΈ° λ•Œλ¬Έμ— μ„œλΉ„μŠ€ μ „λ°˜μ μœΌλ‘œ λ‹€ μ΄μš©ν•΄λ³Ό 수 있게 μ§„ν–‰ν•˜λŠ” λ°©ν–₯으둜 μ„€μ •ν•˜κ³ , 각각 ν™”λ©΄μ—μ„œ 이런 점듀이 μ‚¬μš©μžκ°€ μ˜λ¬Έμ„ κ°€μ§€κ±°λ‚˜ λΆˆνŽΈν•΄ν•˜μ§€μ•Šμ„κΉŒ? ν•˜λŠ” 가섀을 μ„€μ •ν•˜κ³  μ§ˆλ¬Έμ„ μž‘μ„±ν–ˆλ‹€. UT μ§ˆλ¬Έμ§€ λ§ν•˜λŠ”κ²Œ μ΅μˆ™ν•˜μ§€μ•Šμ•„μ„œ λŒ€λ³Έμ„ μ€€λΉ„ν•΄κ°”λ‹€.. 상황이 λλ‚˜λ©΄ λ…Έμ…˜λ³΄λ©΄μ„œ μ§ˆλ¬Έμ„ ν–ˆλ‹€.
전석희
πŸ… 파리 μ˜¬λ¦Όν”½ νŠΉμ§‘ νŽ˜μ΄μ§€
곧 λλ‚˜κ°€λŠ” 파리 μ˜¬λ¦Όν”½, 잘 보고 κ³„μ‹ κ°€μš”? μ €λŠ” 맀우 즐겁게 보고 μ‘μ›ν•˜κ³  μžˆλŠ”λ°μš”! μ˜¬λ¦Όν”½ κΈ°κ°„ λ•Œλ§ˆλ‹€ 넀이버와 λ‹€μŒμ—μ„œλŠ” νŠΉμ§‘ νŽ˜μ΄μ§€κ°€ μƒκΈ°λŠ” 것을 μ•„μ…¨λ‚˜μš”? κ²½κΈ°λ₯Ό 검색해보면 λ‚˜μ™€μ„œ 이미 μ•Œκ³  계신 뢄이 λ§ŽμœΌμ‹€κ±°λΌ μƒκ°λ©λ‹ˆλ‹€. μ˜ˆμ „μ—λŠ” 자주 μ‚¬μš©ν•˜λ˜ λ„€μ΄λ²„μ—μ„œλ§Œ μŠ‰ ν™•μΈλ§Œ ν–ˆμ—ˆλŠ”λ°μš”. 이런 νŠΉμ§‘ νŽ˜μ΄μ§€μ—μ„œ μ‚¬μš©μž κ²½ν—˜μ„ μ–΄λ–»κ²Œ κ³ λ €ν•΄μ„œ κ΅¬μ„±ν–ˆμ„μ§€ λΆ„μ„ν•΄λ³΄λŠ” 것도 μ €μ—κ²Œ λ§Žμ€ 도움이 될 것 κ°™μ•„μ„œ μ € λ‚˜λ¦„λŒ€λ‘œ UXUI 뢄석을 ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€. 첫 νŽ˜μ΄μ§€ 첫 νŽ˜μ΄μ§€μΈ λ©”μΈν™”λ©΄μž…λ‹ˆλ‹€. λ„€μ΄λ²„μ˜ 경우 κΈ°μ‘΄ 넀이버 슀포츠 μ•ˆμ— "PARIS NOW"λΌλŠ” νƒ­ 메뉴λ₯Ό λ”°λ‘œ λ§Œλ“€μ–΄ κ±°κΈ°μ„œ λ³Ό 수 있게 ν–ˆμŠ΅λ‹ˆλ‹€. λ‹€μŒμ˜ 경우 λ‹€μŒ 슀포츠 μ•ˆμ— GO! PARiSλΌλŠ” 메뉴가 있고 λˆŒλ €μ„ λ•Œ 단독 νŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€. μ—¬κΈ°μ„œ 살짝 μ—¬λ‹΄μ΄μ§€λ§Œ λ‹€μŒμ˜ PARiSλŠ” i만 μ†Œλ¬Έμžλ‘œ 해놓은 μ΄μœ κ°€ 살짝 κΆκΈˆν•΄μ§€λ„€μš©.. μ˜€λŠ˜λ‚ μ§œμ˜ κ²½κΈ° μ•Œλ¦Ό 넀이버 : 였늘의 μ˜¬λ¦Όν”½ κ²½κΈ°λΌλŠ” 타이틀, λ‹€μ„―κ°œμ˜ κ²½κΈ°λ₯Ό 리슀트 ν˜•νƒœλ‘œ μš°μ„ μ μœΌλ‘œ 보여주고 ν•˜λ‹¨ ν™”μ‚΄ν‘œλ₯Ό λˆ„λ₯΄λ©΄ 더 λ§Žμ€ 일정이 λ‚˜μ˜€λ©° 파리 일정 전체보기 λ²„νŠΌμ΄ λ‚˜μ™€ 일정 λΆ€λΆ„μœΌλ‘œ 이동할 수 있게 ν•©λ‹ˆλ‹€. λ‹€μŒ : 였늘의 μ£Όμš” κ²½κΈ°λΌλŠ” 타이틀, κ²½κΈ° ν•˜λ‚˜μ”© μΉ΄λ“œ ν˜•νƒœλ‘œ 보여주며 쒌우둜 μŠ€μ™€μ΄ν”„ν•΄ λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. 그리고 μš°μΈ‘μ— 총 9개의 경기라고 ν‘œμ‹œλ˜μ–΄μžˆμ–΄ λŒ€ν•œλ―Όκ΅­ κ²½κΈ°κ°€ 였늘 λͺ‡κ°œ μžˆλŠ”μ§€ λ°”λ‘œ 인지할 수 μžˆλŠ” 점이 μ’‹μ•˜μŠ΅λ‹ˆλ‹€. λŒ€ν•œλ―Όκ΅­μ˜ 메달 ν˜„ν™© a. 넀이버 ν™ˆν™”λ©΄μ— λ λ°°λ„ˆ ν˜•νƒœλ‘œ 메달 ν˜„ν™©μ΄ λ‚˜μ˜€λ©°, 클릭 μ‹œ 메달 νŽ˜μ΄μ§€λ‘œ 이동 메달 νŽ˜μ΄μ§€μ—μ„œ λŒ€ν•œλ―Όκ΅­ μˆœμœ„μ™€ ν•¨κ»˜ 합계 메달 κ°œμˆ˜μ™€ 폭죽이 ν„°μ§€λŠ” μ• λ‹ˆλ©”μ΄μ…˜μ΄ 같이 λ‚˜μ˜€λ©°, λ©”λ‹¬λ¦¬μŠ€νŠΈλ„ 확인 κ°€λŠ₯ μˆœμœ„ λ¦¬μŠ€νŠΈμ—μ„œ κΊ½μ‡ λ₯Ό 클릭 μ‹œ μ’…λͺ©λ³„ μ–΄λ–€ 메달을 λ“ν–ˆλŠ”μ§€ 확인 κ°€λŠ₯ b. λ‹€μŒ ν™ˆν™”λ©΄ 상단에 크게 μœ„μΉ˜ν•΄ 있으며 ν΄λ¦­ν•˜λ©΄ λ™μΌν•˜κ²Œ 메달 νŽ˜μ΄μ§€λ‘œ 이동 메달 νŽ˜μ΄μ§€μ—μ„œ λŒ€ν•œλ―Όκ΅­ μ˜† κΊ½μ‡ λ₯Ό λˆ„λ₯΄λ©΄ μ’…λͺ©λ³„ μ–΄λ–€ 메달을 νšλ“ν–ˆλŠ”μ§€ 확인 κ°€λŠ₯