프로젝트를 합니다 (10) 썸네일형 리스트형 첫번째_1 디자인 구상 1. 디자인 구상 스킨의 기본적인 컨셉과 레이아웃을 잡아준 뒤 크기, 위치, 색상 등을 정해 컨텐츠를 배치해준다. 손으로 간단하게 스케치하거나 파워포인트, 포토샵 등을 이용해서 보다 구체적으로 만들어도 좋다. 이 스킨을 만들 때는 Adobe XD를 사용했다. 전체 레이아웃 및 컨셉 전체 레이아웃을 잡는다. 스킨 전체적으로 공유하는 헤더(Header), 메뉴(Menu), 사이드 바(Sidebar), 바디(Body), 푸터(Footer) 등의 존재 여부와 위치, 대락적인 부피를 정해주면 좋다. 레이아웃은 1단형, 왼쪽 위의 아이콘에 Side bar를 숨기는 형식 메뉴는 없애거나 sidebar 안으로 위치 헤더와 푸터는 최소화 헤더에는 사이드바 아이콘과 글제목 푸터에는 copyright정도만 표기 메인 글은 .. 첫 티스토리 스킨 만들기 잡소리 처음 티스토리 블로그를 만들었을 때, 각자의 테마를 한가득 담고 있는 티스토리 블로그들이 부러웠다. 하지만 내가 원하는 것을 전부 딱 갖춘 스킨은 당연히 존재하지 않았고 당시 나는 포토샵이나 조금 만질 줄 알지 코딩에 대해서는 아무것도 몰랐기 때문에 스킨을 수정하거나 만든다는 것은 시도할 생각조차 하지 못했다. 약간의 눈치로 상단 메뉴만 내 카테고리에 맞춰서 주먹구구식으로 바꿨고 그 상태로 방치. 그렇게 처음 웹 코딩을 배워보고 싶다고 생각했었다. 그리고 드디어, HTML, CSS, JavaScript를 어느 정도 배운 지금, 티스토리 스킨을 만들어보려고 한다. 스킨 자체를 만들어보고 싶기도 했지만 기본적인 기능이 티스토리 자체적으로 구현이 되어있기 때문에 최소한의 외적 지식으로 알고있는 것들을 .. 이전 1 2 다음
