메뉴 건너뛰기

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 48035
815 알람시계 만들기 [6] gimbob 2003.01.15 9576
814 폰트와 픽쳐튜브를 이용한 클래식한 제목 표시줄&테두리 만들기(초급) [4] file 2003.01.15 5479
813 일반디카사진 로모사진처럼 만들기!! [22] file Wings 2003.01.15 9672
812 쓰레기 글자 만들기 [18] file torayo 2003.01.15 7886
811 [ All User? ] #04. 홈페이지 짜임새있는 레이아웃 짜기. - 2부 - [8] Nersion 2003.01.15 11712
810 아래 가이드 선 그리는 것에 대한 보충강의 [5] 리쯔:) 2003.01.15 3750
809 [ Easy ] 가이드선을 나눌때 Shift 키 활용법. [7] Nersion 2003.01.15 10184
» [ All User? ] #03. 홈페이지 짜임새있는 레이아웃 짜기. - 1부 - [6] Nersion 2003.01.15 15873
807 간단하고 심플한 문자디자인.. [8] file Darkness 2003.01.14 12071
806 [ All User? ] #02. 개인홈페이지를 구성해보자. [8] Nersion 2003.01.13 11396
805 브러쉬만으로 흑백이미지 칼라로 바꾸기.. [23] file 엘프º 2003.01.13 5640
804 초간단 염색하기 (다른방법) [24] file puki 2003.01.13 17732
803 [ All User? ] #01개인홈피편. 웹디자인을 좀더 멋지게하려면 - 1부 - [7] Nersion 2003.01.13 6658
802 - 색채우기 단축키 [4] file 푸리 2003.01.13 3177
801 #.....합성으로.....신비한 이미지만들기!!..:..:..:..신비한가....;;..:..:..:.. [17] file 엘프º 2003.01.13 14545
800 액션스크립트를 이용한 쉬운 커튼효과 만들기(수정스크립트설명) [15] 이광민 2003.01.13 16803
799 이름아이콘 만들기(그림자 생기는것) [16] file prettymom 2003.01.12 10808
798 알록달록한 무늬 만들기 [6] file 마리아 2003.01.12 9298
797 이쁜동글이 버튼만들기 [6] file 이광민 2003.01.12 15434
796 [Wesley]크레이지 아케이드 홈페이지 따라하기 [19] Wesley 2003.01.12 8732