wireframes 썸네일형 리스트형 1. HTML 데스크탑 모양 만들어보기 이번에는 데스크탑과 모바일 화면모양을 Adobe 와 Windows에서 기본제공하고 있는 에셋을 이용해서 간단히 작성해보겠습니다. (실은 너무 쉽기도 하면서 어렵기도 해요.) 대강 이렇게, 이렇게 생긴거, 하면서 그림만 그리면, 은근히 쉬운것도 같지만, 데스크탑웹, 모바일웹도 모바일 앱과 마찬가지로 각자의 이름을 가지고 있습니다. 그 이름을 다 기억하기에는 조금 어려울 수 있는데, xd에서 제공하고 있는 에셋을 활용해서 어느정도 부족한 점도 채워줄 수 있어요. 그럼 바로 시작해보겠습니다. 준비물은 Adobe XD에서 제공해주고 있는 Microsoft Windows kit 같은거.. 편하게 쓰시면 됩니다. 이번에 강조드리고 싶은건 사실 그림이 아니거든요. 먼저 아트보드 하나를 만들어줍니다. 아트보드 단축키 .. 더보기 2. HTML 모바일 모양 만들어보기 1. HTML 데스크탑 모양 만들어보기 1. HTML 데스크탑 모양 만들어보기 이번에는 데스크탑과 모바일 화면모양을 Adobe 와 Windows에서 기본제공하고 있는 에셋을 이용해서 간단히 작성해보겠습니다. (실은 너무 쉽기도 하면서 어렵기도 해요.) 대강 이렇게, 이렇게 생긴� jaehyunshin.tistory.com 요즈음 추세는 데스크탑이 아닌 모바일 우선이죠. 구글의 search console에서도 모바일 최적화 여부를 우선하고 있기도 합니다. 워낙 모바일 기기를 많이 사용하게 되니까, 지금 저처럼 컴퓨터 앞에 앉아서 작업하는 사람이 많이 주의를 기울여야 할 부분인 것도 같습니다. 앞서 보셨던 데스크탑 화면의 구성은 아래와 같습니다. 마찬가지로 이번에도 한 두어개 집어넣어볼겁니다. 우선은 아트보.. 더보기 이전 1 다음
