IT & CODE 이야기

Mandalart 기획초안 본문

CODE/My Project

Mandalart 기획초안

Karoid 2017. 5. 22. 23:56

Mandarat_2017-05-22.ai

Mandarat_2017-05-22.pdf

디자인 컨셉

심플함, 사적인 느낌

펜으로 그린다는 느낌.
배경의 질감을 종이와 같이, 그리고 글씨체와 선을 그렸다는 느낌을 받도록 하기 위해 명조체와 거친선을 사용해보았습니다.

기획의 컨셉

목표 달성법, 브레인 스토밍에 적합하도록 기능하도록 할 생각입니다.

레이아웃

우선 레이아웃에 대한 고민이 있었는데, 많은 정보를 효과적으로 담기위해서는 탭을 사용하는 것이 좋겠다고 판단하였습니다.

초기화면

목록을 통해서 간단하게 키워드를 선택할 수 있게 하였습니다. 또한 세부 설명을 작성할 수 있게해서 핵심어를 왜 이렇게 선정했는지 기억하기 쉽게 도와줍니다.

기본화면

만다라트의 선택지가 굳이 꼭 8가지일 필요는 없을것 같아서 최소 2가지부터 최대 8가지의 하부항목을 볼 수 있도록 디자인하였습니다. 밑에 네모는 어떤 모양으로 확장될 지를 보여준 것입니다.

여기서 어떤 식으로 디자인 할지가 갈리는데 단순선과 명조체를 이용한 심플함을 강조할 것이냐, 붓으로 그린 선과 명조체로 사적인 느낌을 더할 것인지는 아직 정하지 못했습니다.

DB Schema

CREATE TABLE keyword (
    ID   INT                  NOT NULL,
    name  varchar(32)         NOT NULL,
    description  varchar(255),       
    PRIMARY KEY (ID)
);
CREATE TABLE sub_keyword (
    ID   INT                  NOT NULL,
    name  varchar(32)         NOT NULL,
    keyword_id  int           NOT NULL,
    sub_keyword_id int        NOT NULL,
    FOREIGN KEY (keyword_id) REFERENCES keyword(ID),
    FOREIGN KEY (sub_keyword_id) REFERENCES sub_keyword(ID)
);


Comments