플랜인

Web Design: 10 Hottest Trends To Watch Out For in 2013또, 해외사이트 보다가 좋은 내용이 있어서 퍼왔습니다. ^^ 원래 20개인데;; 너무 귀찮아서 10개만 올립니다.;;; 원문사이트 가서 보셈; 역시 번역은 구글번역기를 통했습니다.원문사이트 보기 All throughout 2012 there has been an enormous surge in new web design trends. Some of you may remember my earlier post on web design trends going into 2012. Now we can see many of these ideas have come to fruition, and even adopted fu..

(해외자료를 구글번역기를 통하여 번역했습니다)원문자료 클릭For the last couple of months, flat web design has been really a huge topic on the web. Up to now, it is steadily dominating the web. From UI, to the latest portfolio update, icons and even the top web design blogs are now using flat web design, not to mention Microsoft, Android and just recently Apple is going flat too!몇 달 마지막 한 쌍을 위해, 편평한 웹 디자인은 실제로 웹상에서 큰 화제가되고..

해외 원문사이트를 번역했습니다. 구글번역기의 힘을 빌렸음을 알립니다; 원문사이트 : 10 Web Design Trends for 2013For starters, we’d like to say thank you for the amazing reception our free eBook Web design and Mobile Trends for 2013 has had since its launch last week, and especially to all those who made it possible by sharing their insightful opinions.첫째, 우리는 특히 그들의 통찰력있는 의견을 공유함으로써 그것이 가능하게 된 모든 사람들에게 우리의 무료 eBook을 Web 디자인과 2013을..

2009년 11월 블루카펫은 관공서의 대표격인 '농수산물 유통공사'에서 진행하는 '한국전통주정보제공사이트'의 웹사이트 제작사로 선정되었습니다. 여러 업체의 발표 중 블루카펫의 디자인 퀄리티와 열정, 업무수행 능력을 높게 평가받아 진행하게 되었습니다. ------------------------------------------------------------------------------------------------------ 프로젝트 목적 2010년을 맞이하여 '한국전통주에 대한 정보를 제공하며, 한국전통주에 맞는 퀄리티와 함께 사용자가 쉽게 접근하고 알 수 있게 구성할 것' 프로젝트 목표 1. 한국전통주정보제공사이트만의 웹아이덴티티 구축 2. 사용자에게 원활한 정보제공 3. 사용자의 원활한 접근 ..

심플하면서 다이나믹한 '삼성중공업 웹사이트' (www.shi.samsung.co.kr) 전체적인 디자인 및 레이아웃은 아주 평범합니다. 그러나 그건 어디까지나 그냥 봤을때의 느낌일 뿐. 한눈에 모든 메뉴를 볼 수 있도록 꾸며진 Sitemap 형식의 메뉴구조가 보입니다. 인재채용 페이지의 한부분 인재채용에서 나오는 사람들 중 한사람을 클릭하면 그 사람의 인터뷰내용을 볼 수 있습니다. 제가다니고 있는 회사인 아이티식스의 인물소개와 상당히 흡사한 부분이 있습니다. 놀라운 부분은.. 이걸 DB에서 불러온다는것입니다. 개발자고 기획자고..머리 터졌을꺼 같습니다...그것도 플래시로.. (플랙스 기반으로 구현된 모듈입니다) 360도로 회전하는 선박의 모습을 보여주는 쇼룸또한 아주 잘 만들었다고 보고 있습니다. 전체적..

-NIKE LEGEND- (http://www.nikelegend.co.kr/) 나이키에서 한국을 타겟으로 제작한 나이키레전드 웹사이트 입니다. 박지성을 주 모델로 기용하여 나이키의 제품과 박지성을 연관시켜 노출시켰습니다. 박지성의 이미지를 리터칭하여 레전드 고유의 느낌을 살린 웹사이트 입니다. 메인페이지 "꺼지지 않는 열정으로 전설이 되어라" - 박지성의 열정과 노력을 대변하듯, 한번에 보여주는 캐치프레이즈 입니다. 전쟁터에서 살아남는 박지성의 모습을 형상화 하여 전설을 한눈에 보여주고 있습니다. 첫번째 메뉴에서 나오는 축구화 첫번째 메뉴에 주력제품을 소개함으로써 유저에 대한 노출빈도를 올렸습니다. 블랙과 레드로고로 제작된 축구화와 웹사이트의 디자인이 어우러집니다. 개인적으로 축구화와 바닥부분이 닿는 ..

현대인들이 가지고 다니는 기기는 몇 가지나 될까? 휴대전화, MP3 플레이어, 디지털카메라, PMP, PSP, 닌텐도 DS 등. 그러면 우리가 일상생활에서 보고 있는 디스플레이 창은 또 얼마나 될까? 이제는 사라져가는 브라운관 TV, LCD TV, PDP TV, 길거리의 LED 전광판, 자동차의 대시보드, 컴퓨터 모니터, 복사기와 팩스기의 액정 등. 나열한 기기들의 디스플레이 창에 들어 있는 여러 구성요소 중 GUI라 불리는 용어가 있다. GUI는 소프트한 영역의 디자인 용어이다. 원론적으로는 HCI란 단어와 UI이란 말을 함께 이야기해야 한다. HCI(Human Computer Interaction)는 컴퓨터란 기계가 생겨난 이후 인간과의 상호작용을 연구하는 학문으로 발전했고, UI(User Inter..

http://www.neostream.com/ 네오스트림..정말 오래된 사이트다.. 내가 이 사이트를 처음본게 대학교 2학년때..2004년도이니.... 그런데!! 지금도 어디에 내놔도 절대 꿀리지 않는 퀄리티의 웹사이트다..정말 잘 만든거 같다.

http://www.barackobama.com/ 미국의 출마자인 "바락 오바마" 웹사이트 간결하면서도 많은것을 표현한 웹사이트로 상당히 뛰어난 퀄리티이다..

http://www.rhapsodymusic.co.kr/ 내가 좋아하는 스타일인지 몰라도..상당히 부드럽다는 느낌을 강하게 받았다. 에펙과 3D의 적절한 조화...부드럽고 감미로은 음악소리.. 참 좋다..

그리드 시스템(Grid System) 그리드(Grid)는 화면 요소를 배치하기 위한 수평선(Horizontal lines)과 수직선(Vertical lines)의 패턴을 의미하며, 화면 요소에 시각적 순서를 부여하기 위한 일종의 가이드라인 역할을 수행한다. 그리고 이러한 그리드를 체계적으로 설계하기 위해 필요한 것이 바로 그리드 시스템이다. 그리드 시스템(Grid System)은 보다 효과적인 커뮤니케이션을 위해 논리적인 화면 구조를 제공하는 설계 체계(Design System)이다. 정보설계를 통해 구조화된 정보들을 담기 위해선 시각화된 화면 구조(Screen Structure)가 필요하며, 이 화면 구조의 기초를 제공하는 것이 바로 그리드 시스템이다. 따라서 그리드 시스템은 정보설계 이후 단계인 인터..

라. 레이아웃 (Layout) 레이아웃은 화면의 구성으로서 사이트 화면을 채우는 각 요소들의 배치를 정의하는 것이다. 웹 스타일 가이드는 메인화면(Main Page), 두 번째 단계의 페이지, 세 번째 단계의 페이지 등 사이트 구조상 각 단계별로 공통적인 화면구성, 즉 레이아웃을 정의한다. 또한 단계별로 웹 페이지의 화면 레이아웃을 정의할 뿐 아니라 사이트의 섹션별 특성을 고려하여 섹션별 레이아웃을 정의하기도 한다. 레이아웃은 앞의 그림과 같이 간략하게 표현할 수도 있으나 좀더 자세하게 그래픽 요소들과 함께 표현할 수도 있다. 레이아웃을 정의할 때는 화면의 크기, 화면 분할 기본 단위인 그리드 시스템, 여타의 그래픽 요소들 및 각 단계별 페이지의 컨텐트 배치 등을 고려하여 정의한다. 특히 레이아웃의 정의..

글/ 이유숙 Creative Design 팀장 (주)이비즈그룹 1. 웹 스타일 가이드의 목적 웹 스타일 가이드는 미국 예일 대학의 웹 스타일 가이드로부터 시작된 것으로 파악된다. 예일 대학의 웹 스타일 가이드는 단지 예일 대학을 위한 것일 뿐 아니라 일반적인 웹사이트 개발의 지침이 될 만하다. 예일 대학이 웹 스타일 가이드를 만든 이후 카네기멜론 대학 등 수 많은 대학과 기업들이 쫓아서 웹 스타일 가이드를 만들기 시작했다. 대학의 웹 스타일 가이드 대학의 경우 단과대학과 학과, 교수진, 운영부서 단위로 다양한 필요와 목적에 따라 수많은 운영주체에 의해 웹 페이지가 개발되고 운영된다. 이런 경우 종종 한 대학에 서로 다른 모양과 느낌의 사이트들이 생겨나기 쉽다. 따라서 대학들은 일관된 대학 사이트의 아이덴..