Boot Camp/code states
HTML/CSS 활용 - 과제 [ 계산기 목업 만들기 ]
_moda
2023. 3. 21. 19:36
실습
- 계산기 목업 만들기
1일차
- 디자인에 참고할 사진 고르기
- 와이어 프레임 디자인 만들기 - 그림판 이용
- 중간 점검
- 추가적 개선이 필요하다고 생각했던 점
- display 쪽 그림자 작업
- display 밑 버튼 3개 그림자 작업
- 버튼 누르는 액션 기능 추가(색상 바뀌는 액션,누르는 것 같이 보이는 액션 등)
- 계산기 외 배경 색상 바꾸기
참고하고 있는 사이트
2일차 - 계산기 목업 만들기 완성
- 계산기 버튼이나, 배경등의 색감이나 색상조합에 크게 신경써서 만들었던 것 같다.
- 디자인은 아기자기한 느낌을 내고 싶어서 최대한 둥글게 만들어 줘서 상당히 만족스럽다.
- 버튼 누르는 효과를 낼 때도 누르는 느낌이 퐁퐁 ? 이런식으로 귀엽게 하고 싶었는데 그 효과를 못한 것이 아쉬운 부분인 것 같다.