디자인로그(DESIGN LOG)
디자인.디지털 컨버전스 웹진, All Things Design, 디자인 뉴스, 그래픽 강좌, IT 컬럼, 디지털 트렌드, SEO 정보 제공
"디자인로그(DESIGN LOG)"
968
-
[비공개] CSS 레이아웃 생성기, 복잡한 레이아웃을 손쉽고 직관적으로 빠르게 ..
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 웹 디자인에서 웹 페이지 내 다양한 형태의 CSS 레이아웃을 구성하는 것이 고급 웹 개발자 및 웹 디자이너가 아니라면 쉬운 일은 아니다. 하지만 CSS 레이아웃 생성기를 활용하면 누구나 손쉽게 CSS 레이아웃을 직관적으로 빠르게 완성하고 코드를 추출하여 적용할 수 있다. CSS 레이아웃 생성기는 레이아웃 구성 요소의 CSS를 만들기 위한 최적의 도구다. 또한 브라우저에서 구성 요소를 배치하기 위해 CSS에서 가능한 것을 가르치는 학습 도구이기도 하.. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 630가지 무료 오픈 소스 건강 의료 아이콘 무료 다운로드
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 세련되고 정교하게 디자인된 헬스 아이콘(Health Icons)이 무료 공개되어 건강, 의료 산업과 관련한 디자인 프로젝트 및 홍보물 제작, 인포그래픽스, PPT 작성 시 유용하게 쓸 수 있다. 현재 헬스 아이콘(Health Icons)은 베타 버전이며, 3가지 타입(Filled, negative, outline) 11개 카테고리로 분류되어 SVG, 48px PNG, 96px PNG 형태로 제공되고 있다. 웹 사이트 검색창을 통해 약 630종의 .. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 요즘 세대 모르는 플로피 디스크 저장 아이콘, 새로운 디자인 선보이나?
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 왜 저장 아이콘이 플로피 디스크 모양인지 요즘 아이들은 잘 모른다고 한다. 요즘처럼 USB, SSD 형태의 물리적인 저장매체를 넘어 클라우드 방식의 자료 저장 및 활용이 익숙한 세대들에게 구식인 2.5인치 플로피 디스크 모양의 저장 아이콘은 생소할 수밖에 없는 노릇이다. 한 장당 1.44MB 용량의 플로피 디스켓을 수십 장씩 쌓아놓고 순서대로 프로그램을 설치했던 옛날의 컴퓨팅 환경을 생각하면 요즘은 표현이 적절할지는 모르지만 그야말로 빅 스케일, 나.. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 시선 끄는 완벽한 랜딩 페이지 디자인 팁 11가지
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 방문자를 웹 사이트의 특정 페이지로 안내할 때 눈에 띄기를 원한다. 랜딩 페이지는 브랜드를 반영하며 신규 가입, 판매 및 팔로워를 확보할 수 있는 기회다. 좋은 인상을 남기고 청중이 원하는 것을 정확하게 제공하고 싶어 한다. 하지만 좋은 랜딩 페이지는 무엇일까? 답변은 여러분이 속한 비즈니스 유형과 원하는 결과에 따라 약간씩 다를 수 있지만 모든 사람이 따라야 할 몇 가지 디자인 팁이 있다. 시작하는 데 도움이 되도록 랜당 페이지 디자인 팁이 포함.. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 웹 사이트 디자인 개선을 위한 모범 사례 6가지
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 웹 디자인은 높은 소비자 특성과 미적 특성을 제공하기 위한 것이다. 방문자가 사이트에 머무르는 시간은 사이트가 얼마나 이해 가능하고 적응력 있고 매력적인가에 따라 다르다. 사용자가 올바른 사이트를 열었는지 확인하는 데 보통 15초 미만이 걸린다. 따라서 웹 디자인과 사이트 유용성은 전환율에 직접적인 영향을 미친다. 아주 드물게 우리는 처음에 완벽하게 무언가를 하게 된다. 이 규칙은 기술에서도 마찬가지다. 웹 사이트 디자인을 개선하기에는 너무 늦지 .. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 인스타그램(Instagram) 알고리즘 비밀, 마침내 밝혀지다
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 인스타그램(Instagram)은 신비한 알고리즘과 피드에 표시되는 내용에 영향을 미칠 수 있는 방법을 설명하는 블로그 게시물을 발표했다. 이는 플랫폼의 크리에이티브 커뮤니티에 참여하는 크리에이티브에게 특히 유용한 정보이고 영감을 받고 참여하는 크리에이터를 지원하는 데 도움이 될 것이다. 아울러 보다 상세한 내용은 아래 인스타그램 알고리즘 관련 설명글 링크를 통해 확인할 수 있다. 인스타그램 블로그 - 인스타그램의 작동 방식에 대한 더 많은 설명 인스.. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 모바일 앱, 웹 디자이너를 위한 색상 팔레트 생성기
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 모바일 웹, 앱 UI 디자인을 할 때, 직관적인 인터페이스로 손쉽게 컬러 조합을 생성할 수 있는 모바일 팔레트 생성기를 소개합니다. 모바일 팔레트 생성기(Mobile Palette Generator)는 디자이너, 개발자뿐만 아니라 누구나 원하는 메인 컬러를 베이스로 보조 컬러와 강조 컬러에 이르기까지 모바일 컬러 조합 구성을 마우스 클릭 한 번으로 자동 생성하고 실제 모바일 앱, 웹 디자인 프로젝트에 바로 적용할 수 있어 매우 유용합니다. 모바일 .. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 디자이너가 알아야 할 심리학 원칙 15가지
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 웹 디자이너로서 여러분은 고객이 좋아할 웹 사이트를 구축하는 사업을 하는 것이 아니다. 직관에 반하는 것처럼 보일 수 있지만 고객의 개인 미학과 방문자를 고객으로 전환하는 데 실제로 효과가 있는 것이 얼마나 자주 차이가 있는지 생각해 보자. 그래서, 고객의 청중을 위한 웹 사이트를 디자인하는 사업을 하고 있다. 하지만 제대로 된 결과를 얻으려면 어떻게 해야 하는 걸까? 고객이 말한 것을 액면 그대로 받아들일 수는 있지만 이는 잠재 고객이 누구인지 .. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 스타벅스 로고의 숨겨진 비밀, 우리가 전혀 눈치채지 못했던 것은?
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 여러분이 스타벅스 커피에 대해 어떻게 느끼든 간에 스타벅스 로고가 디자인에서 가장 상징적인 것 중 하나라는 것을 부인할 수 없다. 그러나 스타벅스의 상징인 사이렌, 그녀가 보이는 것처럼 완벽하지 않다. 나중에 설명하겠지만 매혹적인 배경 이야기와 그래픽으로 완성되는 카페인 사이렌은 전 세계에서 즉시 알아볼 수 있다. 그러나 사이렌을 더욱 특별하게 만들기 위해 일부러 실수를 한 디자이너들을 본 적이 있는가? 실수같은 작은 디테일은 캐릭터 코의 오른쪽 상.. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천 -
[비공개] 앱 스토어 제품 페이지 스크린 샷 빠르고 손쉽게 만드는 방법
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 많은 개발자들이 앱 제품 페이지 스크린 샷을 각각의 앱 스토어에 맞게 만드는 것은 많이 불편하고 번거로울 수도 있다. 물론 제품 페이지 디자인을 멋지게 만들어 줄 실력 좋은 디자이너가 곁에 있다면 전혀 걱정할 게 없겠지만. 애플 앱 스토어(App Store), 구글 플레이 스토어(Play Store), 마이크로소프트 스토어(Store) 등에 쓰이는 제품 페이지에 대한 앱 스크린 샷을 만드는 가장 빠른 방법을 찾는다면 Traction이 만든 앱 스토.. 반응형 (adsbygoogle = window.adsbygoogle || []).push({});추천
1510개
1044610개
715007개
