세상사 모든 참견

✅ Multi Image Fillhttps://www.figma.com/community/plugin/1486399840040875736/multi-image-fill프레임 또는 사각형에 여러 이미지를 한 번에 삽입할 수 있는 Figma 플러그인입니다.이미지를 파일명 순서대로 정렬해 선택된 오브젝트에 자동으로 배치합니다.🔧 주요 기능선택한 Frame 또는 Rectangle에 이미지 fill 적용이미지 파일을 파일명 기준으로 자동 정렬5MB 초과, 또는 가로/세로 4000px 초과 이미지는 첨부 불가(플러그인 가이드)선택한 오브젝트 수에 맞춰 이미지 수 자동 매칭🚀 사용 방법적용할 Frame 또는 Rectangle을 먼저 선택플러그인을 실행하고 이미지 파일 여러 개 선택적용!!!✅ 이런 분에게 추천합니..

UI 공부 2025. 3. 26. 00:38

Spring Animation은 애니메이션 기법 중 하나로, 물리 법칙을 기반으로 자연스럽게 움직이는 동작을 표현하는 방식입니다. 스프링 애니메이션은 감속이 없는 단순한 이징(easing)과 달리, 물체가 마치 스프링에 매달린 것처럼 자연스럽게 탄성을 가지고 목적지에 다다르는 동작을 표현합니다. 이 방식은 특히 사용자가 상호작용하는 UI 요소에 자연스럽고 유연한 경험을 제공하는 데 유리합니다. OS에서의 사용iOS 및 Android: Spring Animation은 모바일 애플리케이션 UI에서 널리 사용됩니다. 특히 iOS의 경우 애플의 UIKit 및 SwiftUI에서 UISpringTimingParameters나 spring() 함수를 통해 손쉽게 스프링 애니메이션을 구현할 수 있습니다. Android..

UI 공부 2024. 11. 25. 15:00

웹 접근성(Web Accessibility)은 모든 사용자, 특히 장애가 있는 사람들이 웹 콘텐츠에 접근하고 이용할 수 있도록 하는 것을 목표로 합니다. 이를 위해 많은 가이드라인과 표준이 존재하는데, 대표적으로 WCAG(Web Content Accessibility Guidelines)와 APCA(Accessible Perceptual Contrast Algorithm)가 있습니다. 이번 글에서는 WCAG의 다양한 버전과 APCA에 대해 자세히 알아보고, 이들의 차이점과 최신 동향을 살펴보겠습니다.  WCAG란 무엇인가?WCAG는 웹 콘텐츠의 접근성을 높이기 위한 국제 표준 가이드라인입니다. 주로 시각, 청각, 인지 장애를 가진 사용자를 포함한 모든 사람이 웹 콘텐츠를 보다 쉽게 이용할 수 있도록 돕습..

UI 공부 2024. 7. 17. 11:30

여러 삽질끝에 성공한 후기를 남겨봅니다. 맨 아래 정답 있어요. 첫번째 시도 맥 환경설정 > 언어 및 지역 > '앱'을 누르고 일러스트레이터 앱의 언어를 영어로 설정 재부팅해보았으나 실패!!! 두번째 시도 Creative Cloud앱 환경설정에서 기본 설치 언어를 영어로 설정해봅니다. 재부팅해보았으나 실패!!! 세번째 시도 Creative Cloud앱에서 일러스트를 새로 설치해봅니다. 설치된 목록에 앱이 나타나면서 성공할 것 같았으나 실패!!! 네번째 시도 파인더 > 응용프로그램 > 일러스트레이터 > 위의 경로로 들어간다. 'ko_KR'폴더를 불러올 수 없도록 파일명을 변경한다. ex)ko_KR2 앱을 닫고 다시 열었더니 성공!!!

UI 공부 2023. 6. 2. 13:22

피그마에서 이미지를 추출(export)할 때 1px 크게 추출되는 경우가 있다. 대부분 커뮤니티에서는 오브젝트의 위치나 사이즈에서 소수점을 설정한 것이 문제라고 하지만 나와 같은 경우는 아무런 문제가 없었다. 소수점이 아닌 정수로 완벽히 디자인을 했더라도 1px 크게 추출되는 경우가 있다. 이런 경우는 다음 플러그인을 한번 실행해준다. https://www.figma.com/community/plugin/741300632449121669/Pixel-Perfect Pixel Perfect | Figma Community Figma Community plugin - Forgot to turn back on Snap to Pixel Grid? Not a problem. Select any layers you ..

UI 공부 2023. 2. 21. 10:32

웹 디자인의 브루탈리즘은 형식보다 기능을, 미학보다 효율성을 우선시하는 투박하고 단순하며 명료한 스타일입니다. 날것의 모습과 극도로 단순하고 미니멀한 접근 방식이 특징입니다. 브루탈리즘의 간략한 역사 브루탈리즘은 1950년대 유럽에서 제2차 세계대전 이후 국가 재건을 모색하면서 등장한 디자인 스타일입니다. 이 스타일의 디자인을 추구한 주된 이유 중 하나는 비용 및 자원 효율성 때문이었습니다. 노출된 콘크리트와 벽돌, 단조로운 컬러는 매력적이지 않지만 건설하기 더 실용적이고 저렴했습니다. "brutalism"이라는 단어는 "날것(가공하지 않은)"으로 번역되는 프랑스어 brut 에서 유래했습니다. 제 2차 세계대전 이후 소련이 주택 위기를 해결하기 위해 브루탈리즘을 채택했으나 차갑고 가혹하며 공산주의와 연관..

UI 공부 2023. 1. 5. 13:03

Abstract Abstract앱 이용할 때 필요한 플러그인 Automate 기능이 너무 많이서 이것도 따로 정리... Batch Create Symbols 선택한 레이어를 각각 심볼화 Select Similar Layers 비슷한 레이어 선택하기(컬러, 폰트, 투명도 등) Camilo 선택한 심볼을 라이브러리의 심볼로 일괄 변경 Symbol Instance Locator 선택한 심볼과 같은 심볼 찾아보기 Merge duplicate 중복 심볼을 하나로 합치기 Color Variables Migrator Color Variable과 매칭되는 컬러를 자동 연결 Copy & Paste Guides 아트보드의 가이드를 복사하고 붙여넣기 fontily 사용한 폰트를 찾거나 다른 폰트로 교체하기 Handy Men..

UI 공부 2021. 2. 3. 00:25

Archive Project 스타터 플랜, 비즈니스 성장 플랜, 조직 플랜 또는 엔터프라이즈 플랜 구독이있는 경우 프로젝트를 보관할 수 있습니다. 프로젝트의 소유자 또는 관리자는 작업 공간의 "프로젝트"탭에서이 작업을 수행 할 수 있습니다. 프로젝트 위로 마우스를 가져간 다음 설정 메뉴에서 "프로젝트 보관"을 선택합니다. 보관 된 프로젝트는 여전히 클라우드에 저장되지만 사용자 나 팀원은 액세스 할 수 없습니다. 충분한 프로젝트 슬롯이있는 구독이 있으면 언제든지 다시 활성화 할 수 있습니다.

UI 공부 2021. 1. 7. 10:33