Type Style Clamp Generator 는 웹 프로젝트의 서체 크기를 시각화하는 데 도움이 되는 웹 디자인 온라인 도구입니다. 웹 프로젝트에 사용될 서체를 선택하고 몇 가지 다른 설정을 조정하면 화면에서 바로 서체의 배율을 확인할 수 있습니다. 그리고 사용자 정의된 문구를 대입해서 어떻게 보일지 미리 볼 수도 있습니다. 그런 다음 크기가 다른 기기에서 어떻게 나타나는지 확인합니다. 원하는 배율 구성을 찾아 클릭 한 번으로 코드를 생성해 웹 프로젝트에 적용할 수 있습니다.직관적인 인터페이스로 서체 크기를 시각화하는 서체 배율 선별 생성기(Type Scale Clamp Generator)를 잘 활용하면 웹 디자인 및 웹 개발자들은 시간과 비용을 어느 정도 절약할 수 있습니다.

Design Information/Design Resources 2021. 1. 20. 15:50

디지털 이미지(Digital Images) 101은 실무 디자이너, 예비 디자이너, 디자인 학부생이라면 꼭 알아 두어야 할 기본사항이며, 일반인도 상식 차원에서 알아두면 매우 유용한 디지털 이미지의 모든 것을 다루고 있다.이미지도 텍스트처럼 바이너리로 인코딩되지만 문자 대신 이미지가 픽셀로 구성된다. 픽셀은 그림에서 가장 작은 요소다. 기본적으로 이미지에서 특정 색상을 나타내는 정사각형이다.이해를 돕기 위해 : 그림(picture) + 요소(element) = 픽셀(pixel) 몇 가지 디자인 이미지 일반적인 용어 : 픽셀 (Pixel) : 사진에서 가장 작은 요소(그림 + 요소 = 픽셀) 해상도 (Resolution) : 수직 및 수평 픽셀 수(일명. 픽셀 수) 메가 픽셀 (Megapixel) : 총 ..

Design Information/Design Resources 2021. 1. 18. 07:00

숙련된 디자이너와 초보자의 차이는 전문 디자인 소프트웨어를 다룰 수 있는 지식인 것 같습니다. 어도비 크리에티브 스위트(Adobe Creative Suite)에 대해 알고 잘 다룰 수 있다면 전문가라고 볼 수 있습니다. 많은 전문 디자인 소프트웨어들은 더 이상 특정 워크 플로우에 국한되지 않고 복잡성을 감수하고 다양한 방식으로 사용할 수 있습니다.가끔 어도비 포토샵을 열고 간단한 작업을 할 때가 있습니다. 운 좋게도 오늘날 온라인 도구를 사용하여 많은 일반적인 정리 작업을 해결할 수 있습니다. 무료로 활용할 수 있는 내가 가장 좋아하는 온라인 디자인 도구 컬렉션은 다음과 같습니다. 1. 이미지 배경 제거프로세스는 간단합니다. 사진을 업로드하고 배경없이 사진을 다운로드하면 됩니다. remove.bg의 AI..

Design Information/Design Resources 2021. 1. 17. 14:19

강력한 타이포그래피는 성공적인 로고 디자인의 가장 중요한 요소 중 하나입니다. 모든 서체에는 고유한 개성이 있으며 고유한 인상을 줍니다. 잘 선택된 서체는 브랜드의 목소리와 가치를 강화하는 반면, 잘못된 서체는 대상 고객을 멀어지게 할 위험이 있습니다.글자 그대로 수십만 개의 서체를 선택할 수 있는 상황에서 어떤 서체가 로고에 적합한지 어떻게 알 수 있을까요? 이 글에서는 로고에 적합한 타이포그래피를 선택할 수 있도록 브랜드 폰트 선택을 안내하는 데 도움이 되는 6 가지 필수 팁을 공유합니다. 1. 타이포그래피 기초 이해하기 타이포그래피를 통합하는(또는 전적으로 타이포그래피 형식에 기반한) 로고를 만들기 전에 타이포그래피의 기본사항을 이해하는 것이 중요합니다. 즉, 다양한 종류의 서체(serif, san..

Design Information/Design Resources 2021. 1. 12. 07:00

우리의 눈은 순식간에 엄청난 양의 정보를 얻을 수 있는 강력한 도구입니다. 또한 너무 많은 노력을 기울일 필요가 없습니다. 대부분의 데이터는 무의식적으로 흡수됩니다. 그리고 그것은 시각적 인식 문제를 디자인 영역, 특히 사용자의 문제를 해결하고 요구를 충족시키는 제품 디자인에서 가장 중요한 관심사로 두었습니다. 우리는 인터페이스 아이콘의 가장 중요한 이점을 설명하는 기사에서 아이콘의 역할에 대한 아이디어를 이미 공유했습니다. 오늘의 기사는 Quora의 질문 "UI에서 사람들이 단어보다 아이콘을 더 빨리 인식하는가?"에서 시작된 한 측면을 다루고 있습니다. 우리의 아이디어를 답변으로 공유한 후 독자들을 위해 확장 버전을 제공하기로 결정했습니다. 속도의 측면(The aspect of speed) 시각적 인식..

Design Information/Design Resources 2021. 1. 11. 07:00

최근 들어 해외 마케팅 커뮤니티에 이메일 마케팅 관련 정보들이 크게 주목받고 있다. 이메일 서비스 디자인은 물론 비즈니스 메일 작성 노하우, 팁에 이르기까지 다양하게 다루어지고 있다. 앞서 아래와 같이 몇 건의 글을 통해 이메일 마케팅 관련 유익한 정보를 공유한 바 있지만, 이 글은 비즈니스에 있어 이메일 마케팅 활동을 통해 실질적인 수익으로 도출될 수 있는 전환율을 높이기 위한 이메일 디자인 팁을 최종 정리한 내용이어서 실무에 많은 도움이 될 것이다. 전문적인 이메일 서명 디자인을 위한 5가지 모범 사례이메일 서명 디자인 가이드, 모범 사례 및 예제 본론으로 들어가 지금 이메일 받은 편지함을 확인해 보면 지난 24시간 동안 얼마나 많은 새 프로모션 이메일을 받았는지 그리고 더 중요한 것은 이러한 이메일..

Design Information/Design Resources 2020. 12. 29. 14:44

웹디자인은 다른 디자인 분야와 달리 다양한 리소스가 소요된다. 그러한 까닭에 프로젝트 초기에 리서칭을 통한 리소스 확보에 드는 시간과 비용이 많은 경우가 있다. 일부 센스있는 웹디자이너와 개발자라면 자신만의 리소스 디렉토리를 구성해 놓고 활용하는 사례도 있다. 이 글을 통해서 소개하는 완벽한 웹 개발 도구 찾기가 가능한 웹디자인 툴박스는 한마디로 웹디자인 및 웹 개발 리소스 포털이라고 해도 부족함이 없을 아주 유익한 웹서비스다. 웹디자인 툴박스(Webdesign Toolbox)는 사람이 선별한 웹 디자인 리소스 모음이다. 웹 디자이너, 개발자 및 전략가를 위한 최고의 웹 디자인 앱, 도구 및 기타 리소스를 제공한다. 웹디자인 툴박스(Webdesign Toolbox)는 사용자가 웹 디자인 리소스 선택 범위..

Design Information/Design Resources 2020. 12. 27. 10:44

전문적인 이메일 서명 디자인을 위한 몇 가지 창의적인 모범 사례가 있다. 잘 디자인된 이메일 서명은 강렬한 첫인상을 남기고 수신자에게 큰 영향을 미칠 수 있다. 결국 디자인하는 서명은 전체적으로 브랜드를 반영한다. 소호나 중소기업 대표로서 따라야 할 혁신적인 디자인 기술이 많이 있다. 최고의 이메일 서명 디자인 관행을 따르면 브랜드 조정, 일관성 및 수신자 신뢰를 얻을 수 있다. 또한 이러한 관행을 통해 판매 및 지원을 위해 더 쉽게 연결할 수 있다. 그럼 시작하는 데 도움이 되도록 전문적인 이메일 서명 디자인에 대한 모범 사례를 살펴보자. 1. 그래픽 요소 단순화 전문적인 이메일 서명을 디자인 할 때 항상 그래픽 요소를 가능한 한 단순하게 유지해야 한다. 너무 많은 시각적 개체는 디자인을 빠르게 복잡하..

Design Information/Design Resources 2020. 12. 25. 18:45