Kibana: λŒ€μ‹œλ³΄λ“œμ— ν¬ν•¨λœ κ°œμ²΄λŠ” μ—¬λŸ¬ OSμ—μ„œ λ™μΌν•œ 글꼴을 μ‚¬μš©ν•΄μ•Ό ν•©λ‹ˆλ‹€.

에 λ§Œλ“  2018λ…„ 01μ›” 02일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: elastic/kibana

μ—¬λŸ¬ ν”Œλž«νΌμ—μ„œ λ™μΌν•œ λ†’μ΄λ‘œ κΈ€κΌ΄ 크기λ₯Ό λ Œλ”λ§ν•΄μ•Ό μ„œλ‘œ λ‹€λ₯Έ μ‹œμŠ€ν…œμ—μ„œ λ³΄λŠ” λŒ€μ‹œλ³΄λ“œκ°€ ​​항상 νŒ¨λ„μ— μ˜λ„ν•œ λͺ¨λ“  데이터λ₯Ό ν‘œμ‹œν•©λ‹ˆλ‹€. 이것은 λΆˆν–‰νžˆλ„ λͺ¨λ“  OS와 ν”Œλž«νΌμ—μ„œ 단일 κΈ€κΌ΄λ‘œ λŒμ•„κ°€μ•Ό 함을 μ˜λ―Έν•©λ‹ˆλ‹€.

cc @elastic/kibana-design @elastic/kibana-sharing

Kibana-Design

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

@elastic/kibana-designκ³Ό λ…Όμ˜ν–ˆμŠ΅λ‹ˆλ‹€. μš°λ¦¬λŠ” μ „λ°˜μ μœΌλ‘œ μ„€μ •λœ κΈ€κΌ΄(Open Sans, κ·ΈλŸ¬λ‚˜ Roboto일 수 있음)으둜 λ‹€μ‹œ 이동할 κ²ƒμž…λ‹ˆλ‹€. μš°λ¦¬λŠ” 이것을 6.2 λ¦΄λ¦¬μŠ€κΉŒμ§€ μ™„λ£Œν•  κ²ƒμž…λ‹ˆλ‹€(μ•„λ§ˆ μ›”μš”μΌκΉŒμ§€ λ§ˆμŠ€ν„°μ—μ„œ). λŒ€μ‹œλ³΄λ“œλ₯Ό EUI λ””μžμΈμœΌλ‘œ λ³€ν™˜ν•  λ•Œ νŒ¨λ”© 및 크기 μ‘°μ •κ³Ό 같은 사항이 λ³€κ²½λ˜κ³  μ‚¬μš©μžκ°€ 이에 λŒ€ν•΄ μ„€λͺ…ν•΄μ•Ό ν•©λ‹ˆλ‹€. 이것은 μš°λ¦¬κ°€ μ‚¬μš©ν•˜κ³  μžˆλŠ” μ μ§„μ μœΌλ‘œ μž¬μ„€κ³„ν•˜λŠ” λ°©λ²•μ˜ μ ˆμΆ©μ•ˆμ˜ μΌλΆ€μž…λ‹ˆλ‹€. 각 λ¦΄λ¦¬μŠ€μ—λŠ” μ‚¬μš©μžκ°€ λŒ€μ‹œλ³΄λ“œ 크기λ₯Ό μ•½κ°„ μ‘°μ •ν•΄μ•Ό ν•˜λŠ” μ•½κ°„μ˜ λ³€κ²½ 사항이 μžˆμ„ κ²ƒμž…λ‹ˆλ‹€.

@epixa 의 쿼리에 λŒ€ν•΄ μš°λ¦¬λŠ” μ œν’ˆ μ „μ²΄μ—μ„œ κΈ€κΌ΄ μ‚¬μš©μ΄ κ· μΌν•˜κΈ°λ₯Ό μ›ν•˜λ―€λ‘œ λ‚΄μž₯ν˜•μ—μ„œλ§Œ ν•˜λ‚˜μ˜ 글꼴을 μ‚¬μš©ν•˜μ§€λŠ” μ•Šμ„ κ²ƒμž…λ‹ˆλ‹€.

cc @Adrian-J @formgeist

λͺ¨λ“  3 λŒ“κΈ€

특히 μ •ν™•ν•˜κ²Œ λ§ν•˜μžλ©΄ λŒ€μ‹œλ³΄λ“œμ— ν¬ν•¨λœ ν•­λͺ©μ€ 글꼴이 κ°™μ•„μ•Ό ν•©λ‹ˆλ‹€. μˆœμ „νžˆ 기술적인 μ˜λ―Έμ—μ„œ UI μžμ²΄λŠ” ν¬ν•¨λœ κ°œμ²΄κ°€ μ•„λ‹Œ ν•œ μ‹œμŠ€ν…œ 글꼴에 μ˜μ‘΄ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ λŒ€μ‹œλ³΄λ“œμ—μ„œ 첫 번째 개체λ₯Ό λ Œλ”λ§ν•  λ•Œ 전체 UI λ Œλ”λ§μ΄ κ°€λŠ₯ν•œ ν•œ 빨리 λ°œμƒν•˜κ³  μ‚¬μš©μž μ •μ˜ κΈ€κΌ΄κ³Ό 같은 ν•­λͺ©μ΄ λΉ„λ™κΈ°μ‹μœΌλ‘œ λ‘œλ“œλ˜λ„λ‘ ν•˜λŠ” 것이 잠재적인 μ΄μ μž…λ‹ˆλ‹€.

즉, 전체 λ””μžμΈ κ΄€μ μ—μ„œ μ—„κ²©ν•˜κ²Œ λ°°μ œν•  수 μžˆμŠ΅λ‹ˆλ‹€.

@elastic/kibana-designκ³Ό λ…Όμ˜ν–ˆμŠ΅λ‹ˆλ‹€. μš°λ¦¬λŠ” μ „λ°˜μ μœΌλ‘œ μ„€μ •λœ κΈ€κΌ΄(Open Sans, κ·ΈλŸ¬λ‚˜ Roboto일 수 있음)으둜 λ‹€μ‹œ 이동할 κ²ƒμž…λ‹ˆλ‹€. μš°λ¦¬λŠ” 이것을 6.2 λ¦΄λ¦¬μŠ€κΉŒμ§€ μ™„λ£Œν•  κ²ƒμž…λ‹ˆλ‹€(μ•„λ§ˆ μ›”μš”μΌκΉŒμ§€ λ§ˆμŠ€ν„°μ—μ„œ). λŒ€μ‹œλ³΄λ“œλ₯Ό EUI λ””μžμΈμœΌλ‘œ λ³€ν™˜ν•  λ•Œ νŒ¨λ”© 및 크기 μ‘°μ •κ³Ό 같은 사항이 λ³€κ²½λ˜κ³  μ‚¬μš©μžκ°€ 이에 λŒ€ν•΄ μ„€λͺ…ν•΄μ•Ό ν•©λ‹ˆλ‹€. 이것은 μš°λ¦¬κ°€ μ‚¬μš©ν•˜κ³  μžˆλŠ” μ μ§„μ μœΌλ‘œ μž¬μ„€κ³„ν•˜λŠ” λ°©λ²•μ˜ μ ˆμΆ©μ•ˆμ˜ μΌλΆ€μž…λ‹ˆλ‹€. 각 λ¦΄λ¦¬μŠ€μ—λŠ” μ‚¬μš©μžκ°€ λŒ€μ‹œλ³΄λ“œ 크기λ₯Ό μ•½κ°„ μ‘°μ •ν•΄μ•Ό ν•˜λŠ” μ•½κ°„μ˜ λ³€κ²½ 사항이 μžˆμ„ κ²ƒμž…λ‹ˆλ‹€.

@epixa 의 쿼리에 λŒ€ν•΄ μš°λ¦¬λŠ” μ œν’ˆ μ „μ²΄μ—μ„œ κΈ€κΌ΄ μ‚¬μš©μ΄ κ· μΌν•˜κΈ°λ₯Ό μ›ν•˜λ―€λ‘œ λ‚΄μž₯ν˜•μ—μ„œλ§Œ ν•˜λ‚˜μ˜ 글꼴을 μ‚¬μš©ν•˜μ§€λŠ” μ•Šμ„ κ²ƒμž…λ‹ˆλ‹€.

cc @Adrian-J @formgeist

μ’‹μ•„μš”. 이것은 μ •μƒμœΌλ‘œ λŒμ•„κ°€μ•Ό ν•©λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰