[리서치자료]모방은 창조의 어머니이다...

저는 금속공방 웹사이트를 만들어 보려고 합니다.  우선 intro 에서는 작업하는 영상이 흐르게 하고 skip이나 enter를 누르면 메인페이지로 이동하는 형식으로 하고 싶습니다. <img src="https://t1.daumcdn.net/cfile/cafe/26699E36582A6AE901" class="txc-image" width="813" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="813" data-filename="codes-combine.co.kr.jpg" exif="{}" id="A_26699E36582A6AE901E173"/>  사람들의 흥미를 사로잡을 만한 영상이 흐르게 될거에여...  화면에 꽉 차지 않게 조금 작은 사이즈로 보여주는 것도 괜찮을 것 같아요.. <img src="https://t1.daumcdn.net/cfile/cafe/2131F134582A6B8A06" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" data-filename="2016-11-15 10;46;50.jpg" exif="{}" id="A_2131F134582A6B8A062C55"/> 겐조 사이트인데 디자인이 마음에 들어서 메뉴부분을 비슷하게 해보려고요...아래로 스크롤을 하면 사진이 스토리 형식으로 나열되어 있는데 이 부분도 인상깊었습니다.여기에서 고안하여 저는 메인사진을 공방 스케치로 하고 공방의 대문이나 캐노피, 계단 등을 클릭하여 들어가면 금속으로 만든 작품사진들을 이야기형식으로 볼수 있도록 꾸며놓을 거에요.물론 메뉴의 갤러리를 클릭하면 카테고리도 나뉘어 있고 더 자세한 디테일 샷도 볼수 있게끔 할것입니다. <img src="https://t1.daumcdn.net/cfile/cafe/24784B3B582A6FDA0B" class="txc-image" width="605" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="605" data-filename="2016-11-03 12;16;03.jpg" exif="{}" id="A_24784B3B582A6FDA0B869B"/> <img src="https://t1.daumcdn.net/cfile/cafe/232E7333582A6FFB14" class="txc-image" width="637" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="637" data-filename="2016-11-03 12;16;20.jpg" exif="{}" id="A_232E7333582A6FFB14A7AD"/> <img src="https://t1.daumcdn.net/cfile/cafe/22424D36582A703033" class="txc-image" width="687" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="687" data-filename="withyoon.com.jpg" exif="{}" id="A_22424D36582A7030330510"/>   쇼핑몰처럼 상단메뉴도 깔끔하게하고... <img src="https://t1.daumcdn.net/cfile/cafe/24326535582A70740F" class="txc-image" width="191" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="191" data-filename="2016-11-04 10;28;28.jpg" exif="{}" id="A_24326535582A70740FDADC"/>  로고는 이 사람꺼가 마음에 들어요...다들 모루를 많이 응용하더라고요.. <img src="https://t1.daumcdn.net/cfile/cafe/226FDC39582A70E91F" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="sssart.net.jpg" exif="{}" id="A_226FDC39582A70E91F0258"/>   세번째 공간이라는 사이트....   내용도 풍성하고 본받을 만 하더라구요.   메뉴 정하는 거나 하단주소록을 참고했어요... <img src="https://t1.daumcdn.net/cfile/cafe/2470A73C582A71841B" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="chulman.com.jpg" exif="{}" id="A_2470A73C582A71841B248F"/> <img src="https://t1.daumcdn.net/cfile/cafe/22707F3C582A71841B" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="com2n.com.jpg" exif="{}" id="A_22707F3C582A71841BF2F7"/> <img src="https://t1.daumcdn.net/cfile/cafe/236F7C3C582A71851E" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="danjo.co.kr.jpg" exif="{}" id="A_236F7C3C582A71851E71C4"/> <img src="https://t1.daumcdn.net/cfile/cafe/227F1A3C582A71850E" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="tazale.co.kr.jpg" exif="{}" id="A_227F1A3C582A71850EC430"/>  다른 공방사이트 들이고요...  아래에는 참고한 디자인들 몇개 더 올려봅니다.  이제 썸네일 스케치로 고고씽!! <img src="https://t1.daumcdn.net/cfile/cafe/21463037582A72D011" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="2016-11-03 12;17;15.jpg" exif="{}" id="A_21463037582A72D0111AE9"/> <img src="https://t1.daumcdn.net/cfile/cafe/22357537582A72D11F" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="crown.co.kr.jpg" exif="{}" id="A_22357537582A72D11FC454"/> <img src="https://t1.daumcdn.net/cfile/cafe/2630BB37582A72D324" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="eland.co.kr.jpg" exif="{}" id="A_2630BB37582A72D3240A52"/> <img src="https://t1.daumcdn.net/cfile/cafe/262F7E37582A72D325" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="innisfree.co.kr.jpg" exif="{}" id="A_262F7E37582A72D325B224"/> <img src="https://t1.daumcdn.net/cfile/cafe/2541EA37582A72D515" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="jeanpaulgaultier.com.jpg" exif="{}" id="A_2541EA37582A72D5151409"/> <img src="https://t1.daumcdn.net/cfile/cafe/2433F737582A72D821" class="txc-image" width="600" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="600" data-filename="mandmsae.com.jpg" exif="{}" id="A_2433F737582A72D821B8A0"/>