<도노반의 뇌: 소책자 프로젝트> 회고 : BOOK UP과 HTML로 웹 소책자 만들기

프로젝트 소개  ,2021, 영상 는 HTML과 CSS를 활용해 저작권이 만료된 SF 도서 를 디지털로 구현한 작업이다. 매우 단순한 기능만으로 책의 목차, 주요 내용, 그리고 (약간의) 인터랙티브한 요소들을 담아 사용자에게 책을 탐색하는 새로운 경험을 제공하고자 하였다. 무려 3년전 재학시절 만들었던 웹페이지다... 구성  워낙 단순해 설명하기 민망할 정도지만, 세가지 주요 영역으로 나누어 구성하였다.- 헤더: 책 제목과 저자 이름을 나타내는 영역- 본문   - 책의 각 챕터로 이동할 수 있는 링크를 포함한 목차 영역   -  Bookup을 이용한 360도 돌아가는 책 목업 영역   - 챕터별 텍스트 영역- 푸터: 텍스트 출처나 참고 자료를 제공하는 영역  작업과정 우선 를 읽고 생각난 이미지들을 스케..

• format_list_bulleted Projects/Retrospective
• · 2024. 11. 19.
• textsms

개발자가 알아두면 편한 기초 피그마 상식

해당 글은 피그마 협업을 위해 필요한 아주 기초적인 내용들을 다룹니다. 사실 사이드 프로젝트에서 개발자들에게 전달했던 노션의 백업 용도에 가깝습니다. 기획자와 디자이너의 입장에서 작성되었음을 알립니다. 비트맵 이미지로 복사하기Ctrl+Shift+C를 통해 벡터 데이터인 피그마 프레임을 비트맵화하여 복사-붙여넣기 할 수 있습니다. 노션, 슬랙, 카톡 등 이미지 확장자 파일 전송을 지원하는 모든 플랫폼에 적용되는 방식이니, 알아두면 협업이 매우매우 편해집니다.가령, 피그마에서 Ctrl+C 후 노션에 Ctrl+V는 불가능하지만, 피그마에서 Ctrl+Shift+C 를 한다면 가능합니다. 개발자모드Shift+D를 통해 개발자모드에 진입하여 컴포넌트들의 Inspects 등을 확인할 수 있습니다. 이는 유료 기능이나..

• format_list_bulleted Study/Service planning
• · 2024. 11. 17.
• textsms