본문 바로가기

나롱/디자인3

Figma : 요소의 가로 비율따라 자동으로 높이값 맞춰주기 이 글을 쓰는 2023.10.06일 기준, 피그마에는 가로값을 기준으로 높이값을 auto로 맞춰주는 기능은 아직 제공되고 있지 않다. 워낙에 빠르게 업데이트를 해주는 중이라 조만간 이 기능이 생기기를 기다리며, 아직 제공하지 않는 [auto height] 값을 어떻게 구현하는지에 대한 글을 짧게 작성해보려고 한다. https://www.figma.com/community/file/873125264217713781우선 위에 보이는 Figma링크에 접속하면 비율대로 늘어나는 요소를 만들 수 있는 가이드를 누군가가 친절하게 올려두었는데 여기에서 파일을 연 뒤 해당 파일 내부 Playground에서 설명하는 대로 따라서 만들면 된다. 하지만 설명하는 내용이 살짝 복잡하게 느껴진다면 이 블로그 글을 보고 차근차근.. 2023. 10. 6.
GUI의 역사와 개론 예전에 사내 디자이너 정기 회의에서 발표했던 회의자료를 조금 가공해서 블로그에 글을 써보면 어떨까 싶어 작성해보는 글입니다. 이름은 거창하게 GUI의 역사라고 적었으나. 프로덕트 디자이너들을 대상으로 한 게 아닌 타 포지션의 디자인팀에도 공유드렸던 자료인 만큼 가볍게 GUI는 무엇이고 어떻게 시작되었는지에 대해 다루어 보는 글이니 재미있게 읽어주시면 좋겠습니다 :) GUI 단어의 뜻 Graphic User Interface 의 약자 GUI에서 Interface에 대해 생각을 해볼까요? Interface는 과연 어떤 의미를 가진 단어일까요? 그전에 한 번 Inter + face로 단어를 쪼개 보겠습니다. Inter이라는 단어가 가진 의미는 뭘까요? 사전의 의미를 검색해보면 Inter - 는 ... 사이의,.. 2022. 5. 4.
일러스트 삽질기 : 스마트 가이드가 나오지 않을 때 아이콘 가이드를 그리려고 오랜만에 일러스트를 켰다가 겪은 문제와 삽질기를 적어보려고 한다. 종종 많이 겪었던 문제로 그동안은 몇몇 설정만 수정해주면 금방 해결되었지만 이번에는 별짓을 다 해봐도 안됐었기에 나와 같은 문제를 겪은 또 다른 사람이 있다면 도움이 되길 바라며 적는 글이다. 바로 본론으로 들어가서 해결방법 몇 가지를 빠르게 적어보겠다. 1. Command + U ( Control + U ) or 메뉴 View ➡️ Smart Guides 체크 대부분 이 기능이 어쩌다가 꺼져서 발생하는 문제로 10에 9는 이렇게 해결된다. 2. Properties 의 Snap Options 확인 해당 창에서 Snap Options의 2번째 옵션이 체크된 상태인지 확인한다. 만약 체크가 되어있다면 체크 해제합니다... 2022. 3. 13.