3월 29일 팁입니다.

Tip 2011/04/04 16:38
사이트

http://www.mokstore.com/site/index

http://www.concept-phones.com/

http://grid-based.com/

http://www.mobileok.kr/web/index.php

http://www.typographyserved.com/

http://thedesigninspiration.com/

http://gradients.glrzad.com

http://www.pentagram.com/work/#/all/all/newest/

프로그램

FLAIRSKIN
FLEX 가변이 필요한 이미지 가변적으로 바꿔주는 CSS 자동생성

3월 8일 팁입니다.

Tip 2011/03/08 18:11
추천도서

말도 안되는 디자인 규칙들

미라이짱


추천사이트

www.freestocktextures.com
무료 textures 사이트

www.designliteracy.com
 디자인관련사이트

www.webdesignerwall.com
디자인 관련 블로그

www.auxo.co.kr
디자인 관련 블로그

html5gallery.com
html5사이트

www.good.is
디자인관련사이트


2월 23일 팁입니다.

Tip 2011/02/23 17:46
사이트

www.iconlet.com
아이콘이미지 사이트

googleartproject.com
구글 세계박물관 사이트

www.trio.co.kr
html퍼블리싱 관련 사이트

ventilate.ca
이미지사이트

yankodesign.com
각종디자인 관련 사이트

mobliecast.co.kr
모바일어플리케이션의 디비컷

waf.seoul.go.kr
서울 ui가이드 사이트


http://www.designerstoolbox.com/designresources/safearea/
각웹브라우저 테두리 제공사이트


http://blog.naver.com/erogaroo?Redirect=Log&logNo=60093433455
유명웹어워드를 한데 모아둔 블로그 입니다.(블로그가 없어질때를 대비해서 긁어 놓았습니다.)

Favorite website awards
http://www.thefwa.com/

Dope awards
http://www.dopeawards.com/

Design Licks
http://www.designlicks.com/

Best Web Gallery
http://bestwebgallery.com/category/flash/

Design Flavr
http://www.designflavr.com/category/flash/

Design Snack
http://www.designsnack.com/

101 best websites
http://101bestwebsites.com/category/flash

Inspiration Up
http://inspirationup.com

Website Design Awards
http://websitedesignawards.com/index.php/category/flash-gallery/

Spyline
http://spyline.de/section/flash

Creative Website Awards
http://www.creativewebsiteawards.com/

Mowsnet Web Awards
http://www.mows.sk/awards/index.php

iBlog
http://iblog.chubzz.com/

Another Bookmark
http://anotherbookmark.com/

Refresh links
http://refreshlinks.org.uk/

Flash in the pan
http://www.flash-in-the-pan.org/

Flash Blasted
http://flashblasted.com/

Flash Galleria
http://www.flashgalleria.com/

New Web Pick
http://www.newwebpick.com/

첨부파일은 은혜과장님이 주신 브라우저 해상도 변경 프로그램 입니다

2월 8일자 팁입니다.

Tip 2011/02/09 16:38

uirss.com
중국의 디비컷같은 사이트

bakdergisi.com
이미지 사이트

716.co.kr
폰트사이트

what the font
아이폰 어플리케이션

whatfontis.com
글자 폰트 인식 사이트

util.clearboth.org
css 관련사이트

* 다음이나 네이버에 있는 영화 배너같이 마우스 오버 하거나 클릭하면 화면 중앙에서 
  다른 플래시 나오는 소스

html코딩시 먼저 다른 프래시가 나올 위치에 div를 만들어서 코딩한후

<head>안에  

<script language="javascript">
function ViewMenu2() {  document.getElementById("dv_over2").style.display = "inline"; return false; }
function CloseMenu2() { window.location.reload(); }</script>

써주고 <body>안에 만든 div에 id="dv_over2" 써줍니다.
레이어 팝업 만드는 원리랑 같은데 다른점은 플래시버튼에서 자바스크립트를  실행시킨다는 것입니다.
플래시의 해당버튼에 다음과 같이 써주면 됩니다.
on(release){getURL("javascript:void(ViewMenu2(dv_over2))");

1월 25일 팁입니다.

Tip 2011/01/25 18:34
http://html5.clearboth.org/mwbp  모바일 웹관련사이트

theshado.com   캘리그라피를 쉽게 만들 수 있는 사이트

dcollector.co.kr   이미지사이트

10steps.sg  이미지 및 웹관련 기사사이트

abduzeedo.com  이미지사이트

www.naradesign.net/onif/   html5관련사이트

http://www.sinbd.com/index/hompy/  웹관련사이트 참고자료 레이아웃 가이드

1월 18일 팁입니다.

Tip 2011/01/25 18:26
사이트

www.behance.net  이미지 사이트

poxor.com/editor/  클라우드 포토샵 같은 사이트

spoon.net  크로스브라우징 관련 사이트

colourlorers.com  

첨부파일
 
color guide 소스 

웹표준에 맞게 플래시 삽입하기

<!-- 메뉴플래시 시작-->
<object type="application/x-shockwave-flash" data="../resources/swf/mainmenu.swf"  width="355"  height="40"> &#9;&#9;&#9;<param name="movie" value="../resources/swf/mainmenu.swf" /> &#9;&#9;&#9;<param name="wmode" value="transparent" /><!-- 배경을 투명하게 -->&#9;&#9;&#9;메뉴플래시<!-- object 에 사용된 내용을 간결하게 -->&#9;&#9;&#9;<img src="../resources/img/@temp_maintxt.png" width="355" height="40" alt="메뉴플래시" />                        <!-- object 작동 불능시 대체 -->&#9;&#9;&#9;</object> <!-- 메뉴플래시 끝-->

2011년 1월 14일 Tip

Tip 2011/01/17 14:03
유용한 사이트팁
 
www.designlinkdatabase.net
국내의 디비컷같은 일본사이트. 여러종류의 해외사이트들(주로 일본)을 볼 수 있음.
 
www.tlbox.com 
html, css등의 코드 소스들을 구할 수있는 사이트.

http://ffffound.com
여러 이미지들을 볼 수 있는 사이트.

http://prezi.com/
프리젠테이션 효과를 아이페드로 볼 수있는 사이트.

http://webstream.co.kr
브러쉬, shap자료 및 html,css등 다수의 팁을 제공

http://www.sxc.hu/
외국 무료 이미지 사이트.

http://www.webdesignerdepot.com
웹관련기사 사이트

프로그램 팁.
아이폰4용 이미지 제작시 자동으로 아이폰3에 맞춰줌.

문서 팁
html5 참고 문서
버튼 샘플psd

ITMedia, 2009/12/08

휴대단말의 고기능화에 따라 증강현실(AR, augmented reality)의 채용도 점차 확산되고 있다. 시장조사업체 ABI Research는 AR 시장의 매출액이 2008년의 600만달러에서 2014년에는 3억5,000만달러 이상으로 확대될 것이라고 전망했다.

AR은 가상현실(VR, virtual reality)과는 달리 현실세계의 영상과 컴퓨터 그래픽을 중첩시켜서 표시하는 기술이다. 예를 들어 거리상에서 카메라와 GPS 센서 등 다양한 기술이 탑재되어 있는 휴대폰의 카메라를 특정 방향으로 가리키면 그 근방에 있는 거리와 건물의 과거 영상이 중첩되어 표시되는 방식이다.

네덜란드의 모바일AR 개발업체인 Layar는 AR의 보급을 확산시키고 있는 주요 벤더 중 하나이다. Layar의 회사명과 동일한 이름으로 제공되는 서비스 ‘Layar’는 애플의 iPhone 3GS 외에 Android폰에서도 이용할 수 있다.

동 사의 공동창업자인 Claire Boonstra는 4일 네덜란드에서 개최된 기술포럼에서 "거리를 지나다가 문득 그 장소가 과거에는 어떤 모습이었을 지를 볼 수 있다면 매우 근사할 것이다. 이는 지금까지 경험할 수 없었던 새로운 장소에 초능력으로 이동하는 것과 같다"고 말했다. 그는 AR의 활용법으로서 비틀즈의 연고지를 안내하는 런던투어 외에 디지털 작품을 거리상에 전시하거나 보드블럭을 이용해서 게임을 즐기는 등의 이용scene을 소개했다.

사실 AR은 최신기술이 아니라 이미 15년 전부터 이용되어 왔던 기술이다. 특히 방송사들이 수영경기에서 국가대표 선수들의 경기영상을 각 레인에 중첩시켜 표시하는 등의 방송기법은 이미 보편화 되어 있다. 또한 소니와 MS 등 게임업체들도 양방향성을 높이는 수단으로서 AR 기술을 이용하고 있다.

이처럼 전문분야에서만 이용되어 왔던 AR은 높은 처리능력과 접속속도를 구현하는 휴대단말이 보급됨에 따라 활용용도도 넓어지고 있다. 특히, 광고 분야에서의 활용이 진척될 것으로 예상된다. 광고주들은 특정 장소나 유저와 관련이 있는 디지털영상과 객체 등을 광고에 삽입함으로써 자사의 서비스와 상품 마케팅에 AR 기술을 이용할 수 있다.

가상현실 [, virtual reality]

사용 목적은 사람들이 일상적으로 경험하기 어려운 환경을 직접 체험하지 않고서도 그 환경에 들어와 있는 것처럼 보여주고 조작할 수 있게 해주는 것이다. 응용분야는 교육, 고급 프로그래밍, 원격조작, 원격위성 표면탐사, 탐사자료 분석, 과학적 시각화(scientific visualization) 등이다.
구체적인 예로서, 탱크·항공기의 조종법 훈련, 가구의 배치 설계, 수술 실습, 게임 등 다양하다. 가상현실 시스템에서는 인간 참여자와 실제·가상 작업공간이 하드웨어로 상호 연결된다. 가상현실 시스템에서는 가상적인 환경에서 일어나는 일을 참여자가 주로 시각으로 느끼도록 하며, 보조적으로 청각·촉각 등을 사용한다.

증강현실 [, augmented reality]

실세계에 3차원 가상물체를 겹쳐 보여주는 기술.

사용자가 눈으로 보는 현실세계와 부가정보를 갖는 가상세계를 합쳐 하나의 영상으로 보여주는 가상현실의 하나이다.

현실세계를 가상세계로 보완해주는 개념인 증강현실은 컴퓨터 그래픽으로 만들어진 가상환경을 사용하지만 주역은 현실환경이다. 컴퓨터 그래픽은 현실환경에 필요한 정보를 추가 제공하는 역할을 한다. 사용자가 보고 있는 실사 영상에 3차원 가상영상을 겹침(overlap)으로써 현실환경과 가상화면과의 구분이 모호해지도록 한다는 뜻이다.

 

- 출처 : ⓒ 두산백과사전 EnCyber & EnCyber.com -

 

아이폰과 안드로이드폰 출시로 스마트폰 각축전이 벌이지고 있는 가운데, ‘증강 현실(Augmented Reality)’이라는 정보를 제공하는 스마트폰 애플리케이션들이 화제다.

‘증강 현실’이란 현실에 존재하지 않은 정보를 보여주는 ‘가상 현실’과 실제 환경에 가상의 정보를 부가해 주는 것으로, SF영화나 만화에서 등장할 법한 기술이다.

예를 들어, 휴대전화 카메라 화면을 세종문화회관에 비추기만 하면 세종문화회관 예약전화 연결, 세종문화회관 홈페이지 연결, 공연 관련 인터넷 사이트 검색이 가능하다. 즉, 문자를 입력해 검색하던 기존 인터넷 검색 방식과 달리, 기본 정보가 없어도 사물 기반으로 관련 정보 검색이 가능해진 것이다.


그러다보니 스마트폰 애플리케이션을 개발사들은 앞다투어 ‘증강 현실’ 정보를 제공하는 애플리케이션을 출시하고 있다. 주변의 지하철역, 커피숍, 영화관 등을 알려주는 애플리케이션부터 하늘에 비추면 그 방향에 있는 별자리 정보를 제공하는 애플리케이션 등 다양한 애플리케이션이 있다.

SK텔레콤 오픈 마켓인 T스토어를 통해 무료로 제공되고 있는 ‘오브제(Ovjet)’ 역시 대표적인 ‘증강 현실’ 애플리케이션. 모토로이, 삼성전자 안드로이드폰 등 SK텔레콤의 안드로이드 단말기에 무료로 제공될 예정인 ‘오브제’는 사용자의 휴대전화 카메라로 보는 실제화면 위에 실시간으로 다양한 정보를 결합해 보여주고 있다.

명동과 같은 많은 인파와 복잡한 상가 밀집 지역에서도 스마트폰 카메라로 명동 거리의 다양한 카페, 음식점, 극장 등의 정보를 빠르고 쉽게 확인할 수 있었다.

특히 ‘오브제’는 건물내 영화관이나 맛집을 검색하면 건물내 영화관이나 맛집을 검색하면 다른 사용자가 남긴 댓글을 바로 확인하거나 글을 남길 수 있으며, 사용자 제작 콘텐츠(UCC)를 지원해 사용자가 직접 건물이나 매장•장소 등을 등록하면 즉시 데이터베이스화 해 다른 사용자도 해당 정보를 활용할 수 있게 된다.


- 출처 : 세계닷컴(www.segye.com) -

증강현실(AR)과 가상현실(VR)로 만든 모델하우스·자동차 모형 등의 콘텐츠가 새로운 마케팅 수단으로 떠오르고 있다.

AR·VR을 활용한 콘텐츠는 특히 건축·유지·폐기 비용이 절감되고 다양한 평형의 모델이 제작가능해 건설분야에서 활용도가 높다.

최근 삼성 래미안은 대구 봉덕에 짓는 아파트 190.50㎡ 모델에 VR로 만든 e모델하우스를 선보였다. 발코니 확장 모델 등 기존 모델하우스에서 보이지 못하는 부분을 VR로 구현했고, 일정 사양 이상의 컴퓨터만 있으면 언제든 접속해서 볼 수 있도록 했다. 양윤경 삼성 래미안 대리는 “모델하우스에서 보여주지 못하는 평수를 실제처럼 체험하게 해 고객 반응이 좋다”며 “향후 다른 지역까지 확대할 계획”이라고 밝혔다.

 현재 서울 시내에 건축 중인 한 주상복합건물 역시 별도의 모델하우스를 짓지 않고 VR을 활용한 e모델하우스만 제공한다는 계획이다.


지난해 10월 중국 북경에서 열린 ‘PT/엑스포차이나 2007’에서는 SK텔레콤의 해외망을 설명하는 브로셔에 AR을 활용했다. 지난 11월 코엑스에서 열린 ‘RFID/USN KOREA 2007’ 전시회에서도 SK텔레콤이 설명회를 열면서 AR로 만든 콘텐츠를 이용했다. AR은 VR과 달리 실제 환경을 바탕으로 해 3D 콘텐츠를 보일 수 있다는 것이 가장 큰 특징이다. 해외에서는 모터쇼·산업디자인 등에서 활발히 활용되고 있다.

시각효과 전문기업인 인디펜던스는 오는 4월 부산에서 열리는 부산모터쇼에서 AR을 활용한 자동차 모델을 선보일 계획이다.

박영민 인디펜던스 상무는 “과거에는 AR이나 VR 구현에 고가의 컴퓨터 필요해 국방 시뮬레이션 등 전문 영역에서만 사용됐지만 이제 일반적인 컴퓨터도 고사양 그래픽 구현이 가능해 산업적 활용이 늘 것으로 본다”고 말했다.

출처 : http://cafe.naver.com/81th.cafe?iframe_ ··· id%3D609