HTML/CSS 활용 - 과제 [ 계산기 목업 만들기 ]

실습

• 계산기 목업 만들기

---

1일차

1. 디자인에 참고할 사진 고르기
   

   

1. 와이어 프레임 디자인 만들기 - 그림판 이용
   
2. 중간 점검 
   

- 추가적 개선이 필요하다고 생각했던 점

• display 쪽 그림자 작업
• display 밑 버튼 3개 그림자 작업
• 버튼 누르는 액션 기능 추가(색상 바뀌는 액션,누르는 것 같이 보이는 액션 등)
• 계산기 외 배경 색상 바꾸기

참고하고 있는 사이트

• https://aboooks.tistory.com/171
• https://colorhunt.co/palette/b9f3fcaee2ff93c6e7fedeff

---

2일차 - 계산기 목업 만들기 완성

• 계산기 버튼이나, 배경등의 색감이나 색상조합에 크게 신경써서 만들었던 것 같다.
• 디자인은 아기자기한 느낌을 내고 싶어서 최대한 둥글게 만들어 줘서 상당히 만족스럽다.
• 버튼 누르는 효과를 낼 때도 누르는 느낌이 퐁퐁 ? 이런식으로 귀엽게 하고 싶었는데 그 효과를 못한 것이 아쉬운 부분인 것 같다.