Design concept잡기.

[kimalec]

WizardFactory Introduction.

• Main Title
• Value
• Projects
• Want to Contribute?
• Member

디자인 방향 -> 단순(flat)하면서 그 의미를 정확히 전달하는 디자인
도트보다는 벡터기반 디자인 필요함 -> 사이즈 변경에 강해야 함.(멀티 디바이스 지원)

전체를 포토샵으로 싹 다 만드는 것이 아니라, object별로 가져다가 조합하는 형태로 빠른 생성과 변경에 용이 해야 함. (건축가적인 디자인 요소가 필요함)
http://www.codeply.com/go - bootstrap이라는 Web ui 용 컴포넌트를 가지고 디자인해볼 수 있음.

그 밖에 참고할 프로토타이핑 및 툴
https://facebook.github.io/origami/ - design prototyping
https://www.pixelapse.com - Visual version control for designer
http://www.axure.com - Interactive wireframe software and mockup tool
http://bohemiancoding.com/sketch/ - web 전용 포토샵

[kimalec]

http://www.producthunt.com - 하루에 100개 정도의 새로운 제품이나, 서비스가 소개됨.
http://story.pxd.co.kr - HCI 디자인 스튜디오 블로그

[kimalec]

미션 - 사람들이 알지 못하거나, 인지 못한 것을 현실에 가져오는 것((Better world, Lovable Product, Amazing Service)
추구하는 가치 - 학습하는 조직, 오픈프로젝트, 보기드문 책임감 있는 사람에게 자유를 주자.
제품과 서비스
블로그 싱크 - 여러개의 블로그와 SNS에 한번에 퍼블리싱합니다.
오늘날씨 - 어제날씨와 오늘 날씨는 비교해드립니다.
빠른대중교통 - 목적지로 가는 방법은 여러가지입니다. 지도서비스에서도 수십가지 나오죠. 가장빠른 방법을 알려드립니다.
영수증스캐너 - 영수증을 찍으세요. 가계부로 만들어 드립니다.
함께하자는 제안 - 모험심 강하고, 성장에 목마른 위자드가 되고자 하는 개발자, 디자이너, 어떤 분이든 환영합니다.

[kimalec]

팀원들이랑 이야기 해봤는데, PC, 모바일 두가지 버젼으로도 쉽게 할 수 있을꺼 같아. 그거는 나중에 만나서 설명할께.
http://www.applicat.co.kr/ 여기도 내가 생각했던 방식이란 비슷해. 참고해봐줘.

[kimalec]

웹화면 초안
WebPage1-1
WebPage1-2
WebPage1-3

[kimalec]

모바일화면 초안

[kimalec]

이야기 한대로 MobileScreen 1안의 메인부분과 2안의 나머지부분을 믹스해봅시다. project설명은 제목+2~3줄 정도 설명으로 줄입시다.

[kimalec]

Quadranta라는 폰튼데... 무료폰트야, 저스트왑스도 요폰트로 깨서 이미지화해서 변형한거고...

http://martian36.tistory.com/269

색상코드
235F84
BB4B1D
A72D24
354174
23273C
3E80AF
C7891D

[kimalec]

파비콘3개

[kimalec]

거미 제거하고, 모자는 솥단지로 변경 예정.

screenshot

screenshot without text

mark text position