로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록
  • DESIGN LOG (2477)
    • Design News (856)
      • Design Trend (349)
      • 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 (994)
      • IT Trend (310)
      • 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)

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

DESIGN LOG

  • CSS와 황금비율, CSS로 표현하는 한계는?

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

  • 21세기 웹디자인의 변화

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

  • 일본의 웹디자인(Web Design)은 왜 다를까?

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

  • 2013년 주목받은 베스트 무료 디자인 폰트는 바로 이것!

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

  • 화려한 색채, 섬세함 시선 사로잡는 Creative Mints by Mike

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

  • 포트폴리오 웹사이트 디자인을 위한 기본 7 단계

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

  • 기획자가 꼭 알아야 할 와이어프레임 제작 3단계

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

  • 아이트래킹 연구가 알려준 사용자 경험 디자인 4가지 필수 규칙

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

CSS와 황금비율, CSS로 표현하는 한계는?

이 글은 dvncan.com 운영자인 Duncan Graham이 황금비율에 대한 애착의 발로로 최근 으로 정의된 크기와 형태를 적용, 여러 가지 도형을 만들 수 있는 가능성을 제시하는 내용을 담고 있습니다. 몇 주 전, 브루클린에 있을 때 운 좋게도 스콧 캘럼(Scott Kellum)과 함께 점심을 같이 한 적이 있습니다. 그는 최근 'em'으로 정의된 크기와 'CSS' 형태를 적용하여 여러 가지 도형들을 만드는 것에 재미를 붙이고 있다고 말했습니다.나 역시 이 아이디어에 흥미를 느껴, 황금 비율(1.618033988...)과 함께 작업을 해보기 시작했습니다.(건축학을 배운 지 4년이 지났지만, 아직도 황금 비율(golden-ratio)에 대한 애착이 있습니다.)기본 모양을 만드는 것부터 시작하여, 사각..

Design News/Design Trend 2014. 1. 5. 17:35

21세기 웹디자인의 변화

인터넷에 올라온 첫 번째 웹사이트는 오늘날과 완전히 다른 모양이었고, 디자이너들은 지금도 인터넷과 상호작용하는 새롭고 멋진 방법을 선보이고 있다. 빠르게 변하는 웹 디자인의 최신 동향을 무작정 따라잡기에 앞서, 인터넷 탄생과 함께 시작하는 21세기 웹 디자인의 진화를 살펴보자. 인터넷의 기원은 1969년 미국 국방성 지원으로 미국 네 개의 대학을 연결하기 위한 ‘아르파네트(ARPANET)’다. 처음엔 군사적 목적으로 구축했지만, 프로토콜로 TCP/IP를 채택하면서 일반인을 위한 아르파네트와 군용 ‘밀넷(MILNET)’으로 분리돼 현재의 인터넷 환경 기반을 갖춘다. 1982년에는 인터넷 프로토콜 스위트를 만들고, 사람들에게 인터넷을 통해 일반적인 지침을 제공하는 방법이나 데이터를 수신, 전송하는 패키지로 ..

Design News/Design Column 2014. 1. 3. 07:40

일본의 웹디자인(Web Design)은 왜 다를까?

많은 사람의 시각에 비춰보면, 일본은 고요한 불교 정원(젠가든), 평화로운 신전, 그리고 기품있는 다도의 땅입니다. 전통적이면서 현대적인 일본식 건축양식과 책 그리고 잡지들은 세계 디자이너들의 부러움을 사기에 부족함이 없습니다.하지만 사실 아직 몇몇 이유로 이러한 지배력 중 아무것도, 디지털 제품, 특히 대부분 1998년 정도부터 시작된 것으로 보이는 웹사이트에는 스며들고 있지 못하고 있습니다. 웹 브라우저로 여러분이 만날 수 있는 일본의 대부분 유명한 몇 가지 사이트들을 둘러보세요.(구(Goo), 라쿠텐(Rakuten), 요미우리(Yomiuri), 니코니코(NicoNico), 오케이웨이브(OKwave), 앳코스메(@cosme)그리고 등등) 빽빽하고 꽉 끼인 듯한 텍스트작고 저화질의 이미지셀 수 있는 것..

Design News/Design Trend 2014. 1. 2. 15:52

2013년 주목받은 베스트 무료 디자인 폰트는 바로 이것!

2013년 베스트 무료 디자인 폰트 이것, 새로운 디자인 프로젝트를 위한 준비를... 올 한해도 이제 얼마 남지 않았습니다. 지난 시간 동안 디자이너들에게 시간을 절약할 수 있게 하고, 디자인 산출물을 더욱 돋보이게 도움을 다양한 폰트들이 많이 공유되었는데요.그것 중 올해 주목받고 좋은 반응을 얻었던 무료 디자인 폰트를 한번 정리해 볼 시간이 된 것 같습니다. 디자인도 트렌드가 있듯이 디자인에 사용되는 폰트들도 디자인 트렌드에 발맞춰 나름대로 트렌드를 만드는 것은 불가분의 일이 아닐까 생각이 듭니다.이렇게 정리되어 공유되는 2013년 베스트 무료 폰트자료는 많은 디자이너 여러분이 밝아오는 2014년 새로운 한 해 다양한 디자인 프로젝트를 수행하는 과정에서 조금이나마 도움이 될 수 있기를 기대합니다.그럼 ..

Design Information/Design Fonts 2013. 12. 16. 14:19

화려한 색채, 섬세함 시선 사로잡는 Creative Mints by Mike

화려하고 아름다운 컬러가 인상적인 훌륭한 작품들이 눈길을 사로잡는 포트폴리오 사이트 크리에이티브 민트(Creative Mints)의 마이크(Mike)는 웹을 좋아하고 실무에서도 완성도 높은 디자인으로 잠재력을 발휘하며 풍부한 경험을 쌓아 온 12년 차 체코 프라하 출신 디자이너입니다. 그의 작업 방식의 보편적인 크리에이티브 아티스트와 약간은 남다릅니다. 크리에이티브 디자인을 영감을 하나하나 손끝으로 풀어낸 다음 다시 디지털화하는 스타일인데 스케치 된 작품들을 보면 섬세함과 표현하고자 하는 핵심요소를 돋보이게 하는 탁월한 재주를 가지고 있습니다. 크리에이티브 민트에 소개되는 Mike의 작품들을 보면서 눈여겨봐야 하는 것은 강렬하고 화려함에도 부담감이 없는 컬러 노하우와 오브젝트의 핵심을 드러내는 표현의 테..

Design Information/Designer Interview 2013. 12. 10. 07:16

포트폴리오 웹사이트 디자인을 위한 기본 7 단계

오늘날 포트폴리오 웹사이트 디자인은 완수해야 할 도전 과정 중의 하나가 되어가고 있습니다. 예를 들어, 디자이너들과 개발자들은 웹사이트의 유용성, 검색 엔진 크롤러의 사용 지침서, 스타일링 그리고 사용자 반응 등을 고려해야 합니다. 가끔씩 최신 기술, 디자인 혹은 테마를 가지고 새로운 웹사이트를 제작하기 위해, 전문가들은 사이트의 기본 기술 몇 가지를 무시할 수밖에 없습니다. 이런 이유의 결과로, 디자인이 잘 된 포트폴리오 웹 사이트이지만 검색 엔진 순위에 오르지 못하기도 합니다.기본적인 가이드라인에 충실한 것은 언제나 문제 되는 부분 없이 더 나은 디자인을 개발하는데 도움을 줍니다. 아래의 몇 가지 나열된 팁들은 여러분의 포트폴리오 웹 사이트를 검색엔진의 순위에서 더 올라갈 수 있도록 도와줄 것입니다...

Design News/Design Trend 2013. 12. 3. 08:02

기획자가 꼭 알아야 할 와이어프레임 제작 3단계

"Your prototype needs a workflow"프로토타입(Prototype)은 워크 플로우(workflow)를 필요로 합니다. 프로젝트(Project) 개발 계획 단계에서 와이어프레임(wireframes)을 작성하는 것은 일정 단축과 제한적 사고의 틀을 깨는 데 많은 도움이 되기 때문입니다. 그런 까닭에 대부분 와이어프레임을 활용하는 것에 대해서 긍정적입니다.하지만 모든 화면에 대해 상세한 와이어프레임을 작성하는 것은 많은 시간이 소요되며, 특히 사용성 이슈에 관해 근본적인 해결을 하고자 한다면 더 그렇습니다. 게다가 새로운 팀멤버가 투입된다면, 와이어프레임 작성의 필수적인 세부사항을 이해시키는 것도 많은 시간이 요구되기 때문에 단지 내부 팀원들이나 클라이언트와 공유하는데 그쳐서는 안 될 것..

Design News/Design Trend 2013. 12. 2. 07:27

아이트래킹 연구가 알려준 사용자 경험 디자인 4가지 필수 규칙

아이트래킹 연구(eye-tracking research)가 알려준 4가지의 사용자 경험 디자인(User Experience Design, UX design) 필수 규칙웹 디자이너들은 디자인하는 사이트가 방문자를 위해 최선의 것이 되도록 많은 도구를 사용합니다. 이런 목적을 이루기 위한 가장 좋은 방법 중 하나는 실제적인 과학적 연구를 사용자의 만족을 최대화하기 위해 웹 디자인에 적용하는 것입니다. 아이트래킹 연구(eye-tracking research: 눈동자 움직임 추적 연구)는 웹 디자이너들에게 방문자들이 어떤 사이트에서 일반적으로 정보를 얻는 우선순위에 관한 가이드라인과 같은 종류의 청사진을 제공해 줍니다. 또한, 아이트래킹 연구(eye-tracking research)는 사이트 방문자들이 웹사이트..

Design News/Design Trend 2013. 11. 28. 05:29

추가 정보

인기글

최신글

반응형

페이징

이전
1 ··· 78 79 80 81 82 83 84 ··· 310
다음
About US RSS
푸터 로고 © designlog.org
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바