이런 형태의 디자인은 어떻게 하는게 가장 효율적일까요?

지영천하

· 12년 전 · 조회 2163 2163 · 댓글 4 4

아는 분의 홈페이지를 제작해주게 되었어요.
근데 이분이 좀 화려하고 특이한 디자인을 원합니다.
첨부파일과 같은 꽉찬 디자인을 원하시는데, 어떻게 레이아웃을
잡는게 좋을까요?
가운데 그라데이션만 안들어가도 모니터 해상도 상관없이
작업해보겠는데 그라데이션이 들어가는데다가
중앙에 각 페이지별 컨텐츠들을 이미지로 넣어야 할것같아요.
한 화면에서 스크롤 안생기게 작업해달라는데...

그라데이션 배경을 깔고 컨텐츠들을 png로 삽입하면 좋겠는데
브라우저마다 호환성도 다르구...

만약 여러분이라면 어떤 식으로 작업을 하시겠나요?
나중에 수정도 용이하고 모든 브라우저에서 제대로 나오게 하려면
어떻게 하는게 좋을까요...
고수디자이너분들의 조언 부탁드립니다^^;

#디자이너톡

첨부파일

imsi.jpg (31.9 KB) 13회 2013-04-01 17:04

댓글 4개

cshop2

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

scroll bar 안생기고 어느 해상도/브라우져에서나 gradient 이미지를 ratio 맞춰서 보여주고 (IE8 까지 안맞춰줘도 되면 gradient 를 css 처리해줘도 되지만, 한국은 아직도 IE8 맞춰줘야 하죠?) 이게 전부네요.

무지 쉬운 요구사항이네요. gradiation 이미지만 있으면 5분이면 할듯... ㅠㅠㅠㅠ

http://hackya.com/media/

jistyle

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

전 원페이지 작업을 하면 괜찬을듯하네요.. 메뉴 클릭하면 이미지가 아래에서 위로 휫휫~~ 넘어가는. .
그냥 코딩 하시는것보다 워드프레스로 만들어드리면 빠를듯합니다.

지영천하

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

원페이지면 그냥 통이미지로 말인가요? 그럼 저해상도나 고해상도 모니터에서 봤을때 여백이 생기지 않을까요... 동일하게 꽉차게 표현하고 싶은데 어렵네요...ㅎㅎ 워드프레스는 안만져봐서 모르겠구요..ㅠㅠ 답변 감사합니다.

cshop2

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

제가 얘기를 잘못했네요. 5분이 아니라 1분 조금 넘게 걸리네요. (구글에서 이미지 검색하는 시간 포함해서)

css 한줄이면 되는건데, 뭐가 어려우신건지....

:root {width:100%; height:100%; background: red url(http://www.enough.de/fileadmin/docimport/images/gui-background-radial-gradient.png) center center no-repeat;}

IE8에서는 :root 을 html 로 바꾸셔야겠죠?

이게 어려우시면 문제가 심각하시네요.. -..-;;

http://hackya.com/tutorial/css/temp.htm

팁자료실에서 css 관련글도 읽어 보시고 사이트 만드시기전 일단 기초적인 css 공부부터 하셔야 할듯 생각됩니다.

그리고 여기서 워프 얘기가 왜 나오는지는... 워프가 좋은 CMS 이긴 하지만 css 나 jQuery 랑은 아무런 관련이 없죠........

컴퓨터가 늦어졌는데 어떻게 하면 빠르게 하나요?

윈덱스로 모니터를 닦아 보세요. - 이 얘기하고 똑같은 얘기죠.......

/////////////////////////////////////////////

위아래로 scroll + animate 해주는거는 jQuery 로 이렇게만 작성하면 됩니다.

$(function() {
$('ul.nav a').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
});
});

아니면 이런거 가져다 쓰시던가.

http://johnpolacek.github.com/scrolldeck.js/decks/parallax/

댓글을 작성하시려면 로그인이 필요합니다.

디자인

제목	글쓴이	날짜	조회
급질문좀여!!! [5] #디자이너톡	maniAc 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 928
Light and Dark Free PSD Web Menu [4] #디자인시안	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,701
디자이너 분들만 보시면 되는 글이라서... [1] #디자이너톡	cshop2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,398
이런 메뉴소스 구할 수 있을까요? [3] #디자이너톡	웹라이프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,972
시안공유합니다. [3] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,384
자동차 반응형 메인시안입니다. [118] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 7,446
커뮤니티형 공유합니다. [1] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,837
선박조선 사이트 공유합니다. [3] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 5,114
쇼핑몰시안 공유합니다. [2] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,464
메인시안공유합니다. [2] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 4,534
공유합니다. [1] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,879
웹디자이너의 시간소비 분석 그래프 [10] #디자이너톡	cshop2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,746
디자이너를 위한 멘토링, 디멘토에 초대합니다! #추천사이트	hapd 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,858
6/18, 디자이너들의 소소한 오프모임에 초대해요~ #디자이너톡	hapd 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,192
소셜서브페이지 [2] #디자인시안	달콤커피☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,141
소셜서브페이지 [1] #디자인시안	달콤커피☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,706
소셜서브페이지 [1] #디자인시안	달콤커피☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,459
소셜서브페이지 [1] #디자인시안	달콤커피☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,578
소셜서브페이지 [1] #디자인시안	달콤커피☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,974
소셜서브페이지 [1] #디자인시안	달콤커피☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,590
포스터시안 [1] #디자인시안	달콤커피☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,862
3번째 [71] #디자인시안	JBstyle 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 4,228
2번째~~ [69] #디자인시안	JBstyle 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 4,159
오랫만에 다시올립니다~~ [30] #디자인시안	JBstyle 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,679
컴퓨터 추천 부탁드려도 될까요? [6] #디자이너톡	구름™ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,313
웹디자이너분들께 질문좀요! [15] #디자이너톡	좋은사람우유 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,978
이렇게 만드는 동영상은 얼마정도 드나요 [2] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,209
디자이너는 프로그래밍 분야에 대해 어디까지 알아야하나요? [9] #디자이너톡	ㅁㄴㅇㄹㄹㄹ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,544
일반 회사홈페이지 [4] #디자인시안	지민이생각 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,942
캠프포탈 사이트 메인 [20] #디자인시안	지민이생각 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,720
캠프소개 디자인폼 [2] #디자인시안	지민이생각 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,731
세로 3단 메뉴좀 구할 수 있을까요? [4] #디자이너톡	여행아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,535
모바일 시안 시원하게 ... ~~ ^^ [2] #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,574
노트북 이미지 한번 만들어봤습니다. [3] #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,037
처음으로 글 올려 봅니다. 홈페이지 평가 좀 해주세용 [7] #디자이너톡	ㅁㄴㅇㄹㄹㄹ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,354
회사소개 및 메인에 사용하면 좋을것 같습니다. [4] #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,851
웹디 월 백만원이 황당한 금액이 아니었군요... [5] #디자이너톡	cshop2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,803
디비컷, 오데이같은 웹디자인모음사이트 #추천사이트	수퍼백 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 7,861
움직이는 동적 소스구해여 [8] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,844
혹시 이런스타일폰트 뭔지아시는분? [2] #폰트문의	웹팩토리아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,365
일러스트 오류? 좀 봐주세요. [10] #디자이너톡	여행아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,078
폰트도 저작권에 걸리나요? [2] #폰트문의	개도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,452
무료 웹폰트질문이요 [9] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,449
쇼핑몰 모델 사이즈 #디자인시안	샤샤샷 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,179
html5+css3+jquery 견적비용은어떻게 생각하시나요? [20] #디자이너톡	연탄난로 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,465
부끄러운 내용이지만 경험이 전무한 웹디자이너를 채용했습니다. [10] #디자이너톡	다키짱 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,144
드림위버 CS6의 파일탐색기의 Remote 서버의 한글 파일명이 깨지는 증상이... [4] #디자이너톡	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,952
"사진 도용 고소한다" 누리꾼 협박해 8년간 거액 갈취 [10] #디자이너톡	미소짓는오후 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,851
이런소스를 구하려면 뭐라고 검색을 해야 할까요? [6] #디자이너톡	한번잘해보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,342
이런 형태의 디자인은 어떻게 하는게 가장 효율적일까요? [4] #디자이너톡	지영천하 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,164
프리랜서 디자이너 #디자이너톡	주은맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,785
포탈형 시안공유합니다. [3] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,659
식약청포탈 예전시안공유해요 [3] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,500
유용하게쓰셔요 [4] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,348
서브입니다. [8] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,349
예전작업한 메인서브 나눠서 올립니다. [3] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,592
이런 효과를 뭐라고 하나요? [2] #디자이너톡	김우너석 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,244
동영상 제작 [1] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 957
예전 ttl이벤트시안 #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,104
서브시안 [3] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,860
쇼핑몰 시안 [2] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,022
굳이 플래쉬를 쓰지말아야하는 이유가 있나요? [11] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,641
웹제안서 양식 구합니다 #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,342
나이 30에 웹디자이너 시작할 수 있을까요 [7] #디자이너톡	sey1234 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,955
시안입니다. [1] #디자인시안	아름다운세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,484
시안입니다. #디자인시안	아름다운세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,291
디자인 힘드네요 [8] #디자이너톡	웹디자인되고... 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,327
드림위버 cs6만 키면 노트북이 난리요동을 치네요.. [3] #디자이너톡	Dizz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,190
사이트 비용이 대략 얼마정도할까요? [1] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,143
로그인박스 #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,657
프로필 소개 시안 #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,970
요즘 많이 사용하는 내비게이션 메뉴입니다. [1] #디자인시안	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 2,882
조직도! 수정해서 쓰세요 ^^ [1] #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 3,726
야생동물보호센터? #디자인시안	세븐데이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	조회 1,930
욕 먹어도 좋다! ㅋㅋ 내친김에 웹툰까지... [3] #디자이너톡	홍익플래시 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,022
화장품도매쇼핑몰인데요. [5] #디자이너톡	지윤사랑해 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 3,875
ㅋㅋㅋ 체크무늬 변형하는 방법까지 터득.... [2] #디자이너톡	홍익플래시 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,486
동적인페이지... [2] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,105
심플 로그인 폼 시안입니다. [2] #디자인시안	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 3,446
Css 태그들의 속성이 잘 정리된데가 있을까요ㅠㅠ [5] #디자이너톡	스타일튜브 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,364
로고 만들때 참고하시면 좋은곳 [3] #추천사이트	지민이생각 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 3,048
힘 한 번 줘봤습니다. ㅋㅋ 한계라고나 할까... [1] #디자이너톡	홍익플래시 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,276
png 용량 줄이는 방법! [5] #디자이너톡	홍보기획실 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 6,690
웹표준에 대한 고찰 [4] #디자이너톡	사은쿠폰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,403
면으로 인물 표현하기 첫 작품 완성~!! [5] #디자이너톡	홍익플래시 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,988
요즘 인테리어 공사중입니다. ㅋㅋㅋ [2] #디자이너톡	홍익플래시 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,500
이펙트 [2] #디자이너톡	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,056
색천지 #추천사이트	샤샤샷 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,438
레이어를 이용한 / 창 밖으로 내다보이는 이미지 표현하기 [1] #디자이너톡	홍익플래시 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,787
소셜시안 [6] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,646
예전시안.. [4] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,313
예전작업한사이트 [6] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,676
맥주전문점 시안 [7] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,564
레스토랑시안2 [3] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,218
레스토랑 시안 [3] #디자인시안	또다른세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,134
폰트 가독성 어떻게 해결하시나요? [9] #디자이너톡	daro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 4,261
심플시안 [1] #디자인시안	아름다운세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,044
저 디자이너가 아니라서 궁금한 데요... [12] #디자이너톡	AKASIA 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,417
코카콜라 브라질 #추천사이트	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,726
여행사시안 [3] #디자인시안	아름다운세상 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,705

이전 첫 페이지 다음

글쓰기