오픈 소스와 디자인 툴의 만남, Penpot
Penpot은 디자이너와 개발자가 협업할 수 있는 무료 오픈 소스 디자인 툴입니다. 웹 기술로 만들어져 브라우저에서 작동하며, 플러그인 시스템을 통해 사용자가 필요한 기능을 추가할 수 있습니다. 플러그인 콘테스트도 진행 중이니 참여해 보세요!
오픈 소스와 디자인 툴의 만남, Penpot
Penpot은 디자이너와 개발자가 협업할 수 있는 무료 오픈 소스 디자인 툴입니다. 웹 기술로 만들어져 브라우저에서 작동하며, 플러그인 시스템을 통해 사용자가 필요한 기능을 추가할 수 있습니다. 플러그인 콘테스트도 진행 중이니 참여해 보세요!
스매싱 북과 워크샵에서 대규모 할인 혜택을 누리세요
스매싱에서는 11월 내내 3권 이상의 책/전자책과 온라인 워크샵을 구매할 경우 30% 할인을 제공합니다. 사용자는 자신만의 맞춤형 번들을 구성하거나, 프론트엔드 번들, 디자인 베스트 프랙티스 번들 등 추천 번들 중에서 선택할 수 있습니다. 또한, 스매싱 전자책 라이브러리 전체를 $75에 제공하는 특별 거래도 있습니다.
일반적인 기술 일러스트레이션 및 데이터 시각화 대안
이 기사는 바 그래프나 파이 차트와 같은 전형적인 방식을 넘어서는 기술 일러스트레이션 및 데이터 시각화의 흥미로운 예시들을 소개합니다. 3D 플로우 다이어그램, 카드 다이어그램, 피라미드 그래프 등 다양한 대안적 시각화 기법을 탐구하며, 이를 통해 정보를 더 창의적이고 매력적으로 전달할 수 있습니다.
라이트하우스 점수 최적화만으로는 충분하지 않은 이유
라이트하우스는 웹사이트 성능 측정에 편리하지만, 실제 사용자 데이터를 반영하지 않아 한계가 있습니다. 실제 사용자 모니터링(RUM) 도구와 함께 사용할 때 비로소 웹사이트 성능을 정확히 파악할 수 있습니다. 라이트하우스와 함께 DebugBear 같은 도구를 사용해 보세요.
2024년 11월을 위한 아늑한 배경화면 컬렉션
이 글에서는 전 세계 예술가들이 만든 독특하고 영감을 주는 2024년 11월 데스크탑 배경화면을 소개합니다. 재즈와 소울의 음악, 알프스의 눈 덮인 풍경, 신비로운 동굴 장면 등 다양한 테마가 있으며, 달력이 있는 버전과 없는 버전 모두 무료로 다운로드할 수 있습니다.
Z세대를 위한 디자인: 기대와 UX 지침
Z세대는 다양성과 포용성을 중시하며, 접근성, 포용성, 지속 가능성, 워라밸을 중요하게 생각합니다. 브랜드와 광고에 대해 회의적이며, 정보는 주로 사회적 관계나 인플루언서를 통해 얻습니다. UX 디자인은 진정성, 접근성을 기본으로 하고, 모바일 최적화, 자막 지원, 동기 부여, 비판적 사고를 장려해야 합니다.
CSS min() 함수로 반응형 웹 디자인 혁신하기
이 기사에서는 미디어 쿼리 대신 CSS min()
함수를 사용하여 반응형 웹 디자인을 구현하는 방법을 탐구합니다. min()
함수와 뷰포트 단위를 결합하여 미디어 쿼리 없이도 유연하게 조절되는 레이아웃을 만드는 실험을 소개하며, 이를 통해 웹 디자인에 있어 균형 잡힌 접근 방식의 중요성을 강조합니다.
새로운 UX 디자인 영향력 측정 방법, 비탈리 프리드만과 함께
비탈리 프리드만의 새로운 비디오 강좌가 출시되었습니다! 이 강좌는 디자인 KPI 설정, 비즈니스 목표를 디자인 계획으로 전환, 적절한 메트릭 선택 등을 다루며, UX 전문가와 디자인 리더를 위한 실용적인 전략을 제공합니다.
멀티모달 AI 모델을 활용한 애플리케이션 개발 (3부)
멀티모달 AI 모델은 텍스트, 이미지, 오디오 등 다양한 입력을 하나의 구조에서 처리할 수 있습니다. Reka와 Gemini는 각각의 장점을 가진 멀티모달 모델로, 효율적인 모델 전환과 클라우드 통합이 강점입니다. 이러한 모델들은 이미지 인식, 텍스트 생성 등 다양한 작업에서 뛰어난 성능을 보여줍니다.
FOMO를 이겨내기 위한 정적 RSS 리더 구축하기
이 글에서는 Astro, TypeScript, rss-parser 패키지, 그리고 Netlify의 예약된 함수와 빌드 훅을 사용하여 정적 RSS 리더를 만드는 방법을 소개합니다. 최신 뉴스를 접하면서도 정보 과잉에 압도당하지 않는 방법을 제공하는 것이 목표입니다.
하단부터 시작하는 디자인 접근법이 웹사이트 접근성을 향상시키는 방법
이 기사는 하단부터 시작하는 디자인 접근법이 웹사이트의 접근성을 어떻게 향상시킬 수 있는지에 대해 설명합니다. 이 접근법은 사용자의 구체적인 요구사항과 세부사항에 초점을 맞추며, 특히 신경 다양성을 가진 사용자들에게 잘 맞습니다. 접근성을 처음부터 내장시키고, 사용자 중심의 디자인 과정이 다양한 능력을 가진 사용자들에게 실제로 사용 가능한 웹사이트를 만드는 데 중요하다는 점을 강조합니다.
오클랩 색공간 창시자, 비외른 오토손과의 인터뷰
스웨덴 엔지니어 비외른 오토손은 기존의 색공간이 인간의 색채 인식과 잘 맞지 않는다는 문제를 해결하기 위해 오클랩을 개발했습니다. 이 색공간은 색상의 균일성과 명도 및 채도 처리의 균형을 맞추는 것을 목표로 하며, 실용적인 사용을 위해 설계되었습니다.
까마귀, 유령, 그리고 가을의 황홀함 (2024년 10월 바탕화면 에디션)
2024년 10월을 맞이하여 가을과 할로윈을 기념하는 다양한 바탕화면 컬렉션을 소개합니다. 전 세계의 아티스트들이 자유롭게 표현한 까마귀, 유령, 호박 등의 디자인이 특징입니다. 달력이 있는 버전과 없는 버전 모두 제공되며, 독자들은 자신의 디자인을 제출할 기회도 가질 수 있습니다.
사용자 인터페이스에서 위험한 행동 관리 방법
이 기사는 사용자 인터페이스에서 위험한 행동을 관리하는 전략에 대해 설명합니다. 모달 대화상자, 인라인 가드, 이중 인증, 패스키, 제2의 사용자 확인 등 다양한 방법을 소개하며, 상황에 맞게 적절한 방법을 선택하는 것이 중요하다고 강조합니다.
스프레드시트의 불멸의 힘
스프레드시트는 수천 년 동안 사용되어 왔으며, 협업, 구조, 유연성, 강력한 기능, 호환성 등 많은 이점을 제공합니다. 예를 들어, 'The Guardian' 신문에서는 데이터 시각화 도구 'Galaxies'를 운영하는 데 스프레드시트를 활용하고 있습니다. 이처럼 스프레드시트는 여전히 강력하고 유연한 도구로서, 전문화된 조직 소프트웨어 시대에도 중요한 역할을 합니다.
UX에서 내향성을 받아들이기
내향성이 UX 연구 및 디자인에서 강력한 힘을 발휘할 수 있다는 점을 강조하는 기사입니다. 내향적인 연구원과 디자이너들이 가진 독특한 강점과 실용적인 팁을 제공하며, 내향성이 약점이 아닌 UX에서 중요한 자산임을 밝힙니다.
손으로 벡터 작성하기: SVG 코딩 예제
이 기사는 SVG 요소의 기본 작동 원리를 설명하고, 좌표 시스템과 viewBox
같은 개념을 소개합니다. 또한, 사각형, 선, 원 등 다양한 모양을 그리는 방법과 JavaScript를 사용하여 SVG 요소를 조작하는 예제를 제공합니다. 복잡한 SVG 구성을 위한 코드 반복을 줄이는 방법도 다룹니다.
SVGator를 이용한 맞춤형 롯티 애니메이션 제작
SVGator는 이제 사용자가 추가 소프트웨어 없이 롯티 애니메이션을 직접 만들고 내보낼 수 있습니다. 이 도구는 JSON 파일을 가져오고, 새로운 애니메이션 자산을 추가하며, 처음부터 새 요소를 만들어 애니메이션화하는 과정을 단계별로 안내합니다. SVGator는 디자이너와 개발자가 생산 준비가 된 맞춤형 롯티 애니메이션을 만드는 데 강력한 도구입니다.
Luzmo Flex를 사용하여 맞춤형 데이터 시각화 구축 방법
Luzmo Flex는 웹 애플리케이션에 통합할 수 있는 맞춤형, 상호 작용적인 데이터 시각화를 생성할 수 있게 해주는 새로운 기능입니다. 이 기능을 사용하면 다양한 차트(도넛, 선형, 막대)를 쉽게 만들 수 있으며, Google Analytics API에서 데이터를 가져와 사용합니다. Luzmo Flex를 사용하면 데이터 포맷 작업 없이도 사용자가 직접 차트를 구성할 수 있습니다.
기업에서 예측 디자인이 실패하는 이유
이 기사는 AI, 머신러닝, 빅데이터를 활용한 예측 디자인의 도전과제를 다룹니다. 많은 기업들이 높은 기대치를 충족시키지 못하고 있습니다. 투명성과 책임성이 중요하며, 사용자의 요구를 정확히 파악하지 못하는 것이 주된 실패 원인입니다. 예측 디자인의 성공은 인간 경험을 향상시키는 데에 달려있습니다.