유튜브 검색 엔진

현직 디자이너가 대시보드 디자인하는 화면 [어도비XD]

조회수 892회 • 2021. 04. 08.

채널

Madia Designer

채널에 멤버십 가입하여 디자인 원본파일을 받아보세요. https://www.youtube.com/channel/UCxRnfrmJAkRLarzeBJETB5g/join ...

사실 아이콘을 그리는 방법은 굉장히 다양하죠 그리고 굳이 펜툴로 자 각형 을 그리지 않아도 이미 사각형이 완성돼 있잖아요 그릴 수 없는 것들은 당연히 펜트 를 활용해서 그리 겠죠 삼각형을 자르면 저런 식으로도 우리가 아이콘을 편할 수 있구나 자 일단 화이트 버전 에서 좌측 을 클릭했을 때 펼쳐지면서 브랜드 컬러인 초록색이 표시 되는 거죠 그렇죠 좋습니다 그리고 검색 아이콘을 누르면 이런 식으로 검색창에 레이어로 뜰 거에요 자 그 다음 국가를 선택할 때 국기를 클릭하면 레이어가 이런 식으로 다양한 국가별 로 국기를 볼 수가 있겠죠 그리고 상단에 보면 요렇게 태양 모양의 아이콘이 있죠 여기를 클릭하면 이런 식으로 이제 다크 모드로 변하는 거에요 [음악] 안녕하세요 시청 타고 독자 여러분들 디자이너 마디 합니다 자 우리 저번시간에 아이콘을 한번 오프 하게 스케치 한 번에 받죠 자 어떻게 썼죠 바로 화면에 보이시는 이런 아이콘을 우리가 같이 한번 스케치를 해 봤었어요 그죠 그러면 이 아이콘들을 가지고 이제 우리가 배 15 디자인을 하면서 같이 한번 줘 아이콘을 적용은 좀 시켜 볼 겁니다 여러분들 굉장히 간단해요 건데 이 대시보드 디자인은 사실 간단하지는 않을 것 같긴 합니다 자 그럼 바로 한번 진행을 해보도록 하겠습니다 우선 이 되지 아트보드 사이즈라고 아저 대시보드 이 사이즈는 우선 1920 에 새로 까 본 아직 잘 모르겠어요 디자인을 좀 풀어 봐야 할 것 같아서 이 부분은 보조 하도록 하겠습니다 자 그러면 바로 한 번 디자인을 진행해 보도록 하죠 기계 보통 대시 보드를 사용하는 유저들이 모니터에 상도로 얼마나 쓸까요 그렇게만 엄청 고해상도 m5 있었을 것 같진 않아요 디자이너가 아니라서 그래서 어느정도 좀 여백을 좀 가져가게 해야되는데 오늘 제가 디자인하면서 좀 헤맬 것 같긴 합니다 여러분들 벤치 막 해보니까 보통 매개 정도로 많이 남더라구요 그럼 - 즉시 살까 미 10으로 잡을 거에요 나누기 4개사 384 어유 정도면 땅 되겠네 어 딱 요렇게 내 등 분이 딱 떨어지긴 하네요 다행히도 그 조 자 일단 요렇게 하나 잡아 볼게요 [음악] wee wee 으 no 주페 붓다 2잔 부차 아이콘 22 4 어 아이콘은 1 20 정도 사이즈면 되겠네 폰트 사이즈는 44 정도 대답 9 56 에서 64 정도 하면 될거 같기도 하고요 14 14 14 14 를 많이 쓰는구나 물론 에 대시보드는 아니지만 지금 겉에 15도 느낌을 줘 본 다치면 이런 느낌이지 않을까 싶긴 하네요 [음악] water 으 [음악] 으 자 그 다음에 여기 사 요렇게 되겠네요 그저 14의 이런 느낌이 겠네요 자 저는 예를 좀 다운 시킬 겁니다 오히려 이렇게 으 5 5 으 으 [음악] 네놈 으 으 오오오 오 오오 예 오 [음악] 자 그 다음에 이제 여기서부터 이 카드 형식의 대한 가이드를 좀 잡을 거에요 높이 까 판 64 정도 잡고 텍스트 안을 갖고 올게요 좌 가운데 정렬 [음악] e25 으 [음악] we 5 으 으 [음악] 이렇게 되겠네요 그죠 좋습니다 아 자 그 담요 그대로 또 하나 복사해서 요번에는 조금 길게 김 거 하나 좀 넣어 줄게요 이번에는 표가 들어가야 될 것 같아요 으 [음악] 으 5 으 no.5 we 오 오 오 오 으 으 [음악] 으 이게 뭐 전체보기 전체보기 이런거 하나 넣구요 그 다음에 컥 3 역사가 좀 들어 볼게요 자 속도 좀 될게 이제 으 으 으 으 이제 상담부터 하나씩 쳐가면서 컬러 톤 부터 싸 까자 볼게요 전체적으로 느낌을 아이콘도 한번 이제 다 교체 해 볼 겁니다 이제부터는 좀 디테일하게 디자인을 진행할 켜 이제 1시간 일한 것 wco 으 으 으 [음악] water 5 으 [음악] 으 으 업 요정도 들어올 거구요 자 그 다음에 아까 이브랜드 컬러 잇죠 이게 좀 선택된 것 같은 느낌을 좀 보여줘야 되잖아요 아시죠 [음악] 5 [음악] 요런게 될 별거 아닌데 이런 작업들을 계속 지속적으로 하면 결 퀄리티가 올라가요 나도 모르게 조금씩 계속 만지다 보면 콜 테 올라가 더 이상 몰 만져야 되지 도저히 모르겠다 싶은 때까지 만지면 퀄리티로 올라가 바라구요 이렇게 들고 또 넘어 기도하고 해보기도 하고 빼고 면도가 적성이 떨어질것 같고 어떡하지 맨 곰인데 간격도 지금 제가 볼때 좀 애매 하거든요 이렇게 뭔가 계속 조금씩 만지면서 퀄리티를 계속 올리는 거죠 조금씩 조금씩 이렇게 이제 좀 뼈대가 나오면 지금부터는 이제 디테일 싸움이 지 사실을 그림자 빼는 거야 이제는 한번 빼 보는 겁니다 그림자 있는거라 이 사실 깔끔한 건 이게 더 깔끔한 것 같아요 지금 느낌상 보면 끌려 아닌가 저만 처방 좋게 느끼는 건가 여기도 생각한 분에게 빼 보고 뺀 게 더 나을 수도 있어요 노바 있는것보다 어 훨씬 깔끔하죠 이런 식으로 계속해서 지속적으로 계속 만지는 거에요 이렇게 더 이상 몰 만져야 되지 라고 생각들 가 더 넣지 말고 뭔가 계속해서 시도를 해보세요 600 크라우드 도 지금 제가 볼때 좀 지내 볼 수도 있어요 이게 더 연하게 나온 되거든요 저렴하게 이렇게 우연하게 날 수도 있죠 왜 빼 버려야 대마 - 날 수도 있어 이렇게 깔끔하게 이런거 또 한번 고민해 볼 필요성 들이 있죠 여기 너무 안 보이니까 파이트 한번 깔아 봐야 되나 이런 고민도 할 수도 있고 음 이쪽보다 이쪽에 뭔가 조금 더 뭔가 완성도가 조금 올라 갈 건데 이런 것들은 작업자가 키 모르는 그런거 긴 한데 그래도 일어 디테일 때 조금씩 만져주면 퀄리티 역시도 올라가긴 하니까 한번 도전해 볼 필요성을 겠죠 으 으 으 으 으 으 으 으 무 행한 소프라움 커피 이외 막 안주 스포츠 ge 와 wa 3 wonder 영어 oo 뒤마 으로 웹브라우저 you you win cover 9 몸뚱이 맵고 톡 와는 너무도 던 4 k 2 o 뭐 씨와 ccp weten 앞섬 te eten 박 베이 으 으 자 이렇게 해서 제가 화이트 버전의 대시보드 디자인을 모두 다 완료 해봤습니다 예전부터 대시보드 디자인 요청이 많이 왔는데요 이제 r 좀 진행을 하게 됐네요 제가 대시보드 디자인은 사실상 거의 해본적이 없어요 거의 처음이라고 해도 부 방 할 정도입니다 그래서 아직 많이 부족한 디자인 일순 있어요 그치만 제가 최대 1조 국문을 활용해서 여러분들에게 한글로 들어가는 대시보드 느낌을 전달하려고 최대한 디자인 시안을 잡아 봤어요 좋아요 이런 내용들은 사실 가 아 니 죠 뭐 마디 아 홍길동 고객님 반갑습니다 oa 옵션 상품 사은품 뭐 아무 개나 홍길동 마디 아 자 좋아요 그 다음에 좌측 메뉴를 클릭하면 이런 식으로 열리게 따 라고 생각을 해서 디자인을 좀 시안을 잡아 봤습니다 자 그리고 상단 5 축에 검색을 누르면 이런 식으로 이제 검색창이 뜬다 고 생각을 했어요 자 그 다음에 우측에 있는 국기 를 선택하면 이런식으로 국가별로 도 우리가 이제 선택을 할 수가 있는 게 되겠죠 그쵸 간단하죠 여러분들 자 저는 이제 화이트 버전을 완료했고 이제 다크 모드까지 컬러를 한번 바꿔볼 겁니다 그래서 최종 파이트 모드 다크 모도 이렇게 두가지가 좀 제공이 될 예정이에요 [음악] [음악] 자 이렇게 해서 우리가 오늘 대시보드 화이트버전 다크 버전을 둘다 한번 진행해 봤습니다 그리고 대시보드 디자인 예전부터 제가 많은 요청을 받았지만 대시보드 자체에 대한 디자인을 많이 아베 봤기 때문에 아직 완성도와 그렇게 높다고 말씀 드리긴 좀 어려울 수도 있을 것 같아요 자 우선 인터렉션 다시 한번 보면서 마무리 짓도록 하겠습니다 자 일단 화이트 버전 에서 좌측 을 클릭했을 때 펼쳐지면서 브랜드 컬러인 초록색이 표시 되는 거죠 그죠 좋습니다 그리고 검색 아이콘을 누르면 이런 식으로 검색창에 레이어로 뜰 거에요 자 그 다음 국가를 선택할 때 국기를 클릭하면 레이어가 이런식으로 다양하 국가별 로 굵기를 볼수가 있겠죠 그 다음에 밑으로 쭉 내려보면 이런식으로 지금 레이어 전개가 진행됐습니다 여러분들 그리고 상단에 보면 요렇게 태양 모양의 아이콘이 있죠 여기를 클릭하면 이런 식으로 이제 다크 모드로 변화는 거에요 어때 여러분들 다크 모드 도 나쁘지 않죠 화이트 모드 다크 모드 화이트 모드 다크 모두 그렇죠 다크 모드에서도 역시나 독보 게 클릭하면 레이어로 똑같이 검색이 뜨구요 그다음 국기 를 클릭하면 이렇게 국가를 선택할 수 있는 레이어가 뜨는걸 확인해 볼 수가 있습니다 여러분들 자 이렇게 해서 우리가 오늘 대시보드 한걸 버전으로 한번 같이 디자인 시안을 잡아봤습니다 여러분들 어때요 여러분들도 저와 같이 대시보드 디자인 컨셉 슈얼 하게 연습 한번 해보는건 어떨까요 오늘 영상도 많은 도움이 좀 되셨다면 좋아요 구독 알림 감사합니다 맛 이었습니다 다음 이 시간에는 더 좋은 디자인으로 한번 찾아 뵈면 좋을거 같네요 안녕히 계세요 으 보고 뭐건 방방 담담당당 한답니다 [음악] 합니다 [음악]

추천

한빛교회 실시간 예배

한빛교회(포항)

조회수 1회 • 2021. 04. 08.

수요예배(4월7일)

포항영광교회

조회수 34회 • 2021. 04. 08.

(힐링) 포항 호미곶 갈매기 춤추네

TV봉한

조회수 19회 • 2021. 04. 08.