로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록
  • DESIGN LOG (2474)
    • Design News (855)
      • Design Trend (348)
      • Identity Design (54)
      • Brand Marketing (136)
      • Public Design (30)
      • Advertising Design (19)
      • Interior Design (5)
      • Design Column (44)
      • Design Exhibition (115)
      • CF and Media Ads (88)
      • Infographic (14)
    • Design Lecture (107)
      • Adobe Photoshop (80)
      • Adobe Illustrator (17)
      • Adobe Lightroom (5)
      • 3D Graphics (5)
    • Design Information (295)
      • Design Resources (146)
      • Design Fonts (57)
      • HTML5 and CSS3 (17)
      • Design Term (55)
      • Designer Portfolio (14)
      • Designer Interview (6)
    • Marketing News (70)
      • Marketing Trend (44)
      • SEO (26)
    • Digital News (992)
      • IT Trend (308)
      • Review and Column (250)
      • Gadget and Apps (122)
      • Smartwork and OA (60)
      • Blogging Guide (30)
      • Blog Story (214)
      • Google Street View (8)
    • Life Essay (155)
      • Life Story (64)
      • Commentary on Issue (91)

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

web design

  • 웹 트렌드, 공간 활용과 심플함을 추구하는 까닭은?

    2014.03.12 by 김현욱 a.k.a. 마루

  • 확장 가능한 SVG, 유용함과 한계점 그리고 활용법

    2014.01.07 by 김현욱 a.k.a. 마루

  • 웹사이트 디자인, 5가지 디자인 트렌드 활용법

    2011.02.25 by 김현욱 a.k.a. 마루

  • 구글 인스턴트 프리뷰, 웹디자인 트렌드 바꿀 수도

    2010.11.10 by 김현욱 a.k.a. 마루

  • 웹디자인 소스, 뉴스 슬라이드용 이미지 갤러리

    2009.08.02 by 김현욱 a.k.a. 마루

  • JPG, PNG 이미지 최적화 테크닉

    2009.07.17 by 김현욱 a.k.a. 마루

  • HTML의 Hn태그를 이용한 헤드라인 강조하기

    2007.01.31 by 김현욱 a.k.a. 마루

웹 트렌드, 공간 활용과 심플함을 추구하는 까닭은?

최근 들어 웹(웹디자인)이 공간활용과 심플함에 집중되는 경향이 두드러지고 있다. 이러한 트렌드 변화가 일어나는 까닭은 무엇인지 한번쯤 조명해 보고 정보 포화의 디지털 시대에 선택과 집중이 불러오는 기대효과를 가늠해 볼 필요가 있다는 생각이 든다.본론으로 들어가 때로는 아무것도 포함하지 않는 것이 가장 효과적인 디자인 기법이 될 수 있다. 일종의 여백의 미라고 할 수 있는데 이는 매우 의도적일 수도 있다.공간(Space), 즉 여백은 여러분이 자유롭게 활용할 수 있는 디자인 킷(Kit)의 가장 큰 도구 중 하나가 될 수 있다. 그것은 디자인의 특정 부분에 포커싱하게 만들고 전반적인 분위기를 변화시키기도 하며, 텍스트를 쉽게 읽을 수 있도록 할 수 있기 때문이다.여기서 우리는 공간(여백)의 훌륭한 활용사례를..

Design News/Design Trend 2014. 3. 12. 09:46

확장 가능한 SVG, 유용함과 한계점 그리고 활용법

스케일러블 벡터 그래픽, 또는 SVG(Scalable Vector Graphic)는 이미지의 왜곡이나 손상 없이 다양한 해상도와 픽셀 밀도에 대응이 가능할 뿐만 아니라, 애니메이션과 미디어쿼리 지원 등의 유용한 정보를 포함하고 있는 이미지 포맷입니다. 이 글에서는 SVG를 언제, 어떻게 생성하고 이용할 지와 제작의 워크플로우에 대해서 알아보도록 하겠습니다.본론에 들어가기에 앞서, 두 가지 질문 드리도록 하겠습니다.디자인하는 방법을 알고 계신가요?HTML과 CSS를 작성하는 방법을 알고 계신가요?두 질문에 대답이 모두 ‘NO’라면, ‘YES’라는 대답을 할 수 있는 누군가를 찾아서 함께 읽으시면 서로에게 큰 도움이 될 것입니다. SVG는 무엇일까요?(What is SVG?) 위키피디아에서 스케일러블 벡터 ..

Design News/Design Trend 2014. 1. 7. 15:57

웹사이트 디자인, 5가지 디자인 트렌드 활용법

성공적인 중소기업 웹사이트 디자인, 5가지 디자인 트렌드 가이드라인으로 활용해야 오늘날 많은 사용자들이 새로운 기술 그리고 스마트폰과 태블릿 시장의 인기와 함께 온라인을 통한 액세스 및 상호작용의 트렌드가 크게 변화되고 있는 상황이며, 모바일 디바이스를 통한 웹사이트 이용자가 크게 늘어나고 있다는 것을 미디어를 통해 자주 접했을 겁니다. 웹사이트 유지 및 디자인은 규모가 큰 기업이나 기관의 경우, 넉넉한 예산이 마련되어 있어 웹 산업의 변화 트렌드에 맞춰 웹사이트를 무리없이 변경할 수 있는 여유가 있겠지만, 타이한 예산과 아웃소싱에 의존하는 일반 중.소기업에게는 결코 쉽지 않은 일입니다. 하지만 일반 중.소기업도 변화하는 글로벌 웹디자인 트렌드를 잘 활용해 기업 웹사이트를 개선하게 되면, 큰 비용을 들이..

Design News/Design Trend 2011. 2. 25. 20:06

구글 인스턴트 프리뷰, 웹디자인 트렌드 바꿀 수도

최근 선보인 구글(Google)의 새 검색기능 '인스턴트 프리뷰(Instant Previews)'가 향후 웹페이지 레이아웃 등 웹디자인 트렌드에도 적지 않은 변화를 줄 것으로 내다보인다. 인스턴트 프리뷰(Instant Previews)는 구글의 검색 결과를 이미지로 미리 확인할 수 있는 순간 미리보기 형태의 기능으로 사용자가 구글 검색을 통해 정보를 검색한 결과 페이지의 항목 우측에 돋보기 모양의 아이콘이 나타나며, 해당 돋보기 아이콘을 클릭하면 해당 페이지를 미리 보여주는 팝업 이미지가 보여 지게 되는 기능이다. 구글 검색의 인스턴트 프리뷰 기능을 통해 사용자는 검색결과 페이지에서 자신이 원하는 정보를 담고 있는 웹사이트인지 바로 확인할 수 있기 때문에 기존에 해당 사이트를 열어 확인하던 절차가 단축되..

Digital News/IT Trend 2010. 11. 10. 05:30

웹디자인 소스, 뉴스 슬라이드용 이미지 갤러리

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

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

JPG, PNG 이미지 최적화 테크닉

웹디자이너에게는 웹페이지의 빠른 로딩과 효율적인 웹디자인을 위해 이미지 최적화는 필수 과제이자 중요한 비중을 차지합니다. 웹페이지에 포함된 이미지가 동일한 퀄리티로 보이면서 절반에 미치지 못하는 이미지 용량을 가지고 있다면 웹사이트 방문자에게 그만큼 쾌적한 서비스환경을 제공하게 되어 호감도를 높게 합니다. 이미지 최적화는 오래전부터 거론되어 왔지만, 일부 전문가 그룹 외에는 심도깊은 기술적인 접근과 실무에서 활용은 매우 부족하고 어려운 부분이어서 초보 웹디자이너들에게는 다소 개념적 접근조차 힘든 이미지 최적화 기술이었습니다. 최근 SMASHING MAGAZINE에 JPEG 와 PNG 이미지의 최적화 기술 자료가 업데이트 되었는데 웹디자이너들이 이미지 최적화 기술과 개념에 대해서 쉽게 이해할 수 있는 좋은..

Design Information/Design Resources 2009. 7. 17. 08:05

HTML의 Hn태그를 이용한 헤드라인 강조하기

Hn 태그란?주로 본문에 큰 글씨로 제목을 나타낼때에 사용이되는 태그이다. Hn 태그의 n 부분에는 숫자를 치환한다. 예를 드면 H1 , H2 , H3 와 같은 형식으로 전개된다. 1 부터 6까지 숫자 치환이 가능하며, 숫자가 커질수록 글씨는 작아진다. 아래 예문을 참고로 블로그 기사문을 작성할 때 html 모드로 전환해서 적절하게 활용한다면 보다 부드럽고 가독성이 높은 글을 쓸 수 있다는 장점과 Google Adsense를 이용하는 애드센스 유저에게는 광고수익을 향상 시킬 수 있는 하나의 요인이 될 수 있다는 정보로 알려지고 있다. [예문 H1 대입] 윈도우 비스타는 한국 시장 공략! 마이크로 소프트는 윈도우비스타 출시에 즈음하여.. [결과] 윈도우 비스타는 한국 시장 공략! 마이크로 소프트는 윈도우비..

Digital News/Smartwork and OA 2007. 1. 31. 18:07

추가 정보

인기글

최신글

페이징

이전
1
다음
About US RSS
푸터 로고 © designlog.org
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바