화면설계 2

기획 및 화면 설계 (디자인 마켓플레이스 프로젝트)

디자인 마켓플레이스 프로젝트를 드디어 시작했다. 노션에서 러프하게 기획을 진행하고  DB 구성요소들을 대략 짜보았다.   그리고 피그마에서 각 화면에 대한 대략적인 설계들도 진행했다.  디테일한 기획은 개발을 진행해가면서 계속해서 추가 보완을 해나갈 생각이다.이전에 몇몇 프로젝트를 진행해보니 나름 아무리 기획을 꼼꼼하게 잡더라도 결국 실질적인 개발이 이루어지다보면계속해서 기획이 틀어지고 변경되는 경우를 많이 목격했다. 그래서 너무 완벽한 기획을 하고 프로젝트에 들어가는 것 보다는큰 뼈대는 제대로 잡고 디테일 한 부분은 개발을 해가면서 추가 보완 해나가는 것이 좋다고 생각한다.그게 일반적인 스타트업들에서 이야기하는 애자일 방식이 아닐까. 다음주부터 개발 시작!

html+css를 이용한 러프한 화면 구획 (서울시 유치원 정보 사이트 프로젝트 ep.1)

지난주에 와이어프레임으로 구성해본 기획안을 간단하게 html+css를 통해 화면 구획을 진행해보았다. 내 본업이 디자이너이긴 하지만 나의 개발 프로젝트들의 경우 개발 능력 향상과 기능 구현에 좀 더 큰 목적을 두고 있기 때문에 먼저 이런식으로 html+css로 러프하게 구획 설정으로 대략적인 구조를 잡고 기능 기발을 진행한 후에 그에 맞는 ui 디자인을 하는게 훨씬 더 효율적이었다. (아직 초보이다보니 디자인 열심히 다듬어놓고 기능구현이 안되면 다시 갈아엎어야 하기에…ㅜㅜ)   화면 구획은 css의 flex로 거의 진행하는 편이다. 반응형 디자인이나 간격조정에 가장 효과적이기 때문이다. (뭔가 div로 계속 감싸줘야한다는 단점은 있는듯하다;)div class="detail-basic"> div class..