'해외사이트'에 해당되는 글 2건

  1. 2012.07.27 다양한 해외사이트 !
  2. 2012.07.24 최적화된 해외 모바일 사이트


홈페이지 제작에 있어 디자인 부분은 매우 큰 영향을 차지 합니다.

이용하기 쉬운 레이아웃과 눈에 포인트만 쏙쏙 들어올 수 있는 디자인! 



다양한 디자인과 레이아웃의 해외홈페이지들을 모아봤습니다.




1. WILSON MINER


http://wilsonminer.com/



한 개인의 홈페이지인듯 한데요~

따른 메뉴 구성 없이 자신을 나타내는 글과 그 속에 관련된 페이지로 넘어 갈 수 있게 독특하게 구성이 되있습니다^^








2. BIG NOISE


http://www.bignoise.com/




외국의 웹사이트 제작 회사의 포트폴리오를 소개하는 사이트 입니다. 

구성이 재미있죠?!







3. INFORMATION ARCHITECTS



http://informationarchitects.net/




한 건축가의 홈페이지라고 합니다. 자신의 포트폴리오를 심플하게 구성했습니다.







4. NOTWERK


http://notwerk.com/




메세지를 위에 메인화면 하단에 있는 버튼을 클릭하면 

아래 두번째 화면 이미지 처럼 하단에 메세지들을 차례대로 보일 수 있도록 구성되어 있습니다.






5. SPELLTOWER


http://www.spelltower.com/






메뉴 다른 페이지들로 각각 구성되있는것이 아니라

스크롤을 내려 한 페이지에서 아래로 확인해 볼 수 있는 구성입니다. 

구성뿐 아니라 디자인 자체가 독특하고 재미있습니다^^






6. CH3MICAL


http://www.ch3mical.com/



자신을 소개하는 페이지로

간단한 자기 소개가 있고, 보통 메뉴가 들어갈 위치에는 자신의 SNS 및 연락처를 구성해 놓았습니다.



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


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

댓글을 달아 주세요



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


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

이것을 바로 반응형 웹디자인(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 처음서비스

댓글을 달아 주세요