-
[UX/UI디자인] UI 디자인 시의 그리드 사용 방법 8가지
규칙1. 8pt 8포인트 그리드는 일관성을 주고, 비주얼적으로 정돈되어 보이는데에 도움을 주는 강력한 방법입니다. 8pt 그리드는 각종 컴포넌트 부터, 가로 세로 정렬에 이르기 까지 다양하게 적용 가능합니다. 규칙2. 컬럼의 수(Column count) 컬럼의 갯수는 12,8,4 등 짝수로 만드는 것이 좋습니다. 개발자의 관점에서 봤을때, 어떤 스크린으로 적용하더라도 컨텐츠가 이상없이 안정적으로 나올수 있습니다. 규칙3. 거터 폭(Gutter width) 제본 용 여백 폭은 화면 크기에 맞게 유연한 열 너비로 고정되어 있습니다. 일반적으로 30px는 라이브러리 전체의 거터 폭이지만 8pt 시스템을 유지하려면 32px를 사용하는 것이 좋습니다. 그것은 각 거터마다 16px입니다. 규칙 4. 기준선(Base..
2019.07.17 22:01 -
[UX/UI디자인] 안드로이드 UI 디자인 시 알아야 할 기본사항 (dp, 해상도)
안드로이드 폰 - 우리는 아주 다양한 안드로이드 폰들이 저마다 다른 해상도를 가지고 있다는 것을 알고 있습니다. - 각각의 안드로이드 폰 UI 디자인을 할때 픽셀 퍼펙트를 확실히 지키는 것이 중요합니다. - 안드로이드 폰과 아이폰은 UI디자인 방법 상의 약간의 다른 부분이 있습니다. 가장 중요한 사항 - 그 부분 중 하나는 안드로이드 UI디자인을 처음 시작할때 가장 작은 사이즈인 360*640dp 로 작업 해야한다는 것 입니다. - 그러나 디자인 할때는 px(픽셀) 단위로 작업을 하지 dp단위로 작업하는것은 아닙니다. - dp는 일반적으로 UI의 요소들을 측정할때 사용하는 단위입니다. 실제 UI 디자인 작업 시에 사용 되지는 않습니다. 안드로이드 디바이스에는 7가지의 스케일 팩터의 종류가 있습니다. 프로..
2019.07.09 21:16 -
[UX케이스스터디] Netflix 검색경험 개선 사례연구
Netflix가 시청전에 당신이 보고 싶은 것을 알고 있다면 어떨까요? Netflix Discovery 소개 - 새로운 발견 경험 이 UX 연구는 주로 일상적인 사용자에게 보다 즐겁게 사용자 환경을 제공하는 방법에 중점을 둡니다. 우리는 다양한 방법을 통해 연구 프로세스를 기반으로 하고 우리의 목표 그룹을 인터뷰하고 테스트 한 결과를 바탕으로 시각적 계층과 UI를 구축했습니다. 매일매일 평균적으로 약 35,000번의 선택을 하게 됩니다. 아침에 입을옷이나 먹을 음식을 고르는 사소한 선택에서 부터 직장에서 획기적인 아이디어를 내야하는 중요한 선택에 이르기까지 많은 선택을 해야합니다. 스와스모어 대학 (Swarthmore College)의 교수이자 저자인 배리 슈워츠 (Barry Schwartz)가 한 연구..
2019.07.08 21:39 -
[디자인팁] UI디자인시 알아두면 좋은 8가지 팁
UI디자인시 기본적이지만, 작업시에는 간과 하기 쉬운 팁들 8가지입니다. 작업 후에 한번씩 점검해보면 도움이 많이 될것 같습니다 1.버튼(button) 프라이머리 액션은 시각적으로 분명해야 합니다. 세컨더리 액션은 잘 보여야하지만, 너무 과하지 않아야 하며. 프라이머리 액션과 차이가 있어야합니다. 2.구분선(border) 너무 많은 구분선은 사용자에게 복잡한 느낌을 주며, 화면을 조잡하게 만듭니다. 심플하고 내용이 잘 구분되도록, 구분선 사용을 절제 하는 것이 좋습니다. 3.여백(spacing) 여백은 그룹들 끼리를 구분짓는 역할을 합니다. 또한 그룹안에서의 요소끼리는 가깝게 이어져 하나의 덩어리로 보이게 합니다. 여백을 감안하여 디자인하면 좀 더 시각적으로 한눈에 내용이 들어오는 데에 도움을 줍니다. ..
2019.07.07 20:09 -
[UX/UI디자인] 폼 박스(가입, 로그인 양식 등) 디자인시 유의할점 8가지
폼박스는 UI디자인 중에 가장 빈번하게 쓰이는 양식중 하나입니다. 폼박스가 갖춰야할 기본적인 사항들을 파악하면 다른 UI디자인 부문에도 적용이 가능하니 꼭 알고 가는것이 좋습니다. 1. 인풋필드 제작의 기본사항 인풋필드는 모든 UI폼에서 쓰입니다. 좋은 인풋필드를 제작하기 위한 기본 팁을 알아 봅시다. ① 필드의 이름은 위에 적습니다. ② 대문자로 필드이름을 적지 않습니다.(가독성이 떨어짐) ③ 기입양식을 미리 보여줍니다. ④ 기입할 숫자의 개수를 미리 알려줍니다. ⑤ 내용의 길이에 따라서 박스 크기를 조정합니다. 2. 인풋필드 더 좋게 만들기 많은 사용자가 불편한 폼양식 때문에 사이트를 이탈 하곤 합니다. 이탈을 막기위한 더 좋은 팁을 알아 봅시다. ① 팁 아이콘을 덧붙이자.(유저가 입력을 어려워 할거..
2019.07.04 21:16