본문 바로가기

전체 글21

레이아웃 연습02 :: 네이버 큰면 중간면 작은면 2021. 4. 7.
웹 디자인 공부방법 출처 youtu.be/xCNRKKvks1g 1. 레이아웃 모니터 와이드값 해상도 2. 폰트 (모바일/피씨 : 자간,행간,사이즈) - 유명 포털사이트(네이버) 참고하기 개발자도구로 폰트사이즈확인 - 모바일 >캡쳐해서 똑같이 따라해보기 3. 운율감 - 시선의 편안함, 집중도 - 컬러 조화, 레이아웃 리듬 - 모바일 : 한 스크롤에 크게크게, 깔끔/심플, 아이콘 크기/간격 2021. 4. 7.
레이아웃 연습01 :: 목우촌몰 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.
디자이너가 살아갈 힘을 얻는 순간 살아갈 힘을 얻는 순간은 내가 비정상이 아니라 정상이었다는걸 깨달았을 때 많은 이들이 나처럼 힘들어하고 있고 이 악물고 버티고 있다는걸 알았을 때 신입 디자이너들의 고충들이 어마무시하다. www.youtube.com/watch?v=ZroW02tsCDA 피가되고 살이되는 선임 디자이너의 한 댓글 1. 고민은 최소한으로 하고, 대충 만들어 내라. 7~80%완성하는건 쉽잖아? 나머지 20을 채우는게 좆같지. 어차피 80이나 100이나 못알아봄. 맘에 안드는거나 원하는게 있다면 리테이크로 말해주겠지. 2. 일하는 척은 열심히 하되, 작업물 제출은 퇴근 직전에 하라. 그래야 컴펌이 다음날 나와서 야근을 안한다.(확률이 비교적 높다. 비교적) 3. 빨리하고 쉬자라는 마인드보다 천천히 하고, 천천히 완성하자. 빨리해.. 2021. 4. 3.
디자인 공부 :: 알라딘 웹 사이트 리디자인 컨퍼 마디아 디자인님 컨펌 스타일 마디아님께서는 비주얼적으로 아트적으로 컨펌을 하지 않는다. 보통 간격, 폰트 크기, 폰트 강약, 운율감, 롤링 배너 스타일과 같은 UX/UI 이론적인 부분들을 위주로 컨펌해주신다. 컨펌 시에는 비주얼적인 부분보다 이론적인 것들이 먼저 뒷받침이 되어야 한다. 이론이 근거가 되고 사용성을 근거해서 뼈대가 맞춰지고 그 위에 비주얼을 맞추는거다. 컨펌 내용 로그인, 회원가입 정책들이 다 정해져 있기 때문에 요소들을 마음대로 넣다 뺏다 하면 안된다. 복잡해 보여도 알라딘에서 메인에서 노출 시킬 수 밖에 없는 이유들이 있었을 것이다. 프로모션 배너 구좌 (구좌: 하나의 배너 위치에 들어 갈 수 있는 광고의 개수) 카드형 기법 카드형 디자인의 장점은 많은 정보를 그룹화해서 집중적으로 보여.. 2021. 3. 7.
일 잘 하는 사람 vs. 일 못 하는 사람 특징 일 잘러가 되고 싶다!! 부족할 수 밖에 없는 신입 나부랭이기 때문에 요새 일을 잘하고 싶다는 생각이 많이 들어요. 인생 선배, 친한 언니같은 '말많은소녀'님의 유투브 영상을 보고 일잘러들은 어떻게 생각하고 행동하는지 정리해 보았습니다! 일 잘러의 특징 1. 남에게 폐를 끼치는 것보다, 감정적으로 못된 사람이 낫다. 쟤 진짜 못됐다 vs. 쟤 진짜 일 못한다 일을 잘한다는 것은 자존심의 문제가 아니라, 남에게 폐를 끼치고 있지 않다. 의 문제가 되기 때문에 남에게 폐를 끼치는 것 보다는 내가 일을 잘해내면서 감정적으로만 좀 못된 사람으로 여겨지는게 더 낫다. 다른 사람의 감정을 상하지 않게 하는 것 까지도 프로의 자세고 일의 일부라고 생각하지만 일잘러들은 굳이 일을 할 때라면 목표에 근접하게 가는 쪽을 .. 2021. 3. 7.
웹 디자인 공부 :: 인테리어 PC 메인 디자인 UX/UI 디자인을 하려고 할 때 유의할 점 웹디자인은 느낌으로 하는 디자인이 절대 아니다. 치수에 좀 의존을 하는 디자인이다. 기준선 같은 것이 필요하다는 뜻이다. 예로 들면 폰트를 왜 이크기를 썼을까, 만약에 타이틀 크기를 30을 썼다면 다른 타이틀들도 다 30 을 써줘야 한다. 간격을 내가 타이틀과 상품간의 거리를 20으로 띄웠다. 그러면 다 20으로 통일시켜줘야 한다. 각 코너 코너 마다 다 다르면 기준이 흐트러진다. 느낌으로 하게되면 이런일들이 많이 발생한다. 웹디자인이나 모바일 디자인은 이렇게 느낌으로 하는게 아니다. UX/UI는 느낌으로 하는 디자인이 아니다. 사용자들의 패턴과 시선의 흐름, 가장 좋은 가독성의 폰트 크기, 컬러, 간격, 썸네일 크기 와 같은 것들이 체계적으로 짜여진 상태에서.. 2021. 3. 6.

티스토리툴바