Let Figma Design

UXUI 디자이너가 CSS를 알아야 하는 것은 필수적은 아니지만, 알고 있으면 디자인 작업을 더욱 원활하게 처리할 수 있습니다. ​ CSS는 디자인 요소의 스타일링을 담당하는 웹 기술로, 디자인 요소의 레이아웃, 색상, 폰트, 크기 등을 지정할 수 있습니다. 따라서, CSS를 알고 있으면 디자인 요소의 스타일링을 더욱 세밀하게 제어할 수 있고, 개발자와 의사소통을 더욱 원활하게 할 수 있습니다. ​ 또한, 최근에는 UXUI 디자이너가 HTML/CSS/JavaScript 등의 웹 기술을 알고 있어야 하는 경우가 늘고 있습니다. 이는 디자인 요소를 직접 구현할 수 있는 능력이 필요하기 때문입니다. 따라서, 웹 디자인 분야에서 일하는 경우에는 CSS를 알고 있으면 더욱 유리합니다. 피그마에서도 css코드로 내..

UXUI 이야기 2023. 7. 3. 16:12

기술의 발전이 놀랍기만 합니다. Open AI가 만든 챗챗 GTP, 바드에 이은 Adobe사의 생성형 AI 모델군인 어도비 파이어플라이(Adobe Firefly)가 5월에 오픈한데 이어 포토샵에도 Beta 버전으로 생성형 채우기(Generative fill) 기능이 오픈하였습니다. ​ Generative fill - Photoshop Beta 포토샵 Beta - Generative fill 생성형 채우기 1) 우선 2개의 이미지를 준비합니다. 2) 채워넣을 이미지 영역을 선택한 후 하단 툴박스의 생성 버튼 또는 영문버전에선 Generative fill 버튼을 눌러줍니다. 3) 메시지 추가에 추가할 키워드를 넣어줍니다.(아직 영문만 지원되네요, 아무것도 쓰지 않을 경우 자동 생성 채우기가 됩니다.) 4) ..

UXUI 이야기 2023. 7. 3. 15:58

오늘은 UXUI 디자인을 하면서 알아둬야 할 중요한 개념에 대해 이야기해보려고 합니다. UXUI 디자인이든 그래픽 디자인이든 편집디자인이든 시각적 위계(Visual Hierarchy)에 따라 디자인하게 되는데요. ​ 시각적 계층은 사용자 경험(UX)을 향상시키는 데 매우 중요한 역할을 합니다. 사용자가 정보를 쉽게 파악하고 이해할 수 있도록 하기 때문입니다. 따라서 디자인 작업에서 시각적 계층을 고려하는 것은 매우 중요합니다. 시각적 위계(Visual Hierarchy)란? 디자인 요소 간에 크기, 위치, 색상, 텍스트 스타일 등의 시각적인 속성을 이용하여, 사용자가 정보를 쉽게 파악하고 이해할 수 있도록 하는 것입니다. 이를 통해 디자인 요소 간의 연결성을 강조하고, 사용자에게 중요한 정보를 강조할 수..

UXUI 이야기 2023. 7. 3. 15:26

디자인 착수 전 필요한 사항이라면 화면크기를 얼마로 할까 개발자와 논의 후 사이즈를 정하게 될 텐데요,, iOS인지 Android인지... 어떤 사이즈를 기준으로 할 건지 정하고 작업에 들어가게 됩니다. 앱디자인 시작할 때 가장 기본적이고 필수적인 작업이죠. 가장 많이 쓰는 사이즈는 ​ iOS기준 375*812 Android 기준 360*800 ​ 인데요,,,,이 사이즈는 도대체 어떻게 정하게 됐을까요? 바로 그 기준이 되는 해상도 점유율을 알아야 합니다. 디바이스별 최적화 작업을 위해서 기준이 되는 해상도 점유율은 어디서 찾아야 할까요? 전 세계 모바일, PC, 태블릿 화면 해상도 점유율을 보여주는 사이트입니다 http://gs.statcounter.com Statcounter Global Stats ..

UXUI 이야기 2023. 7. 3. 15:19

앱의 초기화면으로 사용자가 앱을 실행할 때 맨 처음 나오는 화면인 스플래시...​ 요즘 앱들을 보면 스플래시에 굉장히 힘을 준 모습들이 많이 보입니다. 그런데, 이 스플래시가 단순히 placeholder image라는 사실을 알고 계신가요? Placeholder image란,​ 어떤 디자인의 레이아웃이나 내용이 아직 정해지지 않았을 때 문자나 이미지 등의 요소가 들어갈 자리에 임시로 채워놓는 내용물을 의미합니다. 그런 의미에서 스플래시는 앱이 실행되기전 로딩 중을 표시해 주는 플레이스 홀더 이미지였다는 뜻이겠지만, 요즘의 스플래시는 그 의미가 많이 달라졌습니다. 앱 스플래시가 중요한 이유는 사용자가 앱을 실행하면서 첫인상을 받게 되는 화면이라는 점입니다. 따라서 스플래시는 사용자가 사용하고자 하는 앱의 ..

UXUI 이야기 2023. 7. 3. 15:04