반응형 전체334 Hide Sections Names - 섹션 이름 숨기기 Hide Sections Names - 섹션 이름 숨기기 🐵작업 공간을 깔끔하게 정리하고 싶으세요? Figma 페이지 전체 또는 선택한 부분에서 섹션 이름과 프레임 이름을 한 번에 숨겨보세요! 🙈한 번의 클릭으로 모든 섹션 이름을 숨기거나, 원하는 부분만 골라서 숨길 수 있어요. 🎯프레임 이름도 추가 설정을 통해 숨길 수 있어요. 🖼️모든 작업은 Figma 안에서만 이루어지며, 네트워크 요청이나 데이터 공유는 없어요. 🔒원래 이름은 안전하게 저장되며, 언제든지 다시 복원할 수 있어요. 🗝️개인정보나 민감한 데이터는 전혀 접근하거나 저장하지 않아요. ✅플러그인 설치하기https://www.figma.com/community/plugin/1417948525608144370/hide-sections.. 2024. 10. 7. Editor.js - 협업과 확장성의 완벽한 조화 : 블록 스타일 에디터의 이유 있는 선택 Editor.js는 블록 스타일의 오픈소스 에디터로, 사용자가 작성한 콘텐츠를 깔끔한 JSON 형식으로 출력해주는 도구예요. 기본적으로 간결하고 직관적인 UI를 제공해서 사용자가 콘텐츠에만 집중할 수 있도록 돕고, 개발자들이 쉽게 커스터마이징할 수 있는 기능도 있어요. 주요 특징블록 스타일 편집: 각 콘텐츠는 별도의 블록으로 구성돼요. 예를 들어, 텍스트 블록, 이미지 블록, 리스트 블록 등이 따로따로 존재해요. 이 블록들은 쉽게 추가하거나 수정할 수 있죠.JSON 출력: 작성된 콘텐츠는 HTML 대신 JSON 형식으로 출력돼서, 웹, 모바일 앱, AMP 페이지 등 다양한 플랫폼에서 쉽게 활용할 수 있어요.확장성: 여러 플러그인을 추가해 더 다양한 기능을 구현할 수 있어요. 예를 들어, 트위터 게시물이나.. 2024. 10. 7. 간결의 법칙, 프래그난쯔의 법칙 (Law of Pragnanz) Law of Pragnanz는 사람들이 복잡한 이미지를 보면 자연스럽게 더 단순하고 쉽게 이해할 수 있는 형태로 해석하는 경향을 말해요. 우리 뇌는 최대한 빠르고 간결하게 정보를 처리하려고 하거든요.어떤 법칙인가요?간결성: 사람들은 복잡한 이미지를 봤을 때도, 이를 더 단순한 모양이나 형태로 보려고 해요. 예를 들어, 겹쳐진 여러 선을 보면 그걸 그냥 하나의 사각형이나 원처럼 이해하려는 거죠.빠른 이해: 간단한 디자인은 사람들이 빠르게 정보를 이해하는 데 도움을 줘요. 복잡한 디자인보다 직관적으로 이해할 수 있으면 혼란도 덜해지고, 정보를 더 쉽게 기억하게 되죠.디자인 적용: 그래서 디자이너들은 이 법칙을 참고해 웹사이트나 앱을 만들 때, 가능한 한 디자인을 단순하게 해서 사용자들이 더 쉽게 정보를 받아.. 2024. 10. 7. 스트라이샌드 효과 (Streisand Effect) Streisand 효과는 무언가를 감추려고 할 때 오히려 그 정보가 더 널리 퍼지게 되는 재미있는 현상을 말해요.예를 들어, 누군가가 자신에 대한 나쁜 기사를 지우려고 하면, 그 시도 자체가 주목을 받아서 오히려 더 많은 사람들이 그 기사를 보게 되는 거예요. 그게 바로 Streisand 효과죠!왜 이런 일이 생길까요?숨기려는 시도: 기업이나 개인이 부정적인 정보를 삭제하거나 검열하려고 할 때 시작됩니다.반작용: 하지만 이 시도가 사람들의 호기심을 자극하고, "이걸 왜 지우려고 하지?"라는 생각에 더 많은 사람들이 정보를 퍼뜨리게 돼요.인터넷의 힘: 특히 인터넷에서는 정보의 자유를 중요하게 여기다 보니, 검열에 반발하는 사람들이 많아 이런 일이 더 자주 일어나요.예시어떤 기업이 자신에게 불리한 기사를 없.. 2024. 10. 7. Tailwind CSS : 디자이너가 좋아할 수밖에 없는 이유! 디자이너 분들, CSS 때문에 매번 골치 아프시죠? 원하는 디자인을 맞추려다 보면 시간도 오래 걸리고, CSS 코드도 길어지고… 그렇다고 CSS 다 외울 수도 없고요. 😅 Tailwind CSS는 그런 고민을 확 줄여줄 마법 같은 도구입니다! 🎨Tailwind CSS가 뭐냐면?Utility-First라는 개념이에요. 쉽게 말해 CSS 속성들이 미리 클래스 형태로 준비되어 있어서, HTML에서 필요한 속성들을 바로 클래스 하나로 해결할 수 있죠. 디자이너에게는 정말 직관적이고 빠르게 스타일링을 적용할 수 있는 최고의 도구!디자이너가 알아두면 좋은 포인트!디자인 시스템에 딱 맞게 사용 가능Tailwind는 기본적으로 클래스 조합만으로 디자인을 완성할 수 있어요. 그래서 CSS 코드를 따로 짜지 않고도, .. 2024. 10. 2. iOS에서 하단 메뉴 화면 잘림 방지하는 꿀팁! 안전 영역(Safe Area) 완벽 적용하기 iOS Safari에서 Safe Area 챙기는 꿀팁!요즘 스마트폰 보면, 화면 끝까지 꽉 찬 디자인이 대세죠? 그런데 이럴 때 웹사이트 디자인할 때 꼭 신경 써야 할 게 있어요. 바로 **안전 영역(Safe Area)**인데요! 특히 iOS Safari에서 홈 버튼이나 노치 때문에 화면 하단이 잘리면 안 되니까, 이걸 잘 챙겨줘야 합니다. 근데 걱정 마세요, CSS 코드 한 줄이면 해결 끝! 🙌 🎯 안전 영역을 위한 CSS 코드.safe-area-bottom { padding-bottom: env(safe-area-inset-bottom);} 👀 코드 한 줄 설명env(safe-area-inset-bottom)은 iOS 기기에서 하단의 홈 버튼이나 노치를 감지해서, 그만큼 여백을 자동으로 추가.. 2024. 10. 2. 이전 1 ··· 39 40 41 42 다음 반응형
