본문 바로가기

디자인/사수들의 꿀정보10

웹 디자인 공부방법 출처 youtu.be/xCNRKKvks1g 1. 레이아웃 모니터 와이드값 해상도 2. 폰트 (모바일/피씨 : 자간,행간,사이즈) - 유명 포털사이트(네이버) 참고하기 개발자도구로 폰트사이즈확인 - 모바일 >캡쳐해서 똑같이 따라해보기 3. 운율감 - 시선의 편안함, 집중도 - 컬러 조화, 레이아웃 리듬 - 모바일 : 한 스크롤에 크게크게, 깔끔/심플, 아이콘 크기/간격 2021. 4. 7.
레이아웃 UI 디자인 연습방법 출처 m.blog.naver.com/salvia0623/221441418741 레이아웃 UI 디자인 연습방법 ​요즘 이전 디자인 작업물을 정리하다가 옛날에 디자인 공부 했던 흔적을 발견했어요! UI 디자인 공부하... blog.naver.com 디자인을 잘한 UI일 수록일정한 그리드 폼과 규칙적인 컴포넌트가 존재하며 철처하게 지킨다. 큰면 -> 중간면 -> 작은면 순으로 그리드 박스를 그려보며 규칙성을 이해하는 연습이 필요하다. 그리드를 다 표시했다면 글자 간 간격, 사진 여백, 컴포넌트 크기에 주목해야 한다. 그리드 박스만 놓고 보면 훨씬 더 잘보인다. 가장 옅은 파란색이 가장 큰 면으로 나뉜 레이어다. 색이 진해질 수록 중간면, 작은면으로 면이 쪼개진 레이아웃이 만들어진다. 색이 진한 그리드 박스는 .. 2021. 4. 6.
디자인 잘하는 법 출처 jasonyoo.com/blog/?p=1458 Product Designer (5): 디자인 잘하는 법 거두절미하고 디자인을 잘하려면 무엇을 어떻게 해야 할까. 페르소나, 컨셉도출, IA설계, UI/UX, 그리드, 타이포, 아이콘, 일러스트, 브랜딩, 와이어프레임, Google Material Design, Apple iOS HIG, 포토샵, 스 jasonyoo.com 페르소나, 컨셉도출, IA설계, UI/UX, 그리드, 타이포, 아이콘, 일러스트, 브랜딩, 와이어프레임, Google Material Design, Apple iOS HIG, 포토샵, 스케치, 프로토타이핑, HTML/CSS/jQuery... 앞서 나열한 방법론과 지식도 중요하다. 하지만 먼저 나의 주관을 통제하고 내면에서 디자인을 바.. 2021. 4. 6.
디자인 공부 :: 알라딘 웹 사이트 리디자인 컨퍼 마디아 디자인님 컨펌 스타일 마디아님께서는 비주얼적으로 아트적으로 컨펌을 하지 않는다. 보통 간격, 폰트 크기, 폰트 강약, 운율감, 롤링 배너 스타일과 같은 UX/UI 이론적인 부분들을 위주로 컨펌해주신다. 컨펌 시에는 비주얼적인 부분보다 이론적인 것들이 먼저 뒷받침이 되어야 한다. 이론이 근거가 되고 사용성을 근거해서 뼈대가 맞춰지고 그 위에 비주얼을 맞추는거다. 컨펌 내용 로그인, 회원가입 정책들이 다 정해져 있기 때문에 요소들을 마음대로 넣다 뺏다 하면 안된다. 복잡해 보여도 알라딘에서 메인에서 노출 시킬 수 밖에 없는 이유들이 있었을 것이다. 프로모션 배너 구좌 (구좌: 하나의 배너 위치에 들어 갈 수 있는 광고의 개수) 카드형 기법 카드형 디자인의 장점은 많은 정보를 그룹화해서 집중적으로 보여.. 2021. 3. 7.

티스토리툴바