rough-notation.js은 거친 이름처럼 말 그대로 '거친 UI'를 만들어주는 자바스크립트 라이브러리다. rough-notation.js를 사용하면 손으로 칠하는 듯한 효과를 구현할 수 있다.
아래의 rough-notation 사이트에는 관련 demo버튼이 올려져 있다. 전체 기능은 9개이며, 겉보기에 단순한 듯 보이지만 결코 단순하지 않다. 이벤트를 실행할 때마다 조금씩 다른 밑줄이 만들어지기 때문이다. 모든 밑줄이 랜덤으로 발생하기 때문에 사용자 입장에서 지루함을 덜 느낄 수 있고, 또한 실제 손글씨로 그려낸 듯한 효과를 구현할 수 있다는 점이 독특하다.
RoughNotation
A small JavaScript library to create and animate hand-drawn annotations on a web page
roughnotation.com
웹에서 E-book을 구현할 때 rough-notation.js은 괜찮은 선택이다. 실제 손글씨 느낌을 강조할 수 있는 아동용 콘텐츠 및 학습용 자료를 개발할 때 상당히 유용할 듯하다.
'라이브러리 창고 > CSS 색상 · 디자인' 카테고리의 다른 글
| 감각적인 유투브 추천사이트 (0) | 2020.08.14 |
|---|---|
| 놀라운 웹디자인을 만드는 5가지 방법 (0) | 2020.07.03 |
| 패턴 배경 만들기 『patternico』 (0) | 2020.06.28 |
| 색상피커 JS라이브러리『pickr.js』 (0) | 2020.05.27 |
| 웹디자인 벤치마킹 사이트 『ThemeForest, Betheme』 (0) | 2020.04.14 |
댓글