유튜브 검색 엔진

이 포트폴리오로는 힘들어요... 디자인 연습 많이 하셔야 됩니다..

조회수 471519회 • 2020. 11. 08.

채널

Madia Designer

추천, 구독, 알림 꼬오옥~ 눌러주세요! 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 ...

여러분들 앞에 지고 화면 보이시죠 앞에 화면이 우리 시청자 분이 저에게 디자인 컨펌 요청 어란 웹페이지 라고 보시면 됩니다 이랜드 이 웹을 x d 로 디자인 하셨습니다 이런식으로 디자인이 서브페이지 까지 좀 진행이 되어 있구요 맨앞에 것부터 뭐 볼게요 아마 펜 앞에 게 기본 가이드 를 토대로 디자인이 된것 같아요 그 다음에 여기 이 두가지 페이지는 암 앞에 너에 대한 스타일 케이스 겠죠 그죠 음 봄 보도록 합시다 자 일단 이 그리드 부탄 볼게요 자 그리드 일단은 여기를 감격 뜰 40으로 뛰었고 이 끝에 를 맞은 20을 주셨네요 컬럼 쓰는 나 2 3 4 따 여일 고야 달아오 10 1 2 3 4 14 컬럼 이네요 그쵸 1941 14 컬럼을 쓰셨네요 디자인 영역은 그러면 1502 되겠네요 엄청나게 넓어요 일단 너무 넓어요 크기가 이런것들은 조금있다 좀 말씀을 드리도록 할게요 자 그리고 현재 아트보드 사이즈를 봅시다 1922 줘 자 그러면 우리가 웹사이트에서 딱 실제로 볼 때 이런 느낌인 거예요 어때요 일단 쥐 n 배 영역이 너무 크죠 너무 커요 로고도 너무 크고 이 폰트 들도 다 더 커요 그리고 거기에 비해서 이 아이콘은 또 너무 작죠 그렇죠 그리고 이거 배너를 직접 디자인하신 건 아니죠 직접 디자인하신 것 같진 않아요 만약에 디자인 하신 거라면 조금 더 간결하게 바꾸시는게 좋을꺼 같아요 이게 왜 복잡해 볼까 생각을 한번 해 보시면 여백이 없어서 그렇거든요 지금이 전체 프레임 안에 상품 둘과 폰트와 텍스트로 꽉 채워져 있기 때문에 그런건데 아마 직접 하신거 같이 남아서 넘어가도록 하겠습니다 자 일단 폰트 너무 크죠 그렇죠 아 여기도 지금 너무 크죠 그리고 지금 이미지 해상도가 어때요 여러분들 쟁 하지 않죠 선명하지 가 않아요 자 지금 이 이미지가 선명해 볼 수 있어요 선명하게 보시는 분들도 있을 수 있습니다 제가 이게 왜 선명하지 않은 지 따 진짜 선명한 이미지로 한번 비교 해 드리도록 하겠습니다 약간 자글자글 해요 지금 쨍 하지도 않아요 여기 이미지도 지금 쨍 하지가 않아 선명하지 않습니다 아 사실 이런 것들이 다 퀄리티를 좀 좌우하는 것들인데요 이런것도 좀 신경써 주셔야 될 것 같아요 이런식으로 하셨구나 오케이 으 음 이거 아이콘도 데크도 지금 보면은 선명한 게 있고 자글자글한 게 있어요 이런 것들은 지금 자갈 작가라고 요 좋아요 따봉 아이콘은 선명 해요 나머지는 좀 자글자글 해요 얘도 좀 자글자글 해보세요 제가 볼 때는 일단 한번 확인을 해 볼게요 얘는 벡터 같아요 볼 때는 이런식으로 쭉 진행을 하셨네요 자 좋습니다 이렇게 한 봤어요 그리드가 너무 넓다고 말씀드렸죠 이 그리드를 한번 줄여 보도록 할게요 저는 일단 싹 한번 달려봅시다 일단 요거는 좀 큰 수정이 많이 필요한 디자인 이어 제가 볼 때에 사실은 거의 다시 처음부터 하셔야 된다는 마인드로 접근을 하셔야 될 정도로 수정이 많이 필요해요 약간의 조정 만으로는 사실은 좀 어려운게 씨카 말씀이에요 솔직하게 말씀드릴께요 왜냐 아셨죠 그래야 좀 도움이 되실 것 같으니까 회사의 로고 위치 중요 하죠 로고가 어느 정도로 크냐 면 야 아까는 이렇게까지 주셔야 될 것 같아요 이 정도까진 줄여야 될 것 같습니다 그리고 여기가 스카이락 80 그냥요 그리드 쓰시는게 좋을것 같아요 1320 의 12 컬럼 쓰시면 될 것 같습니다 왜냐하면 지금 1500 때는 너무 커요 너무 커 저의 상도 고려하지 많이 안 돼 있는 그런 디자인이에요 너무 크니까 폰트 다 커지게 되고 그렇죠 이런 폰트 들은 보통 수 28 을 시켰는데요 28 잘 안써요 보통 18이 나 아니면 15 15 정도 손에서 끝내 시는 걸 전을 좀 추천해 드릴께요 어 15 도전을 개인 15 정돈 대학의 즉시 무엇보다 작은것을 말이 안되죠 간격은 자 대충 할게요 어차피 지금 막 간격 같은게 중요한게 아니니까 이런 것들은 그냥 대충 대충 넘어가고 요 그냥 배치 만 한 번 해보도록 하겠습니다 제가 디자인은 가 새롭게 해 드릴 순 없잖아요 보조 아 뭐 이런식이 되겠죠 약간의 그냥 재조정 정도만 생각해 주시면 될것 같아요 그리고 가장 중요한 점 검색이 좀 없네요 검정 식으로 검색한 아 한번 추가 해 보시는 것도 고래 봐주시면 좋을 거 같아요 어 어 자 그다음에 배너가 이렇게 했는데 이 배너가 너무 커요 지금 새로 까비 1053 이거든요 1053 이면 지금 한 화면에 거의 꽉 차는 느낌을 거에요 볼까요 밑에 컨텐츠가 거의 안 보이죠 거의 풀로 다 차서 밑에 컨텐츠가 안 보이잖아요 사실 이런 부분들은 너무 높게 잡을 필요 없어요 진짜 높게 쓰면 600 정도 쓰시면 될거 같은데 아 대략적인 느낌은 아 많이 정도 느낌이 되지 않을까 전에 싶어라 요정도 얘 두께 커 여 지금 제가 볼 때는 이 정도 느낌이고 지금 여기 폼 토드 보시면 너무 커요 보통 요기 타이틀을 좀 크게 쓰고 싶다면 40 정도 여기는 그냥 쉬고 폰트 쓰시면 될 것 같아요 이렇게 작아지는 게 뭐 이게 맞아요 자 그 다음에 어 한글은 노트 사스 가 좋습니다 롭 오토봇 a 개인적인 의견 이에요 그 다음에 이제 여기에 앞 버튼이 있네요 잡 쇼 버튼도 색깔의 들어와서 그런지 이 버튼도 너무 씌어 제가 볼 때는 이 버튼도 봅시다 자 이렇게 올려주고 너무 커요 1 40 정도면 충분하구요 라운드 1 픽셀의 들어가면 될 거 같아요 그 다음에 뭐 이런식으로 그냥 들어가고 폰트 co 폰트 좋아요 어 어 지금 폰트 보다 화살표가 너무 큰 느낌이 좀 되거든요 자 15 컨트 에서 여기서 이렇게 가주고 화살표 1 10 정도 하면 될까요 크네요 8 8 정도만 하셔도 뭐 충분할 거 같긴 한데 이것도 버튼에 비해서 좀 커 보이긴 하네요 잘다 확 줄일 께요 36가지 줄여 볼게요 어 백종 도까지 한번 들어봅시다 아 가운데 정녕 자폐 추정하면 이런 느낌이 될 겁니다 막 그죠 자 봅시다 아 뭐 이렇게 되겠죠 아마 대충 하면 자 그 다음에 여기 또 보면은 아까 제가 이게 선명하지 않다 고 했죠 아오 너무 커요 선명하지 않다 고 했죠 선명한 이미지가 들어 온다는 건 어떤 느낌이 있냐면 이게 조금 깨지는 게 아니라 엄청나게 깨지고 있어요 지금 솔직히 말씀 드리며 그래서 제가 갖고 있는 이미지를 더 볼 겁니다 음식 이미지가 제가 있을지는 모르겠어요 사실 있네요 자 넣어 볼게요 장 어때요 이게 선명한 걸 2기 이렇게 보니까 t 엄청 많이 나죠 봐봐요 이렇게 쨍한 이미지가 들어야 돼요 이게 뭐 유료 이미지 무료이미지 그런 개념의 차이는 아니고요 무료이미지 도 이런 것 되게 많아요 무료이미지 도 이런거 되게 많거든요 그러니까 한번 찾아 가지고 요건은 이미지 교체가 반드시 필요한 시점이 에요 그가 왜 깨진다고 말씀 드린 지 아시겠죠 굉장히 많이 깨져요 자 그 다음에 여기가 이렇게 오버랩이 됐다 모발의 파는거 좋아요 근데 디자인이 좀 잘못 됐어요 차라리 그냥 5개 쭉 깔끔하게 까는게 어때요 저는 그게 훨씬 좋아 보이긴 하는데 무난하게 그냥 디자인 까미 어쩔까 싶어 뭔가 뭐 여기서 특별 한번 보여줄 필요는 없거든요 카 이렇게 5개 깔면 되었거든요 느낌이 많이 다르죠 이 느낌과 일으키 이 gnb 느낌과 이 느낌 이 느낌을 잡으셔야 되요 이런것들을 한번 직접 조정을 해 보시면 될 것 같구요 이부분도 쪼금 아쉬워요 어이 로고는 분명하게 잘 들어간 것 같아요 그 다음이 뒤에 담에는 흰색 이렇게 깔아주면 이렇게 되겠죠 아마 이건 음 모르셔서 안했을 것 같아요 방법을 알려 드리는 거에요 자 좋아요 여기 폰트도 당연히 다 크겠죠 그리고 여기는 불필요하게 컬러가 들어오는 것보다는 그냥 그레이로 케냐 말에 깔아 주시는 걸 좀 추천드릴께요 왜냐하면 로고가 죽어요 여기 색깔 들어오고요 아 그래 아이콘 아 아아 역시 이거 3 잤는데 되게 다 섬이다 지글지글 하잖아요 아이폰이 얘는 서명이 얘는 그런게 맞아요 이건 안 그리신 것 같은데 는 심지어 좀 찌그러져 있는 것처럼 보여요 심지어 얘도 선명하지 않아요 이거 선명하게 좀 그려 주셔야 되구요 당연히 폰트 다 너무 큽니다 아 여기도 지금 너무 크죠 너무 커요 자 봅시다 지금 요 부분 짤라서 제가 뭐 받을게요 다 봅시다 아 음 얘 일단 2321 꽉 채우게 는 확실히 좀 부담스러운 크기에요 자 일단 빼고 근데 역시나 이것도 서버 먹고 가 좀 필요할 것 같긴 합니다 이거 접때 제가 삼성카드 한 번 예 시트를 썼는데 비슷한게 있네요 나쁘지 않죠 이런식으로 디자 가셔도 될것 같은데요 아니면 조금 더 찾으면 더 많은 다양한 느낌들이 많을 거에요 이거는 쪼꼼 마 찾아 보시면 바로 확인하실 수 있을 겁니다 아셨죠 자 이 부분 당연히 너무 크겠죠 자 일단 그리드가 벗어나 쪄요 이 부분은 잘 이 부분도 지금 디자인이 그렇게 좋아보이진 않네요 역시나 여기를 굳이 박스를 춰야 됐나 싶은 느낌이 있어요 훨씬 간결하고 깔끔하게 보여주시면 되요 이 폰트 아무리 봐도 너무 커요 아무리 같소 너무 커 익숙하지가 않아서 그런지도 뭐 풉니다 일단 메인 페이지는 이런 느낌을 한번 쭉 디자인을 해 보시면 좋을 것 같아요 근데 제가 써 페이지를 쭉 봤는데 전체적으로 다 너무 커요 이런 부분들 다 너무 크겠죠 자의 아이콘 1 갔다가 너무 커요 너무 커요 여기도 지금 라인이 너무 두꺼워요 저라면 그냥 1 픽셀로 갔을 거고 여기 원이 지금 그렇게 중요할까 생각이 들어요 2015년도 저라면 뭐 이렇게 줄일 것 같은데요 이렇게 가시면 됩니다 요것도 제가 예 실은 알고 있어요 요 느낌 말은 말씀 드린 건데 이게 저는 이제 사전에 벤치마킹을 회사에서도 되게 많이 하고 다른 디자이너들은 과연 디자인을 어떻게 하나 그런것들도 굉장히 많이 보거든요 요런 느낌으로 한번 쭉 해보시는게 어때요 제 폰트 너무 크죠 즉 100% 원본 입니다 이거 뉴 느낌으로 한번 진행해 보시면 좋을것 같습니다 아 그렇죠 하고 일단은 깨진거 는 그렇다 쳐도 크기에 대한 거 간격에 대한 거 크게 대한 거라고 말씀 드릴 거면 이 폰트에 대한 강약 2강 냐 냐 글 한번 쯤 연습을 해 보시는게 좋을것 같아요 어 자 요거 줘 자 요런 느낌으로 강약을 한번 짜 보시는게 어때요 좌측 정렬 하셔도 되고 우측 정열을 하셔도 되고 고 거는 뭐 우리 시청자 분이 하고 싶은 대로 하셔도 되니까 강약을 한번 본인이 한번 스스로 짜보는 연습 훈련이 많이 필요할 것 같습니다 아 뭔가 제가 볼때는 조금 더 디자인에 많이 보고 많이 연습하세요 될거 같아요 아직은 또 많이 부족해요 우리 친구 아직은 좀 많이 부족해요 폰트 깨진거 감안하고 봐도 아직은 좀 많이 부족합니다 그래서 지금 여기 투명도 도 너무 흐리고 거든요 여기 최 60% 이상 들어 와야 되고 그레이가 아니라 블랙 으로 이렇게 처리 하셔야 되요 최소 60% 이상은 들어 와야 돼요 음 아셨죠 이런식으로 한번 해보는게 좋을것 같아요 요것도 a 기업의 60% 가 되야 되냐 왜 60포 라 돼야 될까요 가독성 접근성이 이런 것들을 고려했을 때 올블랙의 60% 가 그나마 좀 나요 조금 연하며 는 50% 정도 까지는 뭐 어떻게든 될 건데 50% 이아름 안 떨어지는 게 좋습니다 가 독소 때문에 아셨죠 이런 것이 이런 것들도 제가 좀 의문이긴 헤어 2 쿠폰 안에 들어가는 가격 있잖아요 이게 원이 꼭 들어가야 되나 뭐 이런 것들이 좀 궁금하긴 합니다 한국 만약에 들어간다면 한걸로 들어가면 안될까 이게 왜 문제가 생길까요 여러분들 이 쿠폰이 갈 3천원 밖에 없을까 만원 대 몇 할 거에요 이거 만원 되면 이렇게 되잖아요 흔히 쿠프 3천원 밖에 없을까 뭔가 이런 생각도 좀 들기도 하고 이 쿠폰도 디테일을 좀 잡으셔야 될것 같아요 저라면 임원은 뺄 겁니다 그리고 지금 여기서 이 스 테 크 할인쿠폰이 중요할까 이 가격이 만원이 중요할까요 40 60 융 해야죠 그렇죠 5 16가지 치우고 얘를 줄여 어 스키 다음에 구치 제가 컬러가 들어갈 필요 없어요 어떤 식으로 진행 하시면 될거같아요 s12 도 사실 필요 없잖아요 우리가 쿠폰을 볼 때 할인가 를 가장 중점적으로 보기 때문에 나머지 다 죽이고 이 할인 금액에 대해서만 강렬하게 포커스를 맞춰 주는 거에요 사실 뭐 이 디자인이 좋다 안좋다는 뭐 그 이후에 판단 해야 돼요 일단 이것만 보시면 될 것 같아요 아셨죠 얘는 사실 10만원까지 돌아도 어느정도 영역이 충분하죠 자 그 다음에 애가 이제 여기가 만약에 무료배송 쿠폰 이렇게 여섯 글자가 들어 왔을 때도 얘가 딱 될 거냐 지금 보면 여기 타이트 하셨잖아요 이런 것들을 고려 하셔야 돼요 그래서 이 쿠폰에 들어가는 최대 글자 수가 몇 개인가 를 먼저 고려 하신 다음에 이 쿠폰의 와이드 값을 정하는 거의 길이 값을 정하는 겁니다 아셨죠 그런 것들을 다 하나 하나 봐 주시는 게 좋아요 아셨죠 지금 문제되는 게 만날 쿠폰을 보며 정도에서 좀 마무리를 짓도록 하겠습니다 아셨죠

추천

시즌 첫 농어!!

ㅤ거제도 최군의 횟집 TV

조회수 6722회 • 2021. 04. 07.

4.7 재보궐 선거, 민심의 선택은? / YTN

YTN news

조회수 6876회 • 2021. 04. 07.

[영상] 승자와 패자 뒤바뀐 민심 / YTN

YTN news

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

[과수다]멋진신세계

국립과천과학관

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