디자인사례 (3) 썸네일형 리스트형 타이포그래피로 음악을 표현하는 방법 출처: https://brunch.co.kr/@notefolio/106 타이포그래피로 음악을 표현하는 방법 18만 창작자 회원이 활동하는 크리에이티브 네트워크 '노트폴리오'는 매주 발행되는 뉴스레터를 통해 노트폴리오 픽으로 선정된 작업의 창작 과정의 인터뷰를 소개하고 있습니다. 만약 레터를 brunch.co.kr by 김도연 타이포그래피라는 것은 기본적으로 시각 디자인의 영역에 속합니다. 즉, 사람의 눈에 보여지는 것에 영향을 받을 수 밖에 없습니다. 그런데 여기 이러한 경계에서 벗어나서 보이지 않는 영역을 시각적으로 표현하기 위해 도전한 디자이너가 있습니다. 오늘은 음악을 그래픽으로 풀어낸 타이포그래피 작업, 김도연 디자이너님의 를 소개합니다! 음악을 어떻게 시각적으로 표현할까? 주제에 대한 최초 스케.. 개발자와 디자이너가 보는 디테일의 차이 출처: https://brunch.co.kr/@sarayun/50 -여기는 시안이랑 똑같이 해주세요. -어디가 다른데요? 흔한 개발자와 디자이너의 QA (quality assurance) 대화 이 대화의 문제는 서로 다르게 보고 있음에 의해 발생합니다. 눈이 예민한 사람이 보기에는 명백히 차이가 있는데, 둔감한 사람에게는 그 차이가 인지되지 못하기 때문입니다. 비단 디자이너와 개발자 사이의 문제는 아닌 것 같습니다. 디자이너끼리도 눈의 레벨이 다르고, 현재의 나와 과거의 나의 눈도 다릅니다. 자신의 예전 작업물을 다시 봤을 때 미묘하게 틀어져 보이는 것들을 볼 수 있게 되면 예민함을 캐치하는 눈이 발달하고 있다는 증거입니다. 어쨌든 디테일에도 높은 레벨의 것과 낮은 레벨의 것이 있습니다. 분노는 기본적인.. UI 디자인에서 이상적인 그림자를 만드는 방법 현대 UI 디자인에서 그림자는 모든 곳에 자리하고 있다. fill, stroke 그리고 corner radius의 뒤를 잇는 UI 요소의 중요 부분 중 하나이다. 완전한 플랫 디자인(flat design)은 더 이상 트렌드가 아니다. 간단한 튜토리얼을 통해 카드, 버튼 또는 원하는 UI 컨트롤에 멋진 그림자를 만드는 방법에 대해 알아볼 것이다. 1. 그림자의 기본값(default)을 사용하지 마십시오. Sketch, Figma 또는 Adobe XD 어떤 것을 사용해도 상관없다. 디자인 툴의 모든 기본 그림자는 지양하는 것이 좋다. 만약 당신의 컴포넌트가 깔끔하고 현대적으로 보이게 하려면 항상 모양을 수정해야 한다. 2. 그림자를 부드럽게 만들기 이상적인 그림자 대부분은 그라데이션이 고르고 부드럽다. op.. 이전 1 다음
