• 북마크
  • 1:1문의
  • 새글
  • 회원가입
  • 로그인

팁 & 테크

  • Home
  • 스터디
  • 팁 & 테크

사이트 개발에 도움이 되는 디자인 문서

1,910 2015.05.23 19:05

첨부파일

짧은주소

본문

개인적인 사이트 개발을 몇번 해 보면서 디자인 툴을 몇가지 사용해 보았습니다

 

하지만, 생각만큼의 성능을 발휘하기 어렵더군요

 

그래서 매번 스크린샷 후 그림판에 붙여놓고 잘라넣기 신공을 씁니다

 

물론 제 마음대로 꾸밀 수 있기에 직관적이고 상당히 효율적이더군요

 

최근 작업을 하면서 새로운 이윰 테마 관련 디자인 문서를 만들면서 어차피 이 곳에서 테마를 구매하거나 기본형을 사용하시는 분들도

 

같은 레이아웃에서 디자인을 고민하시게 되지 않을까 생각이 들어

 

일단 제가 만들고자 구매한 커뮤니티 테마 기반으로 기본 디자인 문서를 대략적으로만 만들어 공유해 드리고자 합니다

 

만약 이윰 관리자분께서 문제가 된다 생각하시면 글을 삭제하셔도 될 것 같습니다

 

그럼 이윰을 사용하시는 모든 분들이 효율적인 작업을 하시길 바라며 좋은 하루 되세요 ^^

0
좋아요!
1
- red123 메일보내기 아이디로 검색 - 회원등급 : 새싹/Level 10 - 포인트 : 2,792
레벨 10
경험치 10,166

Progress Bar 59%

- 가입일 : 2015-03-16 21:00:17
- 서명 :
- 자기소개 :
댓글목록

shadow님의 댓글

좋은 정보 감사합니다.
저같은 초보자에겐 큰 힘이 될 것 같습니다.

축하합니다. 첫댓글 포인트 63포인트를 획득하였습니다.

red123님의 댓글

아닙니다 ^^ 더 좋은 문서를 공유해 드리면 좋겠는데 제가 부족해서 이것밖에 안되네요

차후 업데이트가 되는대로  또 공유해 드리도록 하겠습니다 ^^

저도 미약하나마 도움이 되고 싶어서요

자이언트님의 댓글

엑셀 파일에 각 section 들을 이쁘게 배치해 놓으셨네요.
사용법도 설명을 해 주시면 감사하겠습니다.

축하합니다. 지뢰폭탄 포인트 53포인트를 획득하였습니다.

red123님의 댓글

사용방법은 쓰기 나름입니다

저는 이런 방법을 사용합니다

1. 이미지를 모듈화로 붙어놓은 각 디자인 시트는 원하는 기능을 다른 곳에서 확인하여 스크린 캡쳐 후 잘라내어 교체합니다.
 예를들어 메인 디자인의 일간베스트 부분의 모듈 부분에 일정 시간마다 돌아가는 배너를 넣고싶다면 해당 이미지를 구하여 교체합니다

2. 해당 이미지를 교체하였다 하더라도 기능이 무엇인지 알 수 없습니다. 이에 말풍선을 옆에서 삽입하여 간단한 기능설명과 함께 디자인 정의 테이블에 정의될 코드를(대분류 + 중분류 + 소분류) 밑에 적어 둡니다

3. 디자인 정의 테이블에 예시로 데이터를 몇개 넣었습니다 예를 들어 메인 디자인 시트의 헤더 상단메뉴의 즐겨찾기 부분에 대해 기능이나 디자인 변경을 원할시 해당 위치에 말풍선을 가까이 삽입합니다 코드는 A0 + a0 + 1 = A0a01의 코드 번호가 될 것입니다.

4. 목적은 해당 아이콘, 링크 등의 목적을 적고 기능은 클릭/가져다 놓기 등의 이벤트가 있을 때 어떤 동작을 하는지를 적습니다.

5. 관리자 모드는 해당 기능을 관리할 필요가 있을 때 (코드로 매번 수정할 것이 아니라) 관리자 모드에 어떤식의 기능이 들어가 연동이 되면 좋을지 정의해 놓습니다.

궁굼하시거나 제안이 있으면 말씀해 주시면 좋을것 같습니다 물론 각자 개성있는 문서디자인을 업데이트하여 이곳에 새로이 업로드하시면 또 좋지 않을까 생각됩니다

자이언트님의 댓글

아... 그러니까.
작업에 앞서 레이아웃 디자인을 모듈화하여
쉽게 기능 및 형태를 확인할 수 있겠군요.

좋은 자료 공유해 줘서 고맙습니다.

티보리님의 댓글

정말 감사합니다.

축하합니다. 지뢰폭탄 포인트 57포인트를 획득하였습니다.

joosam님의 댓글

좋은 자료 고맙습니다~~

강건마님의 댓글

저같은 초보에게 많은 도움이 되네요ㅎ

Total 123건 3 페이지
번호 제목 글쓴이 날짜 추천
열람 red123 아이디로 검색 2015.05.23 1,911 0
82 l2zeo 아이디로 검색 2015.05.23 2,090 1
81 티보리 아이디로 검색 2015.05.21 1,544 0
80 maxform 아이디로 검색 2015.05.21 2,746 0
79 maxform 아이디로 검색 2015.05.21 1,568 0
78 이윰넷 아이디로 검색 2015.05.21 1,600 0
77 fm25 아이디로 검색 2015.05.20 2,328 0
76 fm25 아이디로 검색 2015.05.20 3,637 2
75 shadow 아이디로 검색 2015.05.20 1,708 1
74 비즈팔 아이디로 검색 2015.05.17 2,164 0
73 티보리 아이디로 검색 2015.05.11 1,783 1
72 fm25 아이디로 검색 2015.05.07 2,110 0
71 shadow 아이디로 검색 2015.05.06 4,387 0
70 비즈팔 아이디로 검색 2015.04.30 4,815 0
69 fm25 아이디로 검색 2015.04.29 2,057 0
68 shadow 아이디로 검색 2015.04.28 3,237 1
67 fm25 아이디로 검색 2015.04.25 3,117 0
66 shadow 아이디로 검색 2015.04.24 2,602 3
65 비즈팔 아이디로 검색 2015.04.24 3,237 2
64 fm25 아이디로 검색 2015.04.23 2,290 2
LOGIN
사이드 메뉴

최신글이 없습니다.

최신글이 없습니다.

출석 랭킹

오늘의 랭킹

회원사진

닉네임

개근왕

최다1위

shadow shadow
Ranking

    출력할 랭킹이 없습니다.

  • 01 shadow
    674,374
  • 02 신비
    335,419
  • 03 가을하늘
    204,735
  • 04 mame
    202,630
  • 05 이윰MOUNT
    199,181
  • 06 미스코리아
    163,939
  • 07 레오나르도
    147,576
  • 08 테크니션
    142,655
  • 09 이윰IN
    135,258
  • 10 비온뒤맑음
    127,882
  • 01 shadow
    28,938
  • 02 joosam
    23,606
  • 03 티보리
    21,954
  • 04 홍인
    18,644
  • 05 레오나르도
    18,088
  • 06 이윰IN
    17,983
  • 07 도깨비
    16,614
  • 08 이윰EGG
    16,105
  • 09 자이언트
    14,698
  • 10 미스트
    14,379