.ux { flex-grow:1; }
close
프로필 배경
프로필 로고

.ux { flex-grow:1; }

  • 분류 전체보기 (61)
    • UX 디자인 (10)
    • HTML&CSS (18)
    • JS (2)
    • 폰트 (11)
    • Tool&작업환경 (6)
    • 업무 Tip (7)
    • 제품리뷰 (5)
    • Box (0)
    • 내맘대로 포스팅 (1)
  • 홈
  • UX 디자인
  • HTML&CSS
  • JS
  • 폰트
  • Tool&작업환경
  • 업무 Tip
  • 제품리뷰
  • Box
  • 내맘대로 포스팅
  • 태그
Shots.so: 빠르고 간편한 목업 제작 도구

Shots.so: 빠르고 간편한 목업 제작 도구

디자인 작업에서 목업(mockup)을 만드는 일은 필수적이지만, 많은 시간과 노력이 소요될 수 있습니다. 하지만 Shots.so를 사용하면 누구나 쉽고 빠르게 전문적인 목업을 제작할 수 있습니다. Shots.so란 무엇인가Shots.so는 무료로 제공되는 온라인 목업 생성 도구로, 사용자가 간단한 드래그 앤 드롭만으로 다양한 디바이스와 소셜 미디어 플랫폼에 최적화된 목업 이미지를 만들 수 있도록 설계되었습니다. 특히 웹사이트, 앱, 제품 디자인 등 다양한 프로젝트에 활용할 수 있다는 것이 장점입니다.Shots.so의 주요 기능다양한 디바이스 지원: 스마트폰, 태블릿, 노트북, 데스크톱, Apple Watch 등 최신 디바이스를 포함한 목업 템플릿 제공사용자 친화적인 인터페이스: 직관적인 UI로 초보자도 ..

  • topic Tool&작업환경
  • · 2025. 4. 11.
  • textsms
PPT용 폰트 추천 : 페이퍼로지체 - G마켓산스+Montserrat

PPT용 폰트 추천 : 페이퍼로지체 - G마켓산스+Montserrat

디자이너라면 모두 알겠지만, 폰트의 완성도가 디자인에 미치는 영향이 무척 큽니다. G마켓산스는 무료로 사용 가능한 폰트로서 디자이너들에게 환영받는 폰트입니다. 하지만 지마켓산스에도 몇 가지 아쉬운 점이 있었는데, 이 점을 보완한 페이퍼로지체를 소개합니다.   위 그림은 파워포인트(PPT)에서 도형 안에 텍스트를 작성한 예시입니다. G마켓산스의 경우, 박스 위쪽에 텍스트가 치우친 것을 확인할 수 있습니다. 그리고 자간도 더 넓지요. 아래 그림을 보겠습니다.111,111보다 99,000가 더 작은 숫자임에도 G마켓산스에서는 99,000이 더 차지하는 공간이 커서 직관적이지 못합니다. 페이퍼로지는 숫자의 경우, 고정폭으로 만들어져서 숫자 간의 비교가 더 쉬워졌습니다. G마켓산스와 페이퍼로지의 폰트 두께G마켓산..

  • topic 폰트
  • · 2025. 4. 10.
  • textsms
소규모 기업을 위한 UX 디자인 전략

소규모 기업을 위한 UX 디자인 전략

UX 디자인은 모든 디지털 제품 성공에 필수적인 요소입니다. 그러나 UX 디자인을 처음 시작하는 단계에서는 어디서부터 출발해야 할지 막막하게 느껴질 수 있습니다. 특히 소규모 기업의 경우에는 이러한 어려움이 더욱 두드러질 수 있습니다. 본 글에서는 소기업이 UX 디자인을 효과적으로 도입하고 활용할 수 있는 방법에 대해 소개하겠습니다.UX 디자인이란 무엇인가?UX(User Experience) 디자인은 제품이나 서비스를 사용하기 쉽게 만들어 사용자 경험을 개선하는 과정을 의미합니다. 타겟 시장을 조사하고 그들의 니즈와 행동을 이해한 뒤, 문제를 해결할 수 있는 인터페이스를 설계하는 것을 포함합니다. 이 과정은 제품의 복잡성에 따라 몇 달에서 몇 년이 걸릴 수도 있지만, 궁극적으로 고객 만족도를 높이고 사업..

  • topic UX 디자인
  • · 2025. 4. 9.
  • textsms
SweetAlert2 알림창 디자인 커스터마이징 방법

SweetAlert2 알림창 디자인 커스터마이징 방법

SweetAlert2는 기본 JavaScript의 단순한 알림창을 대체하여 더 아름답고 기능적으로 우수한 알림창을 제공합니다. SweetAlert2는 jQuery가 필수로 필요하지 않습니다. 이 라이브러리는 독립적인 JavaScript 라이브러리로 설계되어 있으며, jQuery 없이도 완벽히 동작합니다.기본 설치 및 사용법먼저 SweetAlert2를 설치하거나 CDN 링크를 추가해야 합니다:CDN 사용: 아래 코드를 HTML 파일의 태그에 추가하세요.https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">NPM 또는 Yarn 설치:npm install sweetalert2또는yarn add sweetalert2알림창 디자인 커스터마이..

  • topic JS
  • · 2025. 4. 9.
  • textsms
A/B UX 테스트: 사용자 경험을 개선하는 데이터 기반 접근 도구

A/B UX 테스트: 사용자 경험을 개선하는 데이터 기반 접근 도구

디지털 제품의 성공은 사용자 경험(UX)에 달려 있습니다. 하지만 어떤 디자인이 더 나은 결과를 가져올지 확신하기 어려운 경우가 많습니다. 이때 A/B UX 테스트는 데이터를 기반으로 명확한 결정을 내릴 수 있는 강력한 도구로 활용됩니다.1. A/B UX 테스트란 무엇인가?A/B UX 테스트는 두 가지 버전(A와 B)의 디자인이나 기능을 사용자 그룹에 나눠 제공하고, 각 버전의 성과를 비교하여 더 나은 결과를 도출하는 데이터 기반 UX 연구 방법입니다.버전 A: 기존 디자인버전 B: 새로운 디자인예를 들어, 버튼 색상을 변경하거나 레이아웃을 조정한 두 가지 버전을 테스트하여 클릭률이나 전환율을 비교할 수 있습니다. 이를 통해 어떤 요소가 사용자 행동에 긍정적인 영향을 미치는지 확인할 수 있습니다.2. A..

  • topic UX 디자인
  • · 2025. 4. 8.
  • textsms
휴리스틱 평가: UX 디자인을 개선하는 방법

휴리스틱 평가: UX 디자인을 개선하는 방법

디지털 제품의 성공은 사용자 경험(UX)의 질에 달려 있습니다. 하지만 사용성 문제를 사전에 발견하고 해결하는 것은 쉽지 않은 작업입니다. 이때 휴리스틱 평가는 UX 디자인에서 발생할 수 있는 문제를 효과적으로 파악하고 개선 방향을 제시하는 도구로 활용할 수 있습니다. 이번 글에서는 휴리스틱 평가의 정의와 중요성, 그리고 이를 활용하는 방법과 사례를 소개하겠습니다. 1. 휴리스틱 평가란 무엇인가?휴리스틱 평가는 사용성 검사 방법 중 하나로, 전문가들이 미리 정의된 사용성 원칙(휴리스틱)에 따라 인터페이스를 평가하고 문제점을 식별하는 과정입니다.목적: 사용자 인터페이스에서 발생할 수 있는 사용성 문제를 찾아내고 해결 방안을 제시합니다.주요 특징: 실제 사용자 테스트 없이도 문제를 빠르게 발견할 수 있는 간..

  • topic UX 디자인
  • · 2025. 4. 8.
  • textsms
  • navigate_before
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ···
  • 11
  • navigate_next
notifications_none Notice
  • flexbox, 그는 누구인가!
article Category
  • 분류 전체보기 (61)
    • UX 디자인 (10)
    • HTML&CSS (18)
    • JS (2)
    • 폰트 (11)
    • Tool&작업환경 (6)
    • 업무 Tip (7)
    • 제품리뷰 (5)
    • Box (0)
    • 내맘대로 포스팅 (1)
tips_and_updates Recent Articles
grade Popular Articles
textsms Recent Comments
local_offer Tags
  • #UX디자인
  • #UX디자이너
  • #사용자 경험
  • #프리텐다드
  • #선택자
  • #웹폰트
  • #CSS
  • #폰트
  • #UX 디자인
  • #애플
trending_up Visitors
Today
Yesterday
Total
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바