[TIL] 20220119 ui/ux 개선에 관한 ?

1. ui ux 개선에 대한 글

https://brunch.co.kr/@plusx/71

UX·UI 분석하고 개선하기_#06 토스증권

 

2. jumbo  theme에서 makeStyles 를 사용할때 default에서 끌어오는 법

const useStyles = makeStyles(theme => ({
  root: {
    width: '100%',
    padding: '1.25rem',
  },
  drawerBtn: {
    ...theme.typhography.subtitle2,
    position: 'absolute',
    top: '1rem',
    right: '1rem',
  },
  title: {
    marginBottom: '1rem',
  },
  status: {
    padding: '1rem',
  },
}));

 

3. 회사에서 배운것

지금 맡은 서비스는 디자이너가 없어서 프론트에서 디자인을 해야하는데 

어드민이라서 엄청난 디자인이 필요하지는 않더라도 디자인 요소들을 생각해야 했다. 

그 중에서 배운점은 디자인을 할 때 버튼이 어떤 용도인지에 따라 의미를 명확하게 구분하고

그에 따라 outline인지 contained인지, 색을 어떻게 쓸 것인지, 위치는 어디에 둘 것인지 이런것을 고민해야한다는 것을 배웠다. 

이제까지 프로젝트를 연습으로 만들때마다 그저 예쁘고 깔끔하면 땡이었는데

실제 서비스에는 이런 심오한 정책이 들어간다니 놀라웠다. 

그리고 더욱 전문적으로 배워보고 싶다고 생각했다.