mobileweb 썸네일형 리스트형 복붙으로 반응형 웹사이트 만들기 [tailblocks] 웹페이지 구조를 하나하나 만들어서 프로토타입으로 만드는데 걸리는 시간을 한참 줄여줄 수 있는 팁 하나를 소개해드리고자 합니다. 물론 각 항목들에 대한 수정은 있어야 할지 몰라도, 반응형 되고요, 페이지의 구성도 네비게이션바부터 푸터까지 다 잡아서 나타낼 수 있어요. 바로 tailblocks 라는 페이지를 이용하는 건데, 사용방법은 굉장히 간단하면서도, 편리합니다. 지금 보시면서 따라하셔도 금방 웹페이지 하나를 만드실 수 있어요. 사이트는 아래 링크를 통해 접근 가능하십니다. https://mertjf.github.io/tailblocks/ tailblocks — Ready-to-use Tailwind CSS blocks mertjf.github.io tailblock으로 검색하시면 아래 제일 처음 나타나.. 더보기 [Adobe Xd] 기초_쉬어가는 페이지 1 뭐 딱히 한건 없는것 같다 싶어도, 사실 이제 뭐든 그리실 수 있으실거에요. 우리는 도형을 그릴 수 있고, 글자를 쓸 수 있고, 그려놓은 것들을 패스로 변환하는 방법도, 불투명도를 이용하는 방법도, 기본적으로 주어지는 에셋을 이용해서 와이어프레임을 구성하는 것도 해보았습니다. 이제 딱히 할게 없어졌는데, 오늘은 xd를 이용해서 서비스 화면을 바꾸는걸 살짝 선보여드리려고 해요. 먼저 대상화면을 녹화해서 사진을 추출하는데, 그건 넘어가고요. 화면의 해상도만한 아트보드를 만들어줍니다. 일단 상용서비스를 보여드릴 수는 없으니, 잠시 작업을 할게요.:) 이 서비스에서 제공하고 있는 중점적인 기능, 서비스에서 제공하고 싶은 중심기능은 하단에 포진되어 있어요. 사용자입장에서 화면에 접근해서 해당 중심기능을 활용하는데.. 더보기 이전 1 다음
