본문 바로가기

{Design}43

기업사이트의 메인 페이지 기업사이트의 메인 페이지 기업 웹사이트의 메인페이지는 브랜드 사이트들처럼 프로모션이나 행사가 빈번히 있는 것이 아니기 때문에 특별한 변화를 주기가 쉽지 않다. 그렇다고 해서 아무런 변화나 기능 없이 메인 페이지를 방치(?)하고, 단순한 유형으로 일관한다면 점차 문제가 생길 것이다. 첫째, 방문자들은 쉽게 지루해 한다. 변화 없는 메인페이지는 사이트 전체가 지루해져 버릴 수 있다.두번째, 메인 페이지에 변화가 없는 사이트는 자칫 운영자가 없는, 아예 죽은 사이트처럼 보일 수 있다.세번째, 요즘 기업은 웹사이트의 메인 페이지를 통해서 다양한 표현을 하고 있다. 그렇기 때문에 오랜기간 변화가 없거나 단순한 구성이라면 그만큼 상대적으로 뒤쳐지는 웹사이트로 남게 될 것이고, 그에 따른 기업의 이미지에도 악영향을 .. 2013. 12. 3.
웹사이트 벤치마킹 방법 웹사이트 벤치마킹 방법 먼저 어떤 사이트를 분석할 것인가 선택하세요. 물론 현재 새로 기획해야 하는 사이트가 있다면 경쟁사이트 중 잘 된 사이트를 분석하는 것이 순서 이겠지만, 그게 아니라면 유명한 사이트부터 하나씩 들어 가세요. 유명사이트들은 다른 곳에서 분석해 놓은 자료도 많고 내가 분석한 내용과 비교해가며 분석방법을 키워나갈 수 있거든요. 1. 사이트가 선택되면 메뉴구성부터 봅니다. 메뉴구성은 그 사이트를 기획한 사람의 전체적인 구성도를 볼 수가 있지요. 이런 주제를 가지고 사이트를 이 사이트를 기획한 그 누군가의 초기 접근 의도를 상상할 수 있지요. 상단 메인메뉴구성과 하위 메뉴구성, 최하단 메뉴구성까지 일관성있는 주제로 짜임새 있게 전개되어 나가 있어야 좋은 사이트 입니다. 메뉴가 중구난방으로 .. 2013. 12. 3.
반응형웹 사례 모음 사이트 반응형웹디자인 사례 모아놓은 사이트 http://mediaqueri.es 2013. 11. 29.
25가지 유용한 포토샵 조명효과 튜토리얼 25가지 유용한 포토샵 조명효과 튜토리얼 Create a Glowing Superhero Show Me the Light – Digital Art Tutorial Fly High – Light Effects Tutorial + Video Making a Color Wizard in Photoshop Dance – Photoshop Digital Art Tutorial Master Stylish Light Effects in Photoshop Quick and Effective Lighting and Decoration Techniques for Photo Manipulation in Photoshop Create a Magical Photo Manipulation with Flowery Effect in.. 2013. 11. 27.
디자이너의 눈으로 본 반응형 웹 디자이너의 눈으로 본 반응형 웹이제 다사다난했던 2013년도 막바지에 접어들고 있습니다. 올해는 유난히 반응형 웹 프로젝트가 많았던 한 해였습니다. 아무래도 일반 웹 디자인에 비해 반응형 웹은 고려해야 할 변수도 많고 다양한 디바이스에 맞추어 컨텐츠를 시각적으로 최적화시켜야 하다 보니 시간도 배로 걸리게 되고, 초기에 시행착오까지 거치게 되면서 더욱 치열하게 프로젝트가 진행됐던 것 같습니다. 이미 해외에서는 수 년 전부터 반응형 웹에 대한 IT 업계의 관심이 높았고 완성도 높은 반응형 웹 사이트가 많이 개발되어 왔지만 불과 작년까지만 해도 국내에서는 반응형 웹으로 제작된 사이트의 사례를 찾아보기 힘들 정도로 보편화된 기술은 아니었다고 생각됩니다. 다행히 이러한 흐름을 미리 읽고 이롭게에서는 작년부터 각 .. 2013. 11. 12.
반응형 웹의 완성도를 높여주는 유용한 사이트 - 이롭게 반응형 웹의 완성도를 높여주는 유용한 사이트반응형 웹을 공부하면서 여러 경로로 수집한 유용한 사이트 모음입니다. 실제 프로젝트에서 사이트의 완성도를 높이는데 많은 도움이 되었으면 좋겠습니다. 1. Media Queries 다양한 반응형 웹을 한눈에 볼 수 있는 사이트입니다. 대표적인 스크린 사이즈별로 사이트를 캡쳐하여 레이아웃이 어떻게 변화하는지 살펴보기에 매우 편리합니다. 사이트명이나 썸네일을 클릭하면 해당 사이트로 바로 연결되어 실제 홈페이지를 직접 체험할 수도 있습니다. http://mediaqueri.es/ 2. Golden Grid System 반응형 웹에서 실제로 그리드가 어떻게 적용되는지 이해하기 쉽도록 화면상에 직접 표현하여 보여주는 사이트입니다. 브라우저의 크기를 조절해가면서 보시면 그리.. 2013. 11. 12.
디자이너를 위한 CSS3 버튼 40세트 CSS3 Tutorial: Create A Sleek On/Off Buttonhttp://www.hongkiat.com/blog/css3-button-tutorials/ Some of these buttons play with colors, gradients or shapes while others are programmed to animate with hover or click actions, giving effects like it’s being pushed down; extending, shrinking or switching frames to reveal more information. Anything you can think of to do with buttons, there’s probably.. 2013. 8. 12.