메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

음... 제 홈페이지도 곧 'ㅡ';; 열리게 되어버린답니다 ≥ㅁ≤)/
아... 어떤분께서 ;; http://nersion.neocyber21.net/main.htm 이게 아닐까라는 코멘트를;;;
남기셨는데 ㅎ_ㅎ;; 그건 2년전 홈페이지랍뉘당 ;;

아아아앗... 서론이 너무 또 길어버리는군요;;
본론으로 바로바로 -_- 넘어가버리겠습니다.

#03. 홈페이지 짜밍새있는 레이아웃을 구성하려면?

툴다루는 실력은 있는데...
정말 이쁜 이미지들이 많은데...
왜 홈페이지가 조화롭거나 심플하거나 .. 등등;; 그렇게 만들어지지 않을까요?

저번에도 언급했듯이 즉흥적인 홈페이지 디자인은 자칫하면 나쁜 습관을 기르게되고
홈페이지 디자이너로서, 혹은 다른 디자이너로서의 생명이 짧아지고, 실력향상이 저하되게되는 원인입니다.

평소 저는 어울리지않게 조그마한 연습장과 펜은 가방에 항상들어있습니다 -_-a
특히, 홈페이지 디자인을 할때나 혹은 Visual C++ 이나 Visual Basic 같은 툴을 이용하여
프로그래밍을 할때는 필수품이 되어버린답니다.
지하철에서나 혹은 잠깐 피시방에서 즐겁게 카운터스트라이커를 즐길때;;; 종종 머릿속에서 스쳐지나가는
생각들이 있답니다.
엉망인것같아도 우선은 적어둡니다.. 날려적어도 상관없습니다;;;; [ 알아볼정도만;; ]

저도 특별히 홈페이지 디자인감각이 좋다거나 혹은 경력이 퍽 오래되지는 않은 유저..? 입니다.
하지만, 홈페이지 디자이너겸 프로그래머 두가지직업을 구사할수있는 사람이 되기위해서
실천하는 작은 노력인것입니다.

이렇듯이 작은데서부터 차곡차곡 쌓아나가는것이 매우중요한데요..
짜임새있는 레이아웃을 짜려면 대강 아래와같은 일들을 생각해보거나 구상해보는것이 매우 도움이됩니다.

1. 다른 사람의 홈페이지를 둘러본다.
다른 사람들의 홈페이지를 둘러봅니다. 디자인을 하는 방법부터 제각기 다르고 색감도 전혀 다르기때문에
한사람 한사람의 스타일중 내가 맘에드는 장점들은 체크를 해두는게 좋겠지요?

1-1. 프레임을 어떻게 나누었는지 이리저리 고민해봅니다.
정말로 신기하다. 어떻게 이런 프레임이 나오게되었지?
라는 생각이 들때가 상당히 많을껍니다.. [ 아마도;;; 저만그런가 -_-? ]
그때는 그 프레임을 나누는 방법을 생각해봅니다. 노트나 포토샵을켜서 이리저리 프레임을 나누어보곤하죠;;

1-2. 자신이 원하는 스타일을 두루갖춘 홈페이지를 찾았다면 기본적으로 스타일을 조금씩 익혀둡니다.
스타일 카피? 이정도로 생각해두세요.
일단, 나중에 가면 안좋은 습관이 되겠지만 어느정도의 모방은 상당한 발전을 하게되는 계기가 되기도합니다.
단,!!!! ☆★ 너무 잦은 모방은 오히려 실력저하를 찾아오게합니다.. ★☆ [ 무슨 중독광고인지;; ]

2. 시각디자인책, 혹은 디자인 관련 잡지책을 사봅니다.
상당히 고가이지만, 디자인을 할 수 있는 시각을 좀더 높여줍니다.
좀더 멋지게 꾸밀 수 있는 +@ 작용이 바로 디자인 관련 잡지책이랍니다.
하나의 공간에 어떤것을 추가하고 빼느냐에 따른 무게감, 그리고 기본적인 느낌이나 분위기가
달라지는것을 조금씩 알게되는것은 정말로 +@로 그치는것이 아니라 무한 발전기 엔진을 키는효과가 된답니다;
[ 저.. 저도 키고싶군요; ㅠ_ㅜ 이것만큼은 아는 누님한테 배웠지요;;; ]

3. 한국에만 그치는 웹서핑을 하지마세요.
즉, 외국의 수많은 디자인 사이트들을 둘러봐야합니다.
양키! -_-;; 라고 불리우는 족속들은 상당한 웹디자이너 들입니다.
거의다 모든 신기한 이미지 만들기는 외국에서 물건너온것도아니고 정보로 들어온것입니다.
그리고 들어오지않은 수많은 팁과 디자인기법들이 다른 외국에도 존재한다는것을 잊지마세요.
[ 저에게 쪽지를 날리시면;; 자주찾는 사이트 몇가지는 보내드릴께요 ^^;; ]

4. 짧은 시간에 연연하지말고 좀더 여유롭게.
그때그때 즉흥적으로 만들어버린 사이트는 금방 질려버리기 마련입니다.
힘들더라도;; 조금씩 내 최대한의 감각을 살려만들고, 수정을 반복한 사이트가
정말로 오래가고 유명해지는 거랍니다. [ 저또한 이게 부족했기때문에 이모냥이겠지요..? -_? ]

오늘은 여기까지 적어두도록 할께요 ^ㅡ^;;
너무많은걸 실천하려면;; 머리땡기고 그냥 머릿속에서 지워져버리니까요
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
375 버튼 만들기 (1) [8] file 응? 2003.10.19 15751
374 팝아트 틱한 그림 만들기 [11] 제갈승 2002.04.01 15762
373 8 뒷배경 흐리게 하기(아웃포커스 효과) [2] file 박진 2004.07.21 15763
372 [티모시] 오랜만에 ::::::아바타 그리기::::: -얼굴편~_~)/- [11] file 티모시 2003.05.16 15764
371 [포토샵] 그레디언트 효과를 이용한 테두리 있는 글자 [13] file 최석원 2003.08.14 15774
370 [CG] 포토샵에서 CG 를... [34] file Highwind 2002.08.10 15776
369 와와 널 흉내낼수 있어! [21] file 포또알한늽 2003.03.10 15776
368 모자이크효과로 이미지 꾸미기 (허접함) [7] file 태풍주의보 2004.04.16 15779
367 [1분짜리 팁!] 베스트 웹디자인 10계명 -_-; [13] 찐군 2003.01.09 15795
366 테이프로 붙여서 붕 떠있는 느낌 만들기 (너무 거창한듯;;;) [30] file treesung 2003.04.11 15820
365 아쿠아 스타일 초허접 간단 5분만에 찌끄려보기 ㅡㅡ;; [8] file 레쯔 2002.03.25 15825
364 [허접 tip]회전하는 3D 글짜 흉내 내기 [7] gimbob 2003.03.11 15838
» [ All User? ] #03. 홈페이지 짜임새있는 레이아웃 짜기. - 1부 - [6] Nersion 2003.01.15 15873
362 깜빡이게하기☆ [13] file 입픙체리냥♬ 2003.02.27 15896
361 흑백이미지 강조하기 ~ ★ [27] file ho요요 2002.12.19 15953
360 [딴지] - 도트!! 나도 찍어보자!!① [궁전그리기] ~기초부터~ [8] file 딴지 2005.03.21 15963
359 포토샵 7.0 - 25. 포토샵+드림위버+제로보드의 연동 [14] 서기 2005.11.11 15985
358 [나이트리의 포토샵강좌 04] - 패턴이미지로 이미지 채우기 [5] 나이트리 2003.05.15 16009
357 [플래시]마스크효과를 이용한 무비. [8] file 길수님 2002.12.08 16023
356 우아한 테두리 만들기 [4] 문학의향기 2006.08.01 16067