본문 바로가기

홈페이지

한터울 랜딩페이지 디자인 맏뫼골놀이마당 한터울 아트플랫폼 한터울 홈페이지 디자인 서브페이지 랜딩페이지 메인페이지는 팀장님이 디자인함 더보기
[2일차]Do it! 반응형 웹 만들기/ 46 ~ 64p / 02. px을 %로 바꾸기_01 Do it! 반응형 웹만들기 공부 2일차다. 02파트를 하루만에 끝내고 싶은 욕심이 있었지만 훑어보니 calc함수와 폰트와 멀티미디어의 가변 등 익숙하면서도 생소한 파트가 나와서 욕심을 버리고 반으로 나누어서 공부하였다. 기존의 반응형을 훑어보기 식으로만 알고 있을때에도 div나 여러 요소들을 단위가 px로 고정된 값이 아닌 %로 하여금 가변적으로 반응하도록 하고 있다는 것은 알고 있었다. 하지만 margin이나 padding 값을 고정할 수 있다는 생각을 하지 못해서 선호하지 않고 있었는데 오늘 책을 보면서 calc 함수로 고정할 수 있다는 사실을 처음 알게 되었다. 움직이는 가변패딩을 사용하는 방법 (가변 패딩을 적용할 패딩값/적용할 박스를 감싸고 있는 박스의 가로너비)*100= 가변패딩 %값 가변 .. 더보기
xd 객체 내보내기(개발자에게 jpg보내주기) 얼마전 adobe XD를 입문하면서 기본툴을 다 익히고 ux/ui 따라하기를 하고 있었다. 근데 난 크게 간과하고 있었던게 있었다. 디자인을 다 해도 ui를 개발자에게 주지 못하면 말짱 도로묵이 아닌가..;; 책을 아무리 찾아봐도 내보내기나 플러그인에 대해서는 알려주지 않아서 플러그인은 유튭 강의를 보았고 내보내기는 어쩌다보니 찾게되었다. 내보내기란 포토샵이나 일러스트에서 아이콘을 디자인하여 개발자에게 전달해주면 jpg나 png 이미지 파일로 전달받아 개발을 시작하는데 이때 이미지로 주는 것을 객체라 부르고 저장하는 것을 내보내기로 한다. 아이콘은 직접 제작해도 되고 플러그인에서 unDraw를 다운해서 사용해도 되고 일러스트에서 제작한 파일을 복사해서 붙여넣어도 무관하다. 홈버튼을 눌러 내보내기를 누르고.. 더보기