[TIL] 14일차 학습일지

오늘은 개인과제 컴포넌트 정리와 6주차 강의 듣고 실습과제를 진행했다. 버튼이랑 컴포넌트는 다 만들었는데 정리가 잘 안돼기도 하고 머리가 잘안돌아가서 2~3시간동안 고민하며 컴포넌트를 만들었다.

베리언츠로 묶는거...넘 어려워ㅠㅠㅠ

 

6주차 강의에서 UI는 웹과 앱, IOS , 안드로이드 이렇게 다양한 환경에서 UI가 다르다고 한다.

안드로이드와 아이폰이 어떻게 다른지 비교해보려고 했는데 안드로이드 유저인 나는.. 아이폰이 없어 잠깐 당황했지만 튜터님께 물어봐서 해결했다. 아이패드에서도 아이폰과 비슷하게 나오는 인스타그램을 선정해서 아이패드 화면을 캡쳐해서 진행했다.

 

인스타그램 어플을 선정해서 아이폰 VS 안드로이드 다른점을 찾고 비교했는데.. 왜 다른지 이유는 잘 모르겠다.

내일 다시 비교해보고 생각해봐야겠다.

 

아이디어스 참고 와이어프레임 그려보기

 

예전에 와이어프레임을 그릴때 그냥 디자인까지 다 하고 디자인할때 색만 입혔던적이 있다. 강의들으면서 "아..이렇게 그리는구나" 를 알게되었다. 와이어프레임은 말그대로 선으로 그려진 화면이라는 뜻으로 전체적으로 형태와 방향을 크게크게 잡는 것을 말한다. 

 

1. 와이어프레임에서 표현할 것과 표현하지 않을 것을 과감하게 고르기

2. 최대한 단순하고 빠르게 그릴 수 있도록 단색의 선을 사용하기

3. 최대한 단순하게 그리기

4. 시나리오에 필요하지 않은 부분은 과감하게 글자나 단순한 도형으로 대체

5. 텍스트의 경우 최대 길이를 가늠할 수 있도록 실제 사용할 내용으로 넣어주기

6. 화면을 선으로 연결해주기 ( ex. 플러그인 : Simpleflow)

 

---

내일은 안드로이드VS 아이폰 비교 , 웹앱 VS 앱 비교와 개인과제 디벨롭하고 7주차 강의 듣고 실습과제를 진행해야지!