목록개발노트/UI & UX (3)

민자의 지식창고

Flex Items

이전 글 참고하며... 2021.04.14 - [개발노트/CSS] - Flex Flex 시작하며... Flex는 레이아웃에 배치를 하며, 가장 많이 사용하는 방식인것 같습니다. Flex는 레이아웃 전용 배치 기능입니다. Flex는 표준스펙을 지원하지만, Grid는 legacy 버전만 지원하기 때문에 laheepapa.tistory.com Flex Items Flex Items를 위한 속성들은 다음과 같습니다. oreder : Flex Item의 순서를 설정 숫자로 Item의 순서를 설정을 합니다. ex> order : 1, -1, 0 (음수 설정도 가능합니다) 숫자가 클수록 뒤로 밀립니다. flex : flex-grow, flex-shrink, flex-basis의 단축 속성 Item의 너비(증가, 감소..
개발노트/UI & UX 2021. 4. 22. 17:05
Flex Items

이전 글 참고하며... 2021.04.14 - [개발노트/CSS] - Flex Flex 시작하며... Flex는 레이아웃에 배치를 하며, 가장 많이 사용하는 방식인것 같습니다. Flex는 레이아웃 전용 배치 기능입니다. Flex는 표준스펙을 지원하지만, Grid는 legacy 버전만 지원하기 때문에 laheepapa.tistory.com Flex Items Flex Items를 위한 속성들은 다음과 같습니다. oreder : Flex Item의 순서를 설정 숫자로 Item의 순서를 설정을 합니다. ex> order : 1, -1, 0 (음수 설정도 가능합니다) 숫자가 클수록 뒤로 밀립니다. flex : flex-grow, flex-shrink, flex-basis의 단축 속성 Item의 너비(증가, 감소..
개발노트/UI & UX 2021. 4. 22. 09:38
UX란?

UX (User Experience)란 사용자에게 익숙한 패턴을 도구에 반영하여 사용자가 원하는 결과물으 얻기까지 발생하는 과정들을 최적화 한다. 사용자가 가장 짦은 단계, 최단시간에 그 목적을 달성하게 해야 한다. 출처 : http://www.yamestyle.com/329?category=325794 주의 해야 하는 점은 사용자가 목적을 달성하는 과정에서 꼭 넣을 필요가 없거나 선택의 여지를 두는 환경을 만들어서 목적을 완료하는 행위를 방해 하는 경우가 있다. 사용자가 인지하지 못하거자 예상치 못한 요소 발견시 상당한 거부감을 일으킨다. 이는 자연스럽게 경쟁사 서비스로 이동하여 서비스 이탈로 이루어지게 된다. 일반쇼핑몰과 아마존을 비교하면 확연히 차이가 난다. 일반 쇼핑몰의 경우는 결제 페이지에서 다..
개발노트/UI & UX 2018. 5. 10. 14:34
이전 Prev 1 Next 다음