본문 바로가기

처음에이전시/모바일사이트 제작

최적화된 해외 모바일 사이트



모바일 사이트 제작은 처음부터 스마트폰 내에서만 볼 수 있게 제작 되는 형태로 많이 들 알고 계시지요?


꼭 따로 만들기 보다는 아예 처음부터 웹사이트를 제작할때부터 모바일에서도 스마트폰 크기에 맞게 보일수 있게 제작이 가능합니다. 

이것을 바로 반응형 웹디자인(responsive web design)이라고 합니다.

사용자의 화면 크기와 브라우저에 따라 사이트의 모양과 이미지 크기 등이 바뀌어서 어떤 디바이스와 운영체제에도 잘 반응 하여 적응 하는 웹 디자인입니다.



반응형 웹디자인의 해외 사이트들이 있습니다. 








1. UPPERDOG (http://upperdog.se/)




웹사이트



모바일 사이트 





모바일 사이트 뿐 아니라 웹사이트에서도 브라우저 크기에 맞춰 사이트가 매끄럽게 변경되는게 신기합니다^^









2. COSS GRID (http://cssgrid.net/)




웹사이트





모바일 사이트 






이 사이트도 웹사이트에서 브라우저 크기에 맞춰 화면구성이 유동적이네요!

HTML 다운로드를 제공하고 있는 사이트 입니다.








3. THINK VITAMIN (http://thinkvitamin.com/)



웹사이트





모바일 사이트








작은 사이즈에서는 메뉴의 구성이 다르게 변형되, 작은 크기에서도 홈페이지의 컨텐츠를

한눈에 알아볼 수 있습니다.










4. ENDSOOP MOBILE (http://www.endloop.ca/)




웹사이트





모바일 사이트






이 사이트 역시 크기에 따라 메뉴의 구성이 다르게 적용되 창 크기안의 한눈에 보일 수 있는 홈페이지의 메뉴를 구성합니다. 워드프레스 기반으로 반응형 웹 디자인을 실현시켰다는 점이 메리트 입니다! 









5. BREAD & PEPPER (http://www.breadandpepper.com/en/company/)






웹사이트






모바일 사이트 







심플한 인터페이스로 구성되어 있는 소프트웨어 회사의 홈페이지 입니다.








6. FOOD SENSE (http://foodsense.is/)





웹사이트





모바일사이트







사이즈에 따라 위치와 로고도 바뀝니다. 크기에 따라 자유자재로 변하는 홈페이지네요!









7. GRAVITATE (http://www.gravitatedesign.com/)



웹사이트






모바일 사이트






큰 이미지로 구성되어 있는 화면임에도 불구 하고 브라우서 사이즈에 따라 홈페이지 메뉴가 한눈에 들어올수 있도록

구성됩니다. 








이처럼 처음부터 모바일 사이트를 염두하고 제작한다면

웹사이트의 처음 제작부터 반응형 웹 디자인을 실현시켜 구성하게 된다면

한번에 웹사이트, 모바일 사이트를 제작 할 수 있게 됩니다^^







출처 : 처음서비스(www.cheomservice.com)









사업자 정보 표시
처음소프트 | 안유석 | 서울시 강남구 역삼동 823-33 백림빌딩 731호 | 사업자 등록번호 : 220-87-51332 | TEL : 02-1566-9520 | Mail : help@cheom.net | 통신판매신고번호 : 02391호 | 사이버몰의 이용약관 바로가기