Kor/UX&UI52 흔들리지 않는 선명한 디자이너가 되는 법 안녕하세요, 디자이너 여러분! 오늘은 디자이너로 성장하면서 자신의 의견을 표현하고 다른 이의 의견에도 흔들리지 않는 선명한 디자이너가 되기 위해서 지금까지 어떤 마음가짐과 노력을 했는지 되돌아보면서 정리한 내용에 대해 공유해보겠습니다. 1. 자신을 알자 디자이너로서, 우선 자신을 잘 알아야 한다고 생각해요. 내가 어떤 부분에서 뛰어나고, 어디서 부족한지를 깊이 이해하고, 어떤 디자이너로 성장하고 싶은지 명확히 정의해봐야 해요. 2. 논리적 사고와 분석 능력 강화 자신의 의견을 남에게 이해시키기 위해서는 논리적 사고와 분석 능력이 필수적이에요. 우리는 아티스트가 아니라 디자이너이기 때문에 논리적으로 생각하고, 다른 이의 의견을 꼼꼼히 살펴보며 효과적으로 의사소통하는 법을 익혀봐야 돼요. 예쁘고 좋은 디자인.. 2023. 11. 15. 스프라이트 기법 (2) - GIF도 스프라이트로? 앞에서 이야기한 이미지 스프라이트 기법은 GIF 이미지에도 활용할 수 있습니다. GIF 스프라이트를 사용하면 일반 이미지 스프라이트처럼 하나의 큰 이미지만 다운로드하기 때문에 GIF의 큰 용량 대신 적은 용량으로 구현할 수 있어 웹 페이지의 로딩 속도가 빨라지고, 네트워크 대역폭을 절약할 수 있습니다. 그렇다면 GIF 스프라이트는 어떻게 만들수 있을까요? 일반 이미지를 스프라이트 맵으로 만드는 것처럼 GIF 역시 같은 방법으로 만들 수 있지만, 좀 더 쉽게 만들기 위해서는 다양한 툴을 활용할 수도 있습니다. 제가 선택한 가장 쉬운 방법은 포토샵과 웹사이트(https://www.toptal.com/developers/css/sprite-generator)를 활용하는 것입니다. GIF 스프라이트 맵 만들기 .. 2023. 11. 1. 스프라이트 기법 (1) - 이미지 최적화의 기술 스프라이트 기법(Sprite Technique)? 웹 개발에서 스프라이트 기법(Sprite Technique)은 이미지 및 그래픽 파일 관리의 한 형태로, 여러 이미지를 하나의 이미지로 결합하여 웹 페이지의 성능을 최적화하는 기술입니다. 스프라이트 기법의 주요 특징은 다음과 같습니다: 이미지 결합 여러 개의 작은 이미지를 하나의 큰 이미지로 결합합니다. 이를 통해 브라우저는 한 번의 요청으로 모든 이미지를 가져오므로 네트워크 레이턴시(지연 시간)를 줄일 수 있습니다. 스프라이트 맵 결합된 이미지와 해당 이미지의 위치 정보를 가진 스프라이트 맵을 만듭니다. 스프라이트 맵은 CSS에서 이미지 위치와 크기를 지정하는 데 사용됩니다. 이미지 위치 (X, Y 좌표) 스프라이트 이미지 내에서 각 작은 이미지 조각의.. 2023. 10. 30. Figma AI 플러그인으로 더 스마트하게 디자인하기 최근 AI가 여러 분야에 쓰이면서 Figma에도 다양한 플러그인이 나오고 있습니다. 이젠 AI를 잘 다루는 것 만으로도 더 많고 빠른 작업을 할 수 있는 디자이너가 될 수 있습니다. 오늘은 Twitter Thread로 @felixleezd님이 정리한 Figma AI 플러그인 8개에 대해서 공유해보려합니다. 1/ Automator (@diagram) Automator를 사용하면 한 번의 클릭으로 모든 Figma 작업을 수행하는 사용자 정의 자동화를 구축할 수 있습니다. 무료로는 사용가능한 기능에는 한계가 있지만 한 달에 12$ 결제를 통해서 100개 이상의 다양한 기능을 사용 할 수 있으며, Automator Community에서 유저들이 만든 자동화 도구를 받아서 사용해 볼 수 있습니다. → 웹사이트: .. 2023. 6. 7. 접근성에 대한 UI/UX 디자인 가이드 서론 웹사이트나 앱 등 디지털 콘텐츠를 사용하는 능력인 접근성은 모든 사용자들에게 중요합니다. 이 가이드는 UI/UX 디자이너들이 접근성을 고려해 디자인을 할 수 있도록 도와줍니다. UI/UX 디자이너들은 색상, 폰트, 이미지, 키보드 네비게이션 등 다양한 요소를 고려해야 합니다. 색상 색맹이나 시각적 장애를 가진 사용자들을 위해 색상 대비를 고려해야 합니다. 색상 대비는 텍스트와 배경 색상 간의 대비를 말합니다. WCAG 2.1 AA 레벨은 최소한 4.5:1의 대비를 요구하고 있습니다. 더 높은 대비를 사용하면 더 좋습니다. 예를 들어, 검은색 텍스트와 흰색 배경은 대비 비율이 21:1이며, 시각적으로 장애가 없는 사용자들도 쉽게 읽을 수 있습니다. 예시: 텍스트와 배경색 대비를 고려해, 검은색 텍스트.. 2023. 3. 14. 브랜딩 및 마케팅을 위한 UI/UX 디자인 전략 개요 UI/UX 디자인은 제품 또는 서비스가 고객에게 제공하는 첫인상을 형성하는 중요한 역할을 합니다. 브랜딩 및 마케팅을 위한 UI/UX 디자인 전략은 고객에게 직관적이고 편리한 사용 경험을 제공하면서 동시에 브랜드의 이미지와 가치를 전달하는 것입니다. UI/UX 디자인 전략은 브랜딩과 마케팅 전략에 밀접한 관련이 있습니다. 브랜딩은 제품 또는 서비스의 고유한 가치와 이미지를 전달하는 것이며, 마케팅은 제품 또는 서비스를 홍보하고 판매하는 것입니다. UI/UX 디자인은 이러한 브랜딩과 마케팅 전략을 시각적으로 구현하는 방법 중 하나입니다. 브랜딩을 위한 UI/UX 디자인 전략 브랜딩은 제품 또는 서비스의 고유한 가치와 이미지를 전달하는 것입니다. 브랜딩을 위한 UI/UX 디자인 전략은 브랜드의 시각적 .. 2023. 3. 13. 이전 1 2 3 4 ··· 9 다음 반응형
