본문 바로가기

프로덕트 디자인9

[리디자인] 밀리의 서재 책 이어보기 플로팅 메뉴 개선 ✅ 서비스명밀리의 서재 ✅ 기타 소개 타겟 : 언제 어디서나 편하게 독서하고 싶은 사람, 책이 공간을 많이 차지하는 게 싫은 사람, 저렴한 비용으로 다독하고 싶은 사람, 쉽게 내가 읽은 책을 기록하고 싶은 사람 기능 : 이어보기, 인상 깊은 부분 메모&밑줄, 문장 검색, 책 검색, 오디오북, 도서 추천 등해결하려는 문제 : 종이책으로 인한 환경 파괴, 종이책의 물리적 한계 (무게, 소실성, 보는 행위) 극복 ✅ 좋았던 점서비스를 들어가자마자 내가 읽던 책이 하단 플로팅 메뉴로 나타나서 읽다만 책을 다시 읽기 편했습니다. 해당 컴포넌트를 클릭하면 몇월 며칠 몇분에 읽던 부분으로 돌아가겠냐, 혹은 처음부터 읽겠냐고 팝업으로 물어봐서 더 신중하고 확실하게 다음 단계를 고를 수 있었습니다.  ✅ 아쉬웠던 부분&.. 2024. 8. 11.
[CSS] 상속 상속은 특히 폰트 크기나 폰트 패밀리와 같이 명시적으로 요소를 선택하지 않고 스타일을 전달할 때 중요한 개념 일반적으로 화면에 있는 대부분의 텍스트에 같은 스타일을 적용하고 싶기 때문에 상속은 유용함 css에서 이렇게 설정하고 HTML에서 body에 글을 넣으면 이렇게 잘보인다! 2023. 7. 24.
[노코딩툴] 아임웹으로 기업홈페이지 만든 후기 두 달 전에 아임웹으로 기업홈페이지를 만들었습니다. 디테일한 부분까지 디자인할 수는 없었지만, 개발자 없이 쉽게 만들기에는 꽤 괜찮은 선택이었던 것 같습니다. 작업 전 고려해야할 것은 아래와 같습니다. 사용할 플랜 디자인의 복잡성 작업하기 전 고려사항 사용할 플랜 아임웹은 플랜마다 가격도 다르고 제공하는 기능들도 다릅니다. 제가 속한 회사의 경우, 이미 기업홈페이지가 있는 상태였고 해당 url이 아주 많은 곳(명함, 회사 홍보물 등)에 적혀 있었습니다. Free 플랜을 사용하면 기본 도메인인 imweb.me밖에 사용하지 못하며, starter 플랜은 일당 20GB로 트래픽 제한이 있었죠. 이에 저는 PRO 플랜을 구입해 개인도메인을 연결하는 작업을 거쳤습니다. (개인도메인 연결은 아래 링크를 참고하시면 .. 2023. 7. 10.
[피그마] config 2023 - 오토레이아웃, 반응형 디자인에 더 유용해졌다! 1. 오토레이아웃 (auto layout) - min/max값 설정하기 버튼을 예로 들면, 오토레이아웃으로 버튼을 만든 후 프레임을 선택한다. 그리고 width값 add min width/ add max width/add min height/ add max height 값을 적용하면 끝이다. 적용된 결과를 확인하면 아무리 너비 혹은 길이를 늘리거나 줄여도, 설정한 범위를 넘어서면 적용이 되지 않는다. 카드 컴포넌트를 제작할 때 특히 유용할 듯 하다. 2. 오토레이아웃 (auto layout) - wrap 설정하기 동그라미를 예로 들면, 원 4개를 그린 후, auto layout wrapping direction을 설정한다. 그리고 오토레이아웃을 늘리거나 줄이면 저절로 수직/수평 정렬이 된다. 3. Tex.. 2023. 6. 25.

티스토리툴바