웹설계 2

와이어프레임, wireframing, 목업, Mock-up, 웹디자인 유용 사이트

웹디자인을 설계하는 세 가지 방법을 소개한다. 러프한 방법에서 정교한 방법으로 나아간다. 1. 와이어프레임 wireframing - 저충실도 - 신속 - 제작 에너지 소모 낮음 연필과 종이 한 장을 가지고 만들어 낸다. 코드를 쓰기 전에 디자인과 내용에 대해 다른 사람들의 의견도 받고, 그걸 바탕으로 개선 발전해 나갈텐데 그때 하는 디자인 설계를 와이어프레임이라고 한다. 와이어프레임은 신속하고 대략적으로 디자인하는 것이 핵심이다. 2. 목업 Mock-up - 고충실도 - 정교함 - 제작 에너지 소모 높음 웹사이트 디자인을 실제와 비슷하게 표현한다는 의미이다. 작동이 되는 과정을 스크린샷으로 찍어 보여주는 것처럼, 각 화면에 대한 정교한 설계가 필요하다. 미래의 웹사이트 화면을 정확히 보여주기 위해 만든다..

sneakpeekit, 와이어프레임, wireframe, 무료 도안, 휴대폰, 태블릿, 브라우저

웹디자인을 위한 코드를 작성하기 전에 먼저 설계를 해야하는 데, 신속하고 대략적으로 웹 디자인을 하기 위해서 와이어프레임을 한다. 연필과 종이를 이용해 아이디어를 스케치하는 것을 와이어프레임이라고 한다. 와이어프레임을 하는데 도움이 되는 사이트를 소개한다. 모두 무료이다. https://sneakpeekit.com/ Sneakpeekit Sketch Sheets Printable Grids for Design Wireframing sneakpeekit.com 나의 인사이트가 담긴 아이디어를 스케치해보자. 태블릿, 모바일, 데스크탑 등 원하는 화면을 다운로드할 수 있고 zip파일로 다운로드 받으면, 압축파일을 풀어서 인쇄하거나 태블릿에 옮겨서 활용하면 된다. 그리드도 있어서, 편리하다.