메뉴 건너뛰기

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
815 [ Easy ] 빨려들어가는듯한 이미지 만들기 [9] file Nersion 2003.01.23 11508
814 [ 사각셀 : 유기체 ] 오케이케시백 - 진보된 코드/무비 [12] file Fc 2004.02.28 11514
813 [BulRyang]1st. 말풍선 그리기 [8] [Fs]불량 2005.02.15 11515
812 나무 그리기 [15] file dusk 2003.12.10 11520
811 눈덮힌 효과 내기 [1] file 모랑 2005.02.22 11536
810 렌즈 플레어로 불빛 만들기 [7] file Never 2004.07.04 11555
809 [쩌비][팁]포토샵을 더 빠르게 만들어보자! [9] file 쩌비 2002.10.17 11557
808 스프링 만들기~ [13] file Budge,V. 2004.02.05 11557
807 [쓰레기 강좌] nzeo 웹방송 버튼 만들기 [17] file azurespace 2002.10.31 11560
806 [PHOTOSHOP] 눈동자 만들기 -- 제리 [5] file DesignByXery 2004.03.26 11560
805 일명 땜빵기능^-^;;; [11] file 이즈 2004.02.10 11581
804 플랏 아크릴 [15] file 불럽 2006.09.02 11583
803 Component를 활용해서 드래그되는 팝업창 만들기 [1] file gimbob 2002.12.17 11584
802 간단하게 고전풍 이미지 만들어보기// [11] file 돼지털카메라 2004.01.04 11588
801 Lathe 명령으로 그릇 만들기 [4] file 궁금이 2003.03.20 11595
800 테두리가 둥근 아이프레임 홈페이지 만들기(나모편) [2] 로베 2004.05.10 11597
799 플래시,동영상 목록만들기 윤선미320 2007.12.01 11613
798 Smudge툴의 응용..;;; [8] file Smileru 2004.11.26 11628
797 외부필터없이 이미지에 말림효과주기 [15] file 앵두..。 2003.09.29 11641
796 Chals's 핸드폰 도트!!! [27] file 임철수 2002.05.09 11644