UX/UI3 디자인 공부 :: 알라딘 웹 사이트 리디자인 컨퍼 마디아 디자인님 컨펌 스타일 마디아님께서는 비주얼적으로 아트적으로 컨펌을 하지 않는다. 보통 간격, 폰트 크기, 폰트 강약, 운율감, 롤링 배너 스타일과 같은 UX/UI 이론적인 부분들을 위주로 컨펌해주신다. 컨펌 시에는 비주얼적인 부분보다 이론적인 것들이 먼저 뒷받침이 되어야 한다. 이론이 근거가 되고 사용성을 근거해서 뼈대가 맞춰지고 그 위에 비주얼을 맞추는거다. 컨펌 내용 로그인, 회원가입 정책들이 다 정해져 있기 때문에 요소들을 마음대로 넣다 뺏다 하면 안된다. 복잡해 보여도 알라딘에서 메인에서 노출 시킬 수 밖에 없는 이유들이 있었을 것이다. 프로모션 배너 구좌 (구좌: 하나의 배너 위치에 들어 갈 수 있는 광고의 개수) 카드형 기법 카드형 디자인의 장점은 많은 정보를 그룹화해서 집중적으로 보여.. 2021. 3. 7. 웹 디자인 공부 :: 인테리어 PC 메인 디자인 UX/UI 디자인을 하려고 할 때 유의할 점 웹디자인은 느낌으로 하는 디자인이 절대 아니다. 치수에 좀 의존을 하는 디자인이다. 기준선 같은 것이 필요하다는 뜻이다. 예로 들면 폰트를 왜 이크기를 썼을까, 만약에 타이틀 크기를 30을 썼다면 다른 타이틀들도 다 30 을 써줘야 한다. 간격을 내가 타이틀과 상품간의 거리를 20으로 띄웠다. 그러면 다 20으로 통일시켜줘야 한다. 각 코너 코너 마다 다 다르면 기준이 흐트러진다. 느낌으로 하게되면 이런일들이 많이 발생한다. 웹디자인이나 모바일 디자인은 이렇게 느낌으로 하는게 아니다. UX/UI는 느낌으로 하는 디자인이 아니다. 사용자들의 패턴과 시선의 흐름, 가장 좋은 가독성의 폰트 크기, 컬러, 간격, 썸네일 크기 와 같은 것들이 체계적으로 짜여진 상태에서.. 2021. 3. 6. 웹 디자인 공부 :: 그리드 시스템 실습 파일 그리드 복잡한 사이트를 간단하게 표현할 수 있는 방법. 그리드 그리기 웹 사이트 폭 1920 그리드 폭 값의 종류 1440 1320; 신세계에서 많이 사용 1080 ... 컬럼 갯수 12컬럼 1320/12 =110 110으로 12개를 나눈다. 1320 110을 양쪽으로 20 나눈다. 20|70|20 = 110 = 한 컬럼 값 15|80|15, 10|90|10 -> 정해진 값은 없음 자유. 전체 해상도 사이즈에 비해 사이간격이 너무 넓거나 좁지만 않으면 된다. 1320 - 양끝 좌우 = 1280 = 사용 범위 1280-40/2=620; 박스 두개 (40은 가운데 사이간격) 1440 1080 댓글 각 해상도 안에 콘텐츠가 안전하게 보일 수 있도록 디자인 작업 시 좌우 여백을 주는 것이 일반적이다... 2021. 3. 6. 이전 1 다음
