메뉴 건너뛰기

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 48026
62 폰트 글씨 분명히하기? 라고 해야하나.ㅡ.,ㅡ [8] newpy 2003.02.14 4892
61 SWISH (스위시) 메인화면 설명 [2] file 아메 2003.02.13 4213
60 [힐링포션의 그림판강의] 명암있는 구체 쉽게 그리기 [18] file Heal.P.XERO 2003.02.12 5965
59 [팁]칼라 팁 세번째 이야기 [7] ECKS 2003.02.08 3295
58 [팁]칼라팁 그두번째 이야기입니다 [6] ECKS 2003.02.07 3086
57 (나모) 그림에 마우스 대면 아래에 서브메뉴 뜨게 하기 [30] Probe 2003.02.06 11329
56 그림판으로 포토샵처럼 브러시를 끼워넣자 [#그림판강좌] [7] file Probe 2003.01.30 6658
55 [페인터] 미로만들기=_=~ 길도 찾아준답니다;; (*_*페인터 첫강좌!!) [5] file 야로-_-v 2003.01.22 4042
54 1024x768,IE 6.0에 최적화 되었습니다. 라는말은 쓰지마라! [46] Smileru™ 2003.01.19 6487
53 #07. 홈페이지의 분위기 극대화시키기. [13] Nersion 2003.01.19 7747
52 [ All User? ] #06. 나 자신을 돌아보기. [11] Nersion 2003.01.18 6482
51 [ All User? ] #05. 형식 벗어나기 - 1부 - [14] Nersion 2003.01.16 3373
50 [ All User? ] #04. 홈페이지 짜임새있는 레이아웃 짜기. - 2부 - [8] Nersion 2003.01.15 11712
» [ All User? ] #03. 홈페이지 짜임새있는 레이아웃 짜기. - 1부 - [6] Nersion 2003.01.15 15873
48 [ All User? ] #02. 개인홈페이지를 구성해보자. [8] Nersion 2003.01.13 11396
47 [ All User? ] #01개인홈피편. 웹디자인을 좀더 멋지게하려면 - 1부 - [7] Nersion 2003.01.13 6657
46 [제 1강 : POV-RAY 에 대해서 알아보자... ] [30] 시진 2003.01.07 3345
45 [HomePage Step] 홈페이지의 제작단계 [12] ZipShin 2002.12.27 8325
44 그래픽 파일 포맷에 대하여 [5] ZipShin 2002.12.06 3155
43 플래시 커튼효과할때 [10] Dearvil 2002.12.04 7733