'모바일 사이트 제작'에 해당되는 글 2건

  1. 2012.07.24 최적화된 해외 모바일 사이트
  2. 2012.07.02 모바일 사이트 제작이란?



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


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

이것을 바로 반응형 웹디자인(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호 | 사이버몰의 이용약관 바로가기
Posted by 처음서비스

모바일 사이트 제작이란?




모바일 앱?! 모바일 사이트? 모바일 웹?! 이런 단어들 많이 들어보셨죠?

단지 모바일이라는 이유만으로 흔히들 스마트폰에서 접할 수 있는 어플들로 알고 계신분들이 많으신거 같은데요.



모바일 앱과 모바일 사이트(=모바일 웹)은 확연히 다른 시스템으로 구성된 모바일입니다^^




모바일 앱 (일명 어플리케이션, 어플!)


  


흔히 접할 수 있는 어플계의 최고봉(?!) 카카오톡, 푸딩카메라, 트위터를 모바일 앱 (어플리케이션) 이라고 부릅니다.

모바일 앱은 모바일 기기의 운영체제(안드로이드, ios등)에 설치되어 실행되며 필요에 따라 중앙 서버와 네트워크 통신을 하여 필요한 정보만 내려받아 사용자에게 보여주며 업데이트를 통해 다른 사항들이(기능, 내용등) 추가됩니다.






모바일 사이트 (일명 모바일 웹)



네이버 , 한국 관광공사 대한민국 구석구석 


   


모바일 사이트는 위에 이미지와 같이 인터넷 기능을 통해 각종 웹사이트로 접속 할 수 있는데 그 중 모바일 환경을 고려하여 설계된 모바일 전용 웹사이트를 의미합니다. (컴퓨터에서 쓰는 웹브라우저라고 생각하시면 될꺼 같네요^^)

그래서 유명포털사이트나 특정한 목적을 갖고 있는 웹사이트들이 모바일을 통해 접속 할 경우 컴퓨터 인터넷을 통해 보던 화면과는 다른 형태로 즉 모바일에서 잘 볼 수 있는 구성으로 나타내서 보여주는것이 특징입니다.





그럼 여기서 알려드리려는 모바일 사이트(모바일 웹)에 좀 더 자세히 알아볼까요?


모바일 사이트 (모바일 웹)의 특징은 웹의 특성상 사용자는 자신이 보고자 하는 웹사이트에 접속하기 위해 웹 브라우저를 실행해야 하고 원하는 사이트 주소로 입력하고 로그인도 해야 합니다. 또 화면에 있는 컨텐츠를 다 받아와야 하므로 많은 데이터 전송량이 발생해 무제한 테이터 요금 사용자가 아니라면 엄청난 요금 폭탄을 맞을수 있겠죠? ㅠㅠ



(이 많은 컨텐츠를 모바일 화면으로 나타내어 보기엔 무..무리가 ㅠ)



이런 데이터 절감(?!)을 위해 모바일에서 보일수 있는 간단간단한 내용과 진짜 중요한 내용만 볼 수 있도록

다른 구성을 통해 나타내기 때문에 그 무엇보다 모바일을 위해!! 태어난 모바일 웹입니다!




모바일 사이트(모바일웹)과 모바일앱의 차이점이 감이 오시나요?

어떤것을 사용자에게 보여줄것인가에 따라 장단점이 나타날 수 있겠네요!


먼저 어떤 컨텐츠를 사용자에게 제공할건지에 따른 모바일 사이트과 모바일 앱 의 선택이 중요하다고 생각합니다^^




모바일 사이트 제작에 관해 고민이 있으시거나

관심이 있으신 분들은 저희 처음서비스와 함께 해주세요 ^^



처음서비스 (온라인 IT 서비스 전문 대행사)

http://www.cheomservice.com/













 

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