Category: 디자인

와리 직물의 비밀: 약탈과 안데스 미술의 변형

2025-02-14
와리 직물의 비밀: 약탈과 안데스 미술의 변형

와리 직물은 안데스 직물 예술의 가장 뛰어난 사례 중 일부입니다. 그러나 출처가 불분명하여 연구에 어려움이 있습니다. 많은 작품이 불법적인 수단으로 세계 컬렉션에 들어왔습니다. 고고학적 맥락이 부족하여 원래 기능과 의미를 이해하기 어렵습니다. 전문가들은 신체에 착용하는 다감각적인 앙상블에서 서구 소비를 위한 평평한 미술품으로 변형되는 것을 포함한 변형 사례를 문서화했습니다. 이러한 조작은 원래의 문화적 맥락과 목적을 모호하게 만듭니다.

사랑에 길을 잃다: 이름 기반 생성형 아트 미로

2025-02-14
사랑에 길을 잃다: 이름 기반 생성형 아트 미로

Bèr Kessels의 "사랑에 길을 잃다"는 사용자가 제공한 두 개의 이름을 기반으로 고유한 미로를 생성하는 생성형 아트 프로젝트입니다. 재귀적 백트래킹 알고리즘을 사용하여 미로 생성 과정을 애니메이션으로 보여줍니다. 미로 디자인은 이름에서 생성된 랜덤성에 의해 결정되며, 사용자 정의 옵션은 없습니다. 두 이름만을 기반으로 고유한 아트워크를 만드는 것이 목표입니다. 코드는 오픈소스이며 GitHub에서 이용할 수 있습니다.

구현된 알파벳: 르네상스 인본주의에서 교육적 주석까지

2025-02-13
구현된 알파벳: 르네상스 인본주의에서 교육적 주석까지

활자 문자는 오랫동안 인체의 형태와 연관되어 왔습니다. 루카 파치올리와 조프루아 토리와 같은 르네상스 인물들은 1534년 페터 플뢰트너의 목판화 '멘셴알파벳'에서 볼 수 있듯이 문자 비율의 기초로 인체 해부학을 사용했습니다. 'The Comical Hotch Potch'(1782)와 같은 후대 작품들은 알파벳을 사용하여 교육의 인격 형성 측면을 미묘하게 논평하고, 문자 형태를 모방하기 위해 코믹하게 몸을 비틀는 인물들을 묘사함으로써 초점을 이동시켰습니다.

디자인 르네상스 인체

YouTube의 미묘한 디자인 변경: 세련된 빨강

2025-02-13
YouTube의 미묘한 디자인 변경: 세련된 빨강

YouTube는 상징적인 빨간색에 초점을 맞춰 브랜드 이미지를 은근하게 새롭게 했습니다. 이전의 순수한 빨간색은 일부 화면에서 주황색으로 표시되거나 화면 잔상의 원인이 되는 등 기술적인 문제가 있었습니다. 새로운 빨간색은 약간 차가운 색조로, 이러한 문제를 해결하면서 활기차고 친근한 분위기를 유지합니다. 이는 혁신적인 대대적인 개편이 아니라 신중한 개선으로, 다양한 기기와 화면에서의 사용자 경험 향상을 목표로 하며 브랜드 정체성을 유지합니다.

디자인 브랜드 쇄신

AI 디자인의 역설: 편리성 vs. 창의성

2025-02-12
AI 디자인의 역설: 편리성 vs. 창의성

베테랑 디자이너가 AI 디자인 도구의 양면성을 탐구합니다. AI는 빠른 디자인 생성을 제공하지만 동시에 디자인 프로세스를 압축하여 영감이 떠오르는 기다림, 탐구, 반복의 중요한 순간인 '생산적인 공백'을 제거합니다. 저자는 이러한 '프로세스 붕괴'가 표면적이고 독창성 없는 디자인으로 이어질 위험이 있다고 주장하며, AI가 인간의 창의성을 저하시킬 가능성에 대한 우려를 표명합니다. 그는 디자이너들에게 AI를 신중하게 사용하고, 창의성을 확장하는 도구로 인식하며, 디자인 프로세스에 내재된 마찰과 성찰을 중시할 것을 촉구합니다.

디즈니의 '사라지는 그린': 인프라 위장

2025-02-12
디즈니의 '사라지는 그린': 인프라 위장

디즈니 파크는 스피커, 펜스, 쓰레기통 등의 인프라를 환경에 매끄럽게 통합하기 위해 '사라지는 그린'이라고 불리는 다양한 녹색, 회색, 갈색, 파란색 등의 차분한 색조를 사용합니다. 군용 색상에서 영감을 얻은 이러한 정교한 위장 기술은 방해 요소를 최소화하고 몰입형 경험을 향상시켜 방문객의 주의를 공원의 기능적 요소가 아닌 어트랙션에 집중시킵니다. 이 전략은 대형 시설과 소규모 인프라 모두에 적용됩니다.

셰이더를 사용하여 놀라운 후처리 효과 만들기

2025-02-09
셰이더를 사용하여 놀라운 후처리 효과 만들기

이 글에서는 저자가 2024년에 셰이더 기법을 배우고 후처리에 적용한 경험을 자세히 설명합니다. @samdape와 @hahajohnx 같은 아티스트의 작품에서 영감을 얻어 복잡한 픽셀 패턴, 트롱프뢰유 효과, 인터랙티브한 후처리 효과를 만들었습니다. 이 글에서는 픽셀화, SDF 및 임계값 행렬을 사용한 패턴 생성, LED 패널, 직물, 레고 블록, 서리 유리 등의 효과를 구현하는 기술에 대해 자세히 설명하고 코드 스니펫과 데모를 제공합니다.

디자인

데이터 시각화: 일러스트레이션을 넘어 설명으로

2025-02-07
데이터 시각화: 일러스트레이션을 넘어 설명으로

이 글은 수학 공식을 시각적으로 설명하는 혁신적인 방법을 칭찬합니다. 다니엘 플라이슈의 맥스웰 방정식에 관한 책을 예로 들어 기존 학술 논문의 수식은 종종 불투명하지만, 훌륭한 시각화는 복잡한 정보를 명확하게 제시하여 단순한 '일러스트레이션'이 아닌 '설명'을 실현한다고 주장합니다. 이는 에드워드 터프티의 '시각적 설명' 개념과 일치하며, 복잡한 정보를 쉽게 이해할 수 있도록 하는 데이터 시각화의 힘을 지지합니다.

라이트의 역설: 유기적 건축 vs. 마일 높이의 마천루

2025-02-06
라이트의 역설: 유기적 건축 vs. 마일 높이의 마천루

건축계에서는 밀도 문제에 대해 두 가지 상반된 견해가 있습니다. 고밀도를 지지하는 측과 저밀도를 지지하는 측입니다. 유기적인 접근 방식으로 유명한 건축가 프랭크 로이드 라이트는 후자에 속했습니다. 그의 브로드아크리 시티는 그 철학의 전형적인 예입니다. 아이러니하게도 라이트는 마일 높이의 마천루인 '일리노이'도 설계했는데, 이는 그의 유기적인 원칙과 정면으로 대립합니다. 이로 인해 유기적 건축과 고층 빌딩의 공존 가능성에 대한 고찰을 하게 됩니다.

240줄의 코드로 그린 릭: 놀라운 GLSL 애니메이션

2025-02-06
240줄의 코드로 그린 릭: 놀라운 GLSL 애니메이션

이 글에서는 저자가 라이브러리나 이미지 없이 240줄의 GLSL 코드만으로 8개월에 걸쳐 제작한 놀라운 릭 애니메이션에 대해 자세히 설명합니다. 글에는 라이브 코딩 에디터가 포함되어 있어 독자들도 자신만의 애니메이션을 프로그래밍할 수 있습니다. 단계별로 설명되는 과정은 기본적인 색 채우기부터 베지어 곡선, 별 모양, 둥근 모서리 직사각형과 같은 부호가 있는 거리 함수(SDF)를 사용하여 릭의 특징과 머리카락을 정교하게 그리는 것까지 다룹니다. 노이즈 함수와 시간 도메인 워핑을 통해 릭의 머리카락에 역동적인 효과가 더해지고 눈의 무작위 움직임이 추가됩니다. 저자는 루핑 값, 그려진 콘텐츠 전환, 노이즈 모션 등 다양한 애니메이션 기법을 공유하고 완전한 코드와 설명을 제공하여 독자가 자신만의 GLSL 애니메이션을 만들 수 있도록 지원합니다.

디자인 코드 아트

육각형 타일을 사용한 미국 카운티 지도 재구상: 혁신적인 데이터 시각화 접근 방식

2025-02-05

이 기사에서는 혁신적인 데이터 시각화 기법을 소개합니다. 미국 전역의 모든 카운티를 균일한 육각형 그리드로 타일처럼 배치하는 방법입니다. 이 접근 방식은 기존 지도에서 카운티 면적의 차이로 인해 발생하는 편향을 극복하고 인구 밀도, 사회경제적 변수 등을 더 명확하게 표현할 수 있게 해줍니다. 육각형의 고유한 틈새 없는 타일 배치는 정사각형 그리드의 '엣지 효과'를 피하고 카운티 간 인접 관계를 더 정확하게 나타냅니다. 색상 농도나 크기 조정과 같은 시각적 신호를 통해 카운티 간의 다양한 지표(인구 밀도, 경제 지표, 공중 보건 데이터 등) 차이를 강조합니다. 주 또는 지역별 필터링을 통해 집중적인 분석이 가능하며, 이 도구는 의사 결정 및 지역 개발에 유용한 다용도 도구가 됩니다.

디자인 육각형

린 디자인과 사이버네틱스의 만남: 사용자가 목적을 정의한다

2025-02-05
린 디자인과 사이버네틱스의 만남: 사용자가 목적을 정의한다

이 글은 애쉬비와 비어와 같은 이론가들의 아이디어를 바탕으로 사이버네틱스 관점에서 디자인을 탐구합니다. 애쉬비의 필요 충분한 다양성 법칙을 논의하고, 시스템 조절자가 교란에 대처하기 위해 충분한 다양성이 필요함을 강조합니다. 저자는 "사용자 목적 가설"과 "반작용 가설"을 제시하며, 사용자가 궁극적으로 기기의 목적을 결정하고, 인지된 복잡성에 따라 단순화 또는 복잡화를 추구한다고 주장합니다. 이 글에서는 린 원칙에서의 포카요케(오류 방지), 디자인에서의 다양성 비용, 그리고 즉각적인 피드백의 중요성도 탐구하며, 비용과 사용자 경험의 균형을 맞추는 사례 연구로 USB 디자인을 사용합니다. 마지막으로 저자는 크립펜도르프의 말을 인용하여, 인공물의 의미는 고유한 것이 아니라 사용자가 상호 작용을 통해 부여하는 것이며, 디자이너는 특정 제품을 설계하는 것이 아니라 사용자를 강화하는 데 중점을 두어야 한다고 강조합니다.

CSS 호버 애니메이션: 반전 반지름 모양의 영리한 활용

2025-02-02
CSS 호버 애니메이션: 반전 반지름 모양의 영리한 활용

이 글에서는 CSS를 사용하여 멋진 호버 애니메이션 효과를 만드는 방법을 보여줍니다. 반전 반지름 모양, CSS 변수, `@property`를 효과적으로 결합하여 마우스를 올렸을 때 텍스트가 점진적으로 나타나는 애니메이션을 구현합니다. 코드는 간결하고 효율적이며, CSS 마스크와 그라디언트를 사용하여 시각적으로 멋진 효과를 냅니다. CSS 기본 지식이 있는 개발자라면 배울 만한 가치가 있는 CSS 기법입니다.

디자인 CSS 기법

사진작가의 아이폰 오디세이: 뉴스 스탠드 NFT 컬렉션 매진

2025-02-01
사진작가의 아이폰 오디세이: 뉴스 스탠드 NFT 컬렉션 매진

사진작가 Trevor Traynor는 2012년부터 아이폰만 사용하여 전 세계 활기찬 뉴스 스탠드를 기록하는 글로벌 여정을 시작했습니다. 2022년 그는 이 이미지들을 100개의 고유한 NFT 컬렉션으로 변환했고, 몇 달 만에 매진되었습니다. 이 프로젝트는 로스앤젤레스에서 열린 물리적 전시회에서 절정에 달했으며 온라인 및 오프라인 경험을 결합했습니다. 이것은 사진, NFT 기술 및 예술의 성공적인 융합을 보여줍니다.

디자인

웹 디자인: 템플릿에서 표현으로

2025-01-31
웹 디자인: 템플릿에서 표현으로

2010년, 맞춤형 웹사이트는 디자이너의 디지털 명함과 같았습니다. 개발자들은 HTML5의 기능을 활용하여 상상력 넘치는 웹사이트를 만들었습니다. 하지만 템플릿과 자동화 도구의 등장으로 동질화가 심화되었습니다. 현재 브라우저 기술은 크게 발전했지만, 많은 디자이너들은 여전히 낡은 패러다임에 갇혀 있습니다. 이 글에서는 HSL, OKLCH와 같은 새로운 CSS 기능과 컨테이너 쿼리를 활용하여 템플릿의 제약을 넘어서 더욱 표현력 있는 웹사이트를 만들 것을 디자이너들에게 촉구합니다. 웹사이트는 단순한 정보 저장소가 아니라 창의적인 표현의 공간이어야 합니다.

디자인 창의적 표현

Great Question에서 수석 제품 디자이너 채용

2025-01-30
Great Question에서 수석 제품 디자이너 채용

Y Combinator와 Funders Club의 지원을 받는 시드 단계 스타트업인 Great Question에서 수석 제품 디자이너를 채용하고 있습니다. Gusto, Experian, Canva, Brex 등의 기업에서 사용하는 올인원 고객 조사 플랫폼을 구축하고 있습니다. 이 역할에는 소프트웨어 제품 디자인 경험 7~12년, B2B SaaS 및 엔터프라이즈 고객 중심 경험이 필요합니다. 이상적인 지원자는 뛰어난 UX 디자인 기술을 갖춘 강력한 리더로, 컨셉부터 출시까지 복잡한 제품 영역의 디자인을 독립적으로 주도할 수 있어야 합니다.

디자인

우연한 혁명: Gorillaz의 상징적인 뮤직비디오 'Clint Eastwood' 제작 비화

2025-01-29
우연한 혁명: Gorillaz의 상징적인 뮤직비디오 'Clint Eastwood' 제작 비화

이 기사는 Gorillaz의 획기적인 뮤직비디오 'Clint Eastwood'의 감독 Pete Candeland와의 인터뷰를 다룹니다. Candeland는 제작 과정에서의 어려움과 우연한 순간들을 이야기하며, 제한된 예산으로 2D 수작업 애니메이션과 3D CGI 기술을 기발하게 결합한 방법을 자세히 설명합니다. 그는 '네추럴 본 킬러스', '펄프 픽션', '매트릭스'와 같은 영화에서 영감을 얻어 실험과 후반 작업 편집을 통해 오늘날에도 여전히 영향을 미치는 독특한 시각 스타일을 만들어냈습니다. 이것은 단순한 뮤직비디오 제작 과정이 아닌, 혁신, 창의적인 도약, 그리고 예술적 융합의 이야기입니다.

디자인 뮤직비디오

2025년 Delicious Library 재현하기?

2025-01-29

2000년대 초부터 Delicious Library 디자인을 오랫동안 좋아해 온 저자는 웹 앱으로 그 기능을 재현하기 위한 여러 번의 시도를 회고합니다. Code Helper와 같은 내부 도구부터 catalog.im과 같은 독립 프로젝트, 그리고 다양한 디자인 컨셉에 이르기까지 저자의 여정은 끈기 있는 추구를 반영합니다. 이 글은 새로운 웹 기반 Delicious Library 제안으로 마무리되며, 독자의 피드백을 요청하고 향수 어린 소프트웨어 디자인과 현대적인 웹 애플리케이션의 결합에 대한 논의를 촉구합니다.

디자인

타마라 드 렘피카와 1920년대 예술 파티: 퇴폐의 한 조각

2025-01-26
타마라 드 렘피카와 1920년대 예술 파티: 퇴폐의 한 조각

상징적인 타마라 드 렘피카가 주최하는 화려한 1920년대 파티를 상상해 보세요. 이 글은 렘피카의 예술과 파티 참석자들의 묘사를 통해 그 시대를 생생하게 묘사합니다. 초록색 부가티에 도착하는 렘피카 자신부터, 느슨한 드레스를 입은 세련된 플래퍼들, 파란색 새틴 드레스를 입은 기타 연주자, 빨간 모자를 쓰고 속삭이는 여성들, 라 살 공작 부인과 같은 안드로지너스한 인물들까지, 이 글은 1920년대 특유의 패션, 예술, 사회 분위기를 포착합니다. 렘피카의 예술적 스타일은 이야기에 엮여 있으며, 고전적인 참고 자료의 사용과 현대 여성의 독특한 묘사가 강조됩니다.

3D 페인팅 효과를 위한 오픈소스 Krita 브러시 툴킷

2025-01-25
3D 페인팅 효과를 위한 오픈소스 Krita 브러시 툴킷

Draneria는 금속 효과를 모방한 브러시와 고유한 RGBA 지우개를 포함한 무료 Krita 브러시 툴킷을 출시했습니다. 이 지우개는 어떤 붓놀림에도 보편적인 RGBA를 추가하거나 기존 페인트를 평평하게 할 수 있습니다. 설치는 간단하며 .bundle 파일을 가져오기만 하면 됩니다. 툴킷에는 최적의 사용을 위한 추가 팁과 메모도 포함되어 있습니다.

디자인 브러시 3D 효과

Snap Scope: 당신이 가장 좋아하는 초점 거리 찾기

2025-01-24
Snap Scope: 당신이 가장 좋아하는 초점 거리 찾기

Snap Scope는 당신이 가장 좋아하는 초점 거리를 찾는 데 도움이 되는 앱입니다. 기존 사진을 분석하여 일반적으로 사용하는 초점 거리 범위를 지능적으로 파악하고 마음에 드실 만한 렌즈를 추천합니다. 더 이상 초점 거리 선택에 어려움을 겪지 마세요. Snap Scope는 최적의 촬영 각도를 쉽게 찾고 사진 촬영 실력을 향상시키는 데 도움이 됩니다.

디자인 초점 거리

원격 조종 바람: 대륙을 잇는 예술 설치

2025-01-24

데이비드 보웬의 예술 작품 "원격 조종 바람"은 야외에 설치된 식물 줄기에 연결된 가속도계와 갤러리 내 126개의 기계 장치를 사용하여 실시간으로 바람의 움직임을 시뮬레이션합니다. 스페인 빌바오나 모스크바 등 설치 장소에 관계없이 미네소타 대학교 시각화 및 디지털 이미징 연구소 근처 장소에서 수천 킬로미터 떨어진 곳의 바람 변화를 정확하게 포착하여 표시합니다. 기술과 자연의 조화가 훌륭하게 표현된, 환경의 힘을 보여주는 강력한 예술 작품입니다.

cs16.css: 카운터 스트라이크 1.6에서 영감을 받은 CSS 라이브러리

2025-01-24
cs16.css: 카운터 스트라이크 1.6에서 영감을 받은 CSS 라이브러리

cs16.css는 카운터 스트라이크 1.6의 사용자 인터페이스에서 영감을 받은 CSS 라이브러리입니다. 버튼, 체크박스, 입력 필드, 드롭다운 메뉴, 라디오 버튼 그룹, 슬라이더, 대화 상자, 툴팁, 진행률 표시줄, 탭 등 다양한 일반적인 구성 요소에 대해 깔끔하고 사용하기 쉬운 스타일을 제공합니다. HTML의 `` 태그에 CSS 링크를 추가하기만 하면 간편하게 사용할 수 있습니다. 이 라이브러리는 MIT 라이선스 하에 GitHub에서 공개되어 있습니다.

UI 지옥: 4가지 기능 계산기의 경우

2025-01-24
UI 지옥: 4가지 기능 계산기의 경우

이 글에서는 보기에 간단해 보이는 4가지 기능 계산기의 놀랍도록 복잡한 UI 디자인을 심층적으로 살펴봅니다. 기본 구성 요소인 10개의 숫자 키, 연산자, 등호 기호로 시작하여 저자는 숨겨진 복잡성을 드러냅니다. 연속 연산 처리, 음수 입력, 암시적 등호, 레거시 "K 상수" 기능과 같은 문제가 탐구됩니다. 이러한 사소해 보이는 세부 사항은 모순과 사용자 혼란으로 이어지며, 가장 단순한 장치의 설계에 있어서의 과제를 강조합니다. 저자는 유머와 도표를 사용하여 계산기 UI의 복잡한 논리와 역사적 진화를 설명하고, 일상 생활에서 종종 간과되는 디자인의 뉘앙스에 대해 생각해 볼 것을 촉구합니다.

디자인

Ben Pence 포트폴리오: 디자인 및 개발 능력을 보여주는 세련된 전시

2025-01-23

Ben Pence의 웹사이트는 디자이너이자 개발자로서의 그의 능력을 명확하게 보여주는 세련된 포트폴리오입니다. 미니멀리스트 디자인은 그의 작품을 돋보이게 하며, 웹 디자인, 브랜딩, 인터랙티브 경험 등 다양한 프로젝트를 소개합니다. 신중하게 선택된 사례 연구는 시각 디자인과 UX에 대한 전문성을 보여주며, 쉽게 접근할 수 있는 연락처 정보는 잠재적인 고객이나 협력자의 연락을 용이하게 합니다. 전반적으로 매우 효과적이고 인상적인 개인 포트폴리오이며, 전문성과 디테일에 대한 세심함을 반영합니다.

재택근무 눈의 피로 해결: 최적의 조명 환경 만들기

2025-01-22
재택근무 눈의 피로 해결: 최적의 조명 환경 만들기

재택근무로 눈의 피로에 시달리고 있나요? 블로거 Russell Baylis가 최적의 조명 환경을 만드는 경험을 공유합니다. 고르고 부드러운 조명이 눈의 피로를 줄이는 핵심이라고 강조하며, 플로어 램프와 조광 가능한 조명 기구를 사용하여 그림자와 명암 대비를 해소했습니다. 자연광은 빛을 통과시키는 커튼으로 부드럽게 하고, 고품질이며 플리커 프리 조명을 우선시합니다. 20-20-20 규칙과 규칙적인 휴식도 눈 건강에 중요하다고 언급합니다.

디자인 눈의 피로 조명

다른 빛 속의 삶: 2024년 적외선 사진 공모전 수상작

2025-01-22
다른 빛 속의 삶: 2024년 적외선 사진 공모전 수상작

애틀랜틱지는 '다른 빛 속의 삶'이라는 2년마다 열리는 적외선 사진 공모전 수상작을 소개합니다. 전 세계 사진작가들의 3000개가 넘는 출품작이 11개 부문으로 나뉘어 심사되었습니다. 적외선 사진의 독특한 시각을 보여주는 수상작들은 자연과 인간의 매력적인 면모를 보여줍니다. 수상작들은 풍경, 인물 사진, 천체 사진 등 다양한 분야를 아우르며 이 기법의 다양성을 보여줍니다.

옌스 퀴스트고의 Dansk 페퍼밀에 대한 완벽 가이드

2025-01-21

이 웹사이트는 옌스 퀴스트고가 Dansk Designs를 위해 디자인한 페퍼밀 컬렉션에 대한 종합적인 가이드입니다. 각 밀은 독특한 형태, 모델 번호, 분쇄기 유형, 생산 이력 등을 자세히 설명하여 세심하게 기록되어 있습니다. 이 사이트는 이러한 상징적인 디자인의 배경에 있는 스토리를 풀어내고, 형태와 제조 공정의 진화를 보여줍니다. 초기의 완전 금속 분쇄기부터 이후의 플라스틱 변형까지, 이 리소스는 수집가와 디자인 애호가 모두에게 필수적입니다.

1 2 3 4 5 6 8 10