2010년 웹디자인 트렌드는 '어떤 변화와 요소들이 가장 쟁점이 될 것인가?'는 디자이너, 개발자 모두에게 아주 중요한 리소스입니다. 그런 연유로 새로운 한해가 시작되면 전문가들이 향후 트렌드 전망을 매체를 통해 발표하고 현업 실무 디자이너와 개발자들은 업무 지침으로 참고하여 프로세스에 반영하게 됩니다. 최근 해외 웹 트렌드 및 디자인 아이디어를 공유하는 해외 유명 사이트 '웹 디자이너 월(Web Designer Wall)'에서 디자인 전문가들이 2010년 디자인 트렌드 예측한 'Design Trends (Predictions) in 2010' 이란 글을 발행했습니다. 그 개요를 정리해 보면 'HTML5' 와 'CSS3'을 가장 큰 변화로 전망했고, 소셜 네트워크 서비스(SNS)인 트위터(twitter)..

Design Information/HTML5 and CSS3 2010. 1. 23. 08:57

이제 아이폰(iphone)의 국내 출시가 오늘 내일 하는 까닭에 최근들어 연일 각종 미디어를 통해 '아이폰'이 뜨거운 감자로 부상하고 있습니다. 많은 분들이 이토록 아이폰에 열광하는 것은 아마도 다양하고 수많은 애플리케이션의 활용과 타의 추종을 불허할 만한 부드럽고 스마트한 인터페이스 때문일겁니다. 더불어 디자인은 덤이 되지 싶습니다. 워낙 디자인은 정평이 난 탓에 재차 언급하지 않아도 될 것 같습니다. 그리고 무엇보다도 개발자들과 디자이너들에게 흥미로운 것은 애플리케이션을 개발하고 디자인해서 앱스토어에 등록하고 성공적인 런칭으로 대박의 꿈을 이룰 수 있는 희망을 가져 볼 수도 있어 앞으로 국내의 많은 개발자들의 움직임이 활발할 것으로 예상됩니다. 최근 해외 웹디자인, 튜토리얼 전문 블로그인 webdes..

Design News/Design Trend 2009. 11. 18. 09:22

포토샵으로 만드는 간결하고 모던한 포트폴리오 웹디자인의 예제를 소개합니다. 요즘은 복잡하지 않은 간결하고도 모던한 포트폴리오 웹사이트 디자인이 하나의 트렌드가 되고 있는 것 같습니다. 이러한 흐름은 웹디자인이 복잡하고 화려할 때 방문자들이 불가피하게 받게 되는 시각적 스트레스로 인한 반대급부적 현상으로 보여집니다. 개인적으로도 복잡한 웹디자인 보다 심플하고 세련된 웹디자인을 선호하는 편입니다. 그것은 웹사이트의 주요 콘텐츠와 포트폴리오 요소에 방문자의 높은 관심과 집중도를 높여 주는 환경을 제공하기 때문입니다. 아래에 소개하는 링크를 참고하면 여러분들도 어렵지 않게 미니널 하면서도 모던한 포트폴리오 웹사이트 디자인을 창작해 낼 수 있는 디자인 능력을 가질 수 있으리라 생각합니다. Part 1. 포토샵을 ..

Design Lecture/Adobe Photoshop 2009. 11. 17. 15:10

타이포그래피(Typography)는 웹디자인 프로젝트에 있어 가장 중요한 핵심 요소 중의 하나입니다. 하지만 그 중요도가 비중이 있는 만큼 인식과 실무에서의 반영은 아직 부족함이 많은 것 같습니다. 어쩌면 태초의 디자인 그 시작이 바로 타이포그래피(Typography)에서 출발했다고 봐도 약간의 무리가 될까요? 고대 문자들을 잘 살펴보면 그 자체 만으로도 아름다움을 엿볼 수 있으니 말입니다. 이번 글은 캘리포니아 센디에고에서 ishift 편집기자로 활동하는 다니엘 아담스가 소개하는 최고의 타이포그래피 블로그 16선을 공유하고자 합니다. 다니엘 아담스는 개발자 및 디자이너로 약 6년간 활동을 했고 php, mysql, css, ajax, jquery를 다루는 것을 좋아합니다. 그럼 본론으로 들어가 웹디자인..

Design Information/Design Fonts 2009. 8. 28. 16:28

Adobe Illustrator CS4의 신기능인 그라디언트 노출에 대해 동영상 예제를 통해 확인 할 수 있습니다. 

Design Lecture/Adobe Illustrator 2009. 8. 26. 16:41

글로벌 인기 웹사이트들이 디지털과 인터넷 기술의 발달로 지난 10년 동안 웹 디자인과 기능적 요소 측면에서 얼마나 많은 변화를 가져 왔을 지 한번쯤 비교해보는 것은 인터넷 사용자의 기대 요구와 시대적인 트렌드를 두루 살펴 볼 수 있는 좋은 사례가 될 것입니다. 지금으로 부터 10년전인 1990년대는 그야말로 전세계적으로 인터넷 열풍이 불었고, 기업은 앞 다투어 웹사이트을 개설하고 좋은 도메인 확보를 위해 많은 노력을 기울이기 했습니다. 연이어 개인들도 자신의 포트폴리오 구축이나 브랜딩을 위해 개인 홈페이지 구축이 하나의 신드롬처럼 퍼져 나가기도 했습니다. 웹사이트 구축 초기에는 인터넷 기술 측면에 역점을 맞추다보니 디자인에는 그다지 많은 배려를 하진 못했고 또한 디자인 요소를 접목시켜도 무리가 없을 만큼..

Design News/Design Trend 2009. 8. 24. 14:30

이미지를 사용하지 않고 CSS를 활용한 초간단 다이나믹 텍스트 메뉴를 구현한 웹 디자인 소스 예제입니다. 이 웹 디자인 메뉴 소스는 웹 사이트와 블로그 모두 적용할 수 있으니 필요에 따라 유용하게 활용하시길 바랍니다. 물론 이미지를 이용한 메뉴가 화려한 맛은 있겠지만 그만큼 페이지로딩에서 텍스트 보다는 효율적이지 못하기에 상황에 따라 적절히 활용하시길 바랍니다. [예제 적용 데모] Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 [Cascading Style Sheet] #menu_exam a, #menu_exam a:visited { text-decoration:none; background-color:#fff; color:#000; display:block; width:10em; hei..

Design Information/Design Resources 2009. 8. 11. 23:34

이미지 설명과 캡션이 함께 노출되는 뉴스형 슬라이드 갤러리 - JQuery Photo Slider 웹디자이너와 웹 개발자들에게 가끔씩 유용한 하나의 소스가 큰 힘이 되기도 합니다. 오늘은 이미지 갤러리 소스를 소개하려고 합니다. 지금까지 다양한 이미지 갤러리 소스들이 공개되었지만 구현하고자 하는 서비스 형태에 맞춰 제어가 가능한 이미지 갤러리 소스는 보기 힘들지 않았나 싶습니다. 이번에 소개하는 JQuery Photo Slider는 이러한 기대사항을 어느 정도 충족시켜 줄 수 있는 유용한 이미지 갤러리 소스라고 볼 수 있습니다. 뉴스 슬라이드 이미지 갤러리 형태라고 보시면 이해가 빠를 것 같습니다. 그리고 JQuery Photo Slider는 다음과 같은 특징을 가지고 있습니다. 1. 슬라이드 쇼 이미지..

Design Information/Design Resources 2009. 8. 2. 15:37